3. Newsletter

Helps you display Newsletter form on the homepage easily.

 

1. Open the existing section

1. From your Shopify admin, go to Online Store > Themes.
2. Find the theme that you want to edit and click Customize.
3. Click the Newsletter section.

2. Add a Newsletter section to your home page

1. From your Shopify admin, go to Online Store > Themes.
2. Find the theme that you want to edit and click Customize.
3. Click Add section > Newsletter > Add.
4. Use the settings to customize your Newsletter section.
5. Click Save.

3. Settings

Background

• Enable: turn on/off the background.
• Pick a color: choose a color to set the background color. If the background is empty, the background color will be displayed.
• Background image: pick or upload your image to display it as the background image.
• Background size: set the size of the background image.
• Background style: set the style of the background image.

Section gutters

• Enable top gutter: turn on/off the space distance on the top of the section.
• Enable small top gutter: turn on/off the small space distance on the top of the section.
• Enable bottom gutter: turn on/off the space distance on the bottom of the section.
• Enable small bottom gutter: turn on/off the small space distance on the bottom of the section.

General settings

• Heading: add the section title.
• Subheading: add section subheading.
• Wide display: turn on/off displaying the section in the wider layout(still keep the gutter on the left and right).
• Enable social icons: turn on/off displaying the social icons.

Color & Font size

 

• Section heading color: choose a color to set the color of the section heading.
• Section subheading color: choose a color to set the color of the section subheading.
• Input text color: choose a color to set the color of the input text.
• Input background color: choose a color to set the background color of the input.
• Input font size: drag & drop to choose a value to set the font size of the input. Only apply on the desktop screen.
• Input icon color: choose a color to set the color of the input icon.
• Terms & conditions color: choose a color to set the color of terms & conditions.
• Social icons color: choose a color to set the color of social icons.