From your store's Dashboard click the Site Designer icon in the left Navigation Menu.

The Newsletter Sign-up Block can be added to any Page on your site. In this example we will be adding it to our store's Homepage. Using the Page: Home dropdown menu at the top of the Site Designer Page, you can choose the appropriate location for your Newsletter Sign-up Block.

On the Home Page, mouse over the page until you see the Plus Sign icon to add a new block. Click the Plus Sign icon and locate the Forms section of the Add A Block menu. Open the section and choose Newsletter Block, using the Add Block button.

Once your block has been added, hover over the new Newsletter Block and locate the gray Edit button. Use the Edit button to open the Edit Block menu and customize it.

The Edit Block menu for the Newsletter Block offers these options:

Header Block Controls

Trash Can Icon to Delete Block
Arrows to move block up or down the page

Make This Block Reusable Toggle

Block Settings:

Make Section Full Width Toggle

Background Color Chooser

Heading Text Color Chooser

Padding On Top Slider

Padding On Bottom Slider

Heading Text Input Field

Input Colors:

Input Background Color Chooser

Input Text Color Chooser

Placeholder Text Color Chooser

Form Setup:

Setup Instructions Link (or view this article)

Form Action Endpoint Input Field (see setup instructions)

Email Placeholder Text Input Field

Success Message Input Field

Error Message Input Field

Make sure to click the Done button at the bottom of the block edit section to save your changes.

Additionally, you will need to click the green Publish button at the top of the page to make your changes live on your store.

In order for the Contact Form to work correctly, you must set up the Form Action through Formspree. Information on setting this up can be found in this article.

Did this answer your question?