Email sign-up

Section overview

The newsletter section allows you to add an email signup form to your store, featuring customizable content, layout options, and visual elements.

Common use cases

  • Collecting visitor email addresses for marketing campaigns

  • Growing your subscriber list to drive repeat business

  • Offering newsletter-exclusive promotions or content

  • Building an engaged community around your brand

Usage tips

  • Keep the signup form simple and clearly communicate the value proposition

  • Use compelling copy that explains benefits of subscribing

  • Consider offering an incentive for signing up (discount, free shipping)

  • Ensure the section maintains readability on mobile devices by adjusting width settings

  • Test the form submission process to verify proper functionality

Section settings

Setting
Description

Top spacing

Controls the amount of padding above the section (0-300px)

Bottom spacing

Controls the amount of padding below the section (0-300px)

Color scheme

Determines the background color scheme from predefined theme options

Color custom

Sets a custom background color when color scheme is set to "custom"

Color text

Determines text color - default, forced light, or forced dark

Color border

Sets the border color - subtle or strong

Color button

Sets the style and color of the subscribe button

Enable color fade

Enables smooth color transitions between sections when scrolling

Border position

Controls where borders appear - none, top, bottom, or both

Y alignment

Sets vertical alignment of blocks - top, middle, or bottom

X alignment

Sets horizontal alignment of blocks - left, center, or right

Enable margin

Toggles horizontal margin on the section

Visibility

Controls section visibility on different device types

Block settings

Newsletter

The newsletter block contains the email signup form with heading, content and form elements.

  • Block limit: 1

Setting
Description

Heading

The title displayed above the signup form

Content

Descriptive text explaining the newsletter benefits

Button label

Text displayed on the submit button

Disclaimer

Optional fine print text displayed below the form

Success message

Message shown after successful form submission

Width desktop

Controls block width on desktop devices (1-12/12)

Width mobile

Controls block width on mobile devices (1-12/12)

X alignment

Sets text and content alignment - left, center, or right

Image

The image block allows adding a complementary visual element alongside the newsletter form.

  • Block limit: 1

Setting
Description

Image

The image to display alongside the form

Width desktop

Controls image width on desktop devices (1-12/12)

Width mobile

Controls image width on mobile devices (1-12/12)

Last updated

Was this helpful?