Email signup
Last updated
Last updated
Each email subscription creates a customer account. Learn more.
To add this section, please follow the below steps:
From your Shopify admin, go to Online Store -> Themes.
Find the theme that you want to edit, and then click Customize.
Click Add section and choose "Email signup".
| Setting | Description |
|---|---|
Layout style | Select the layout style for the section:
|
Section width | Select the section width from the dropdown menu:
|
Custom width | Determines the width of the section when you choose 'Custom width' option at 'Section width' setting . Can be from 1000px to 1800px, increasing arithmetically of 50px (pixel) |
Custom corner radius | Select this checkbox to enable/disable custom corner radius for the background image and the content background |
Block corner radius | Determines the corner radius of the block. Can be from 0px to 100px, increasing arithmetically of 1px (pixel) |
| Setting | Description |
|---|---|
Image | Upload an image |
Make section full width | Enable/disable checkbox |
| Setting | Description |
|---|---|
Content alignment | Set horizontal alignment for content inside section containers:
|
Content alignment mobile | Set horizontal alignment for content inside section containers:
|
Use custom background color content | Select this checkbox to use custom background color content for this section. |
Set background for content | Select this checkbox to use custom color for this section. |
| Setting | Description |
|---|---|
Color scheme | Select a color scheme to set the text and button colors for the section |
Use custom color | Select this checkbox to use custom color for this section. (The 3 following settings only take effect if this checkbox is ticked) |
Text | Select a color for the text. |
Background | Select a background color for this section (If a background gradient is set, the section's background will be set according to the background gradient setting) |
Background gradient | Select a background gradient color for the section |
| Setting | Description |
|---|---|
Top padding | Determines the height of the top inner space of the section. Can be from 0px to 100px, increasing arithmetically of 1px (pixel). |
Bottom padding | Determines the height of the bottom inner space of the section. Can be from 0px to 100px, increasing arithmetically of 1px (pixel). |
Top padding on mobile | Determines the height of the top inner space of the section on mobile. Can be from 0px to 100px, increasing arithmetically of 1px (pixel). |
Bottom padding on mobile | Determines the height of the top inner space of the section on mobile. Can be from 0px to 100px, increasing arithmetically of 1px (pixel). |
