Skip to main content

Customize the CTA Banner Block

How to use CTA banner

Written by Preet Jain

The CTA Banner Block adds a full-width call-to-action banner to any page on your website, complete with a heading, button, and custom colors.

Set the Button.

  1. Click into the CTA Banner Block to open its settings on the right.

  2. Under Data, enter your button text in Button label.The button can removed by leaving this field blank.

  3. Add your link in Button URL — this is where visitors go when they click the button.

Customize Colors
Open the Colors section to match the banner to your website's branding:

  • Pre-heading color, Heading color, Subheading color: leave blank to use your website's theme colors, or click the color swatch to set a custom color, then click Apply

  • Background: changes the background color for the whole block. This pulls directly from your Branding Colors, so choose the option (like Primary) that matches the look you want.

Adjust Layout
Open the Layout section to fine-tune the banner's size and spacing:

  • Max Width (px): the maximum width the banner content stretches to

  • Horizontal Padding (px): space added to the left and right of the content

  • Vertical Padding (px): space added above and below the content

Next Steps

  • Preview the page to check how the banner looks on both desktop and mobile.

  • Click Publish when you're ready to make it live

Did this answer your question?