Adding a Page Block - Image Gallery

An Image Gallery Page Block is a dedicated section within an Account-Based Marketing (ABM) page that showcases a series of images in a gallery format. You can engage target accounts with relevant images (Grid and Carousel view), such as product visuals, event photos, or team images. Galleries allow users to view images on the page or in a lightbox format.

To add an Image Gallery Page Block to your ABM Page, follow the steps below:

1. From the Add Page Block menu, select Image Gallery. The Image Gallery block is then added to the list of Page Blocks. 
2. From the Page Blocks, click Image Gallery, and the corresponding block in the preview section will be highlighted. 
3. The Image Gallery Page Block includes Content, Style, and Advanced tabs.  Under the Content Tab, the following sections are displayed: Title, Subtitle, CTA, Image Size, Display Configuration, and Gallery. In the Content section, you can make modifications. 
   
   
4. Title and Subtitle: 
   • The Title is displayed by default. You can modify them as needed.
   • The Subtitle is displayed by default. You can modify them as needed.
   • To hide the Image Gallery Title and Subtitle, leave the fields empty. 
5. CTA: 
   • Enter a text in CTA. The CTA text is displayed as a Button in the Block.
   • Enter a CTA URL. When a user clicks the button, they will be redirected to the specified URL Page. To hide the button from the Block, leave the CTA and CTA URL fields empty.
   • When the " Open in a New Tab toggle is on, the CTA link opens in a new browser tab, allowing users to stay on the current page.
     
6. Image Size:
   • To set the Image Size, select from the predefined options in the dropdown menu. 
     • Small - 150 x 150
     • Medium - 300 x 300
     • Custom
   • If you choose Custom, you will need to manually enter the width and height to achieve the desired image dimensions. 
7. Display Configuration: Display Configuration controls how images are presented. By default, images are displayed in a Grid layout, showing all items at once in a clean, structured format for easy viewing.
   
                     Grid Type Configuration: 
   • Grid: Displays items in a fixed, organized layout without scrolling. 
   • Columns: Defines the number of items displayed per row in the grid layout. By default, the Column field is set to 3; you can add up to 12 columns. The number of columns entered is reflected when the images are added. 
   • Light Box: Enabling Light Box allows an image in the Gallery Block to open in an overlay format when clicked, highlighting the image while dimming or darkening the background. This draws attention to the selected image, enhancing the user's viewing experience by focusing on it prominently. By default, the Light Box toggle button is disabled.
     
     Carousel Type Configuration:
     
     
   • Carousel: Displays items in a horizontally scrolling format. Carousel view becomes available only when four or more images are added. 
   •  Slides Per View: Sets the number of images visible at one time in the carousel. 
   • Space Between: Controls the spacing between images in the carousel. 
   • Autoplay: Automatically scrolls through images without user interaction. 
   • Autoplay Speed (Sec.): Defines the time interval (in seconds) between each automatic slide transition. 
8. Gallery:
   • Click Choose Image to upload the image to the Image Gallery Block. 
9. Image Gallery in Real Time: 
   • Grid view in real time.
     
   • Carousel view in real time. 
10. Click on the Style and Advanced sections to add styles. If you would like to read more, please click here. 
    
    
11. Click Save As Global Page Block (optional) to save the Image Gallery Page Block as a Global Page Block. Learn more about Global Page Blocks here.