Adding a Page Block - Header

An ABM Page Block Header is the topmost section of a page block on an ABM-focused webpage. It typically serves as the introduction to a specific block of content and is designed to capture the attention of the targeted audience (specific accounts or clients).

Configure the Blocks on the page, by selecting them individually and defining them in the Style section. 

In the ABM Page Block menu, click on Header, and the respective Block in the Preview is highlighted. 

• The Header Page Block has the following components: Logo, Show-Prospect Logo, Show Contact Card, Contact Card Position, Sticky Header, and CTA in the Content section.
   
  • In the Content section, you can modify the Logo by clicking Choose Imageto upload a new logo. By default, the Company Logo is displayed as the logo in the Header Block within the Preview. Uploading a new image will replace the default logo with the updated one in both Preview and live display. 

     

• Enable the Show Prospect Logo toggle to display the Prospect Logo alongside the Company Logo. This allows both logos to appear in the Header Block, providing a personalized touch by featuring the prospect’s branding alongside your own. Note: Here the Account Logo will be displayed. If the Account does not have a Logo attached it will be blank.
  
  

  • The Glyph appears between the Company Logo and the Prospect Logo to visually separate the two. You can select the type of Glyph to customize the style, enhancing the look and alignment of the logos in the Header Block. 
  • Enable the Show Prospect Logo First toggle to display the Prospect Logo before the Company Logo.   
  • Enabling the Show Contact Card toggle displays Contact Card Heading, and Contact Card Position. The Account Representative's Contact Card is displayed in the Header Block. 

    
    

    • To configure the Contact Card Heading, enter your desired heading text in the Contact Card Heading field. This heading will display when the ABM Page loads, both in preview mode and live on the page.
      This is how the Contact Card Heading will be displayed both in Preview Mode and on the Live Page. Note: The text below the Contact Card Heading is the Welcome Notes configured at the ABM > Account Reps > Welcome Notes.
      
      
    • To configure the Contact Card Position, choose either the Top or Bottom button. Selecting Top will display the Contact Card in the Header section, while Bottom places it at the end of the ABM Page.
      This is how the Contact Card Position will appear in both Preview Mode and on the Live Page, allowing you to see and confirm its placement at either the top or bottom of the ABM page during design and runtime.
      
      Top:

      
      Bottom:

       
  • To add a CTA button to the Header section, fill in the Button Text and URL. For the CTA to appear in the Header section, Button Text, and URL are required. Choose if you want to open it in a new tab.
     
  • Click on the Style and Advanced sections to add styles. For details click here.
    
    
  • Click "Save As Global Block" to save the Header Page Block as a Global Page Block. Learn more about Global Page Blocks here.