menu
close_24px

Banner Layouts

With the help of smart rules in your module, you can display different versions of your content to specific audiences.

For the banner layouts- use background color, background image, video banner, banner with image, banner with form, or banner slider.

Add subtitles or edit your banner layout content.

Primary CTA and Secondary CTA

Add primary or secondary CTA. Within primary CTA and secondary CTA, we have provided several options. For instance- 

    • Type - Choose button, HubSpot CTA, or none.
    • Style- Choose filled(dark), outline(dark), arrow(dark), filled(light), outline(light), arrow(light).
    • Text- Provide content for text.
    • Link- Link to external, content, file, email address, blog. Provide URL/open link in a new window. Enable or disable link type as no follow.

Similarly, you will have these alternatives for Secondary CTA.

Image

Set image for banner layouts, Alt text, and size.

For size- you can either choose- exact height and width or automatically adjust. Set width and height for background layout image. There are three options for image loading- browser default, lazy or eager.

Show/ hide button for application source redirection. Enable or disable the icon box and reverse order. 

Content

Enable or disable the background overlay. Choose banner content alignment, spacing separately for desktop and mobile. Enable or disable content color for heading, content maximum width, and text.