Email signup settings

This guide describes the Email signup section.

The Email Signup section allows you to capture customer email addresses and grow your mailing list. It’s ideal for keeping your audience informed about new products, promotions, and updates.

Key Features

Content Settings

Add and customize the section heading.
Add optional supporting text in subheading block to encourage signups.

Design Options

Modify the color scheme, padding, and section container to align with your brand style.

How to access the Email signup section

Access this section through the theme customizer:

Navigate to Online Store > Themes
Select “Customize” on your active theme
On any theme template, click “Add section”
Search and select “Email signup”

To insert a new section between existing ones, follow the steps in the article "Add a section"

How to configure the Email signup section

Basic Components

The “Email signup” section consists of two primary components:

General settings
Block. Available block types include:

Heading (learn about all available block settings in the related article "Heading")
Subheading (learn about all available block settings in the related article "Subheading")
Email form (learn about all available block settings in the related article "Email form")

General settings

Select a setting described in the following table:

Setting

Description

Color scheme

Apply Color Schemes:

After creating your color schemes in theme settings — 'Colors' tab, you can apply them to different sections of your store.
In each section or block, you'll see a Color scheme dropdown.
Select the appropriate color scheme for each section, ensuring consistency with your brand's identity.

Learn more about color schemes.

Make section full width

Mark the checkbox, and the section will take up the full width of the page.

Each email subscription creates a customer account. Learn more

Section padding

Setting	Description
Top padding	The 'Top padding' setting allows you to adjust the amount of space at the top of the section using a slider.
Bottom padding	The 'Bottom padding' setting functions similarly to the “Section top padding” setting, but controls the space at the bottom of the section.
Top padding mobile	The 'Top padding mobile' setting allows you to adjust the amount of space at the top of the section specifically for mobile devices, using a slider.
Bottom padding mobile	The 'Bottom padding mobile' setting works similarly to the 'Top padding mobile' setting but controls the space at the bottom of the section for mobile devices.