Styling ABM Page Block: Promotion

The Promotion Page Block is designed to highlight and promote specific content, products, or offers, enticing visitors to take action and explore further. Promotion Page Block is a pre-defined block and by default, it is included on the page.

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

Go to Add Page Blocks then select Promotion.

You have the option to choose either a pre-defined or to customize the Promotion block. There are 4 different pre-defined promotional templates to choose from. 

1. Promotion
   With this pre-defined block, add titles, concise descriptions, images, and well-placed CTAs to facilitate seamless user interaction on the web page.
   
   
2. Who We Are
   Use this pre-defined block to provide an insightful overview of your organization. through concise titles, informative descriptions, and representative images.
   
3. Statement
   This pre-defined block can help you convey key information with precision. Add impactful titles, brief descriptions, and images.
   
   
4. Achievements 
   Customize the tiles on this pre-defined block to create a display of the milestones that define your success story. 
   
   

To Customize the Promotion Block, there are two ways to access the Configuration option:

• Click on the Promotion block in the Editor. The Configuration panel opens on the left with the Content tab. 

  
  

• You can also go to the page options on the Left and click the Promotion tab to Edit.
   

The Promotion page block includes Title, Subtitle, CTA, CTA URL, Tile 1, Tile 2, and Tile 3. 

1.  Enter a 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. 
   
   
2. Under CTA, enter Button text, and add a URL to which you wish the visitor to be directed with the CTA Button. 

   
   

   Note: To remove the button from the Promotion Block, leave the CTA field empty.
   
   • By default, the 'Open In New Tab' toggle is enabled which allows the CTA URL to open in a new tab. When turned off it will open in the same tab.
     

3.  Enable the 'Show As Carousel' toggle, to display the tiles as a Carousel.

   

   
   

   Note: To see the Carousel, there should be a minimum of 4 Tiles in the Promotion.
   
   Tiles can be rearranged by simply dragging and dropping them. 

   

   
   

4. In the Tiles section, click on the Tile to expand and make modifications.
   

   • Enter a Title and Subtitle.  
     

     
     
     

     Note: To remove the Title or Subtitle, leave the fields empty.
     
     
   • In the CTA section, give a Button Text and a URL 
     
     
     Note: To remove the button from the Tile section, leave the CTA field empty.
     
     
   • Click on the Image to upload the image file in the Tile section. 

     The image size should be 200px X 200px.
     

     Note: To remove the image from the Tile section, click the Delete icon.
     
     

5. Repeat Step 4 to edit the other Tiles.
   Note: A maximum of 12 tiles can be configured for a Promotion, by clicking on the Add icon in the Tiles section. To learn how to Style an individual tile refer to the 'Tile Styling for Promotion' section here. 
   
   

6. Click on the Style and Advanced sections to add styles. To find out more, click here.
   
   

7. Click Save As Global Block to save the Promotion Page Block as Global Page Block. Learn more about Global Page Blocks here. 
   
   

  Next Topic: Styling ABM Page Block: Content Block