Styling ABM Page Block: Banner

The Banner section of the ABM Page is a prominent area containing a Background (Image or Video), Title, Subtitle, and CTAs (Call-to-Action). It serves as a visually engaging introduction to the ABM Page capturing visitors' attention and encouraging them to take specific actions. The Banner is a pre-defined block and by default, it is included on the page. 

However, if you have removed the Banner, you can easily re-add it. 

Go to Add Page Blocks then select Header. Here, you can choose either a Pre-defined or a Customized Banner block. 
To Customize the Banner Block, there are two ways to access the Configuration option:

Click on the Banner directly on the Editor preview to open the Banner Edit options. 

1. Go to the Left Page Block menu and click on the Banner Block. 
   

The Banner Page Block includes Use Account Banner, Background [Image or Video], Title, Subtitle, CTA, and CTA2 in the Content section. 

1. Use Account Banner: Enable to use of an ABM Account Level Banner. To configure a Banner at the ABM Account Level. Click here [Points 9-12].
   
   Enable the Use Account Banner Toggle.
   
   
   Note: If you have already configured the Banner, Title, and Subtitle at the Account level, then the Banner will appear when the toggle is enabled.  
   
   

2. Background:
   Image Type: Click Choose Image to upload the Background Image file. The Banner Image Size is 1600x900.
   Video Type: Click the Video Image to enter the URL of the Background Video.

   • Video link: Enter the video link to upload the video in the Banner.

     
     Note: The Banner video supports Mp4, Ogg, Ogv, and WebM formats.
     
     

   • Opacity: Set the transparency quality of the video. 
     
     
     

   • Background Fallback: Upload a fallback image for the background of the Banner.
     
     
     

3. Enter Title and Subtitle.
   

   
   Note: The Max Character count for a Title is 1000 and the Max Character count for a Subtitle is 2000.  If you do not wish to have any Text fields, leave them empty. 

   
   

4. To add CTAs, Enter Button text in CTA and give a URL. By default, the Open In New Tab toggle is enabled. You can disable this option if you prefer the URL to open on the same page. 
   

   You can also add a CTA 2.
   
   Note: Leave the CTA fields empty to remove the CTA buttons from the Banner.
   
   

5. Click on the Style and Advanced sections to add styles. Click here to read more. 
   

6. Click Save as Global Block to save the Banner Page Block as a Global Block Page Block. Learn more about Global Page Blocks here.
   
   

Next Topic: Styling ABM Page Block: Complimentary