Newsletter

Add the Newsletter section to display an email sign-up form with an optional banner image.

Set up section


In the editor side panel, click (+) Add section and select Newsletter. Click and hold the drag handles ⋮⋮ to re-order sections.

Section styles


Click the section to edit general section styles for colors and spacing, available in all sections:

Add background image


Add and customize the background image for your email signup section.

Click Newsletter section to find settings

Setting
Description

Image

Select or upload an image to display as the background of the banner.

Add image overlay


The image overlay adds a layer of color to your image. Overlays help balance image and text for clarity and readability.

  • Choose a Color scheme for the overlay and overlay text

  • Change the Opacity to make the overlay more or less transparent

Click Newsletter section to find settings

Setting
Description
Options

Overlay opacity

Use the slider to change the transparency of the overlay. Set the opacity to 0% to turn off the overlay.

0-100 Default: 40

Set banner height


Click Newsletter section to find settings

Setting
Description
Options

Banner height

Change the maximum height of the banner. The Adapt to image option sets the banner height to the full height of your image, which avoids cropping.

Adapt to image Default Custom

Custom desktop height

For desktop, set the Custom banner height to a fixed height (in pixels) or relative height (as a percentage of the screen height).

Fixed height 250 - 750px Relative height 50 - 100% Default: 450px

Custom mobile height

For mobile, set the Custom banner height to a fixed height (in pixels) or relative height (as a percentage of the screen height).

Fixed height 150 - 750px Relative height 50 - 100% Default: 450px

Change image animation


Add animation effects to your image banner.

Click Newsletter section to find settings

Setting
Description
Options

Image banner transition

Change the animation style of how the image loads. The image can gradually fade into view or be revealed by an iris swipe, which appears as a growing circle. Set to None to disable animations.

None Fade Iris wipe

Add content blocks


Click (+) Add block to add text and image content to the section. Use the drag handles ⋮⋮ to re-order blocks, and add Spacer and Divider blocks to further customize the layout.

Change text alignment


Click Newsletter section to find settings

Setting
Description
Options

Text alignment

Set the position of the text content for desktop screens.

Top / Middle / Bottom Left / Center / Right

Edit default wording


The Newsletter form includes default text for the submit button ("Subscribe"), email placeholder ("Your email"), and confirmation message ("Thanks for subscribing!"). You can edit this text in the default theme content editor.

  • In your theme editor, click the Actions (...) button and select Edit default theme content.

  • Search "Newsletter" to find the default text under General > Newsletter form.

  • Replace the default text in the field and click Save.

Last updated

Was this helpful?