Everything you need to set up and customize the Newsletter Signup block — from adding an email capture form to your store to customizing the subscribe button, layout spacing, and color scheme.
A newsletter signup is an email capture form that lets visitors subscribe to your mailing list directly from your storefront. Building an email list is one of the most effective ways to stay in touch with customers, share promotions, announce new products, and drive repeat purchases.
In the Boardwalk theme, the Newsletter Signup block provides a clean, ready-to-use email input field with a subscribe button. It can be placed inside any section that supports blocks — such as a footer, a custom section, or a popup. When a visitor enters their email and clicks subscribe, they are added to your Shopify customer list as a subscriber who has accepted email marketing. The block includes built-in success and error messages, a responsive layout that stacks on narrow screens, and accessibility features like screen-reader labels.
Follow these steps to add a newsletter signup form to your Shopify store using the Boardwalk theme.
In your Shopify admin, go to
Online Store → Themes, find Boardwalk,
and click Customize. Navigate to the page
where you want to display the newsletter form using the
page selector dropdown at the top center of the editor.
Click on the section where you want to place the newsletter form (for example, the Footer or a Custom section). Click Add block and choose Newsletter signup from the list. The block will appear with an email input field and a subscribe button.
Click the Newsletter signup block in the sidebar. You can change the button text, toggle the arrow icon on the button, adjust vertical padding, and choose a color scheme. These settings let you match the form to your store's look and feel.
Subscribers are added to your Shopify customer list with email marketing consent. To send emails to these subscribers, make sure you have an email marketing tool connected — such as Shopify Email or a third-party app like Klaviyo or Mailchimp.
Note: To view your subscribers, go to
Customers in your Shopify admin and filter
by Email subscription status →
Subscribed. This shows everyone who has
opted in through your newsletter form.
Click Save in the Theme Editor. Preview your page to make sure the email input, subscribe button, and layout look correct. Try submitting a test email to confirm the success message appears.
These settings are available when you click the Newsletter Signup block in the Theme Editor sidebar.
Sets the label displayed on the subscribe button. Use something clear and action-oriented like "Subscribe" or "Sign Up."
Adds a small arrow icon to the subscribe button, creating a visual cue that encourages visitors to take action.
Controls the amount of space above and below the newsletter form within the block. Range: 0px to 100px.
When turned on, the block inherits the color scheme of the section it belongs to. Turn this off to give the newsletter block its own independent color scheme.
Select a color scheme for the newsletter block. This setting only applies when Use section color scheme is turned off. Choosing a contrasting color scheme can help the signup form stand out from its surroundings.
The Newsletter Signup block comes with features that work automatically — no apps or custom code needed.
The email field uses browser-level validation to ensure visitors enter a properly formatted email address before submitting. If the email is invalid, an error message appears below the form explaining what went wrong.
After a visitor submits their email, the block automatically displays a green success message confirming their subscription, or a red error message if something went wrong. These messages are clearly styled with icons for easy recognition.
On wider screens, the email field and subscribe button sit side by side. When the available space is narrow (such as inside a sidebar column or on a small mobile screen), the layout automatically stacks so the button appears below the input at full width.
The Newsletter Signup block works seamlessly inside newsletter popup sections. When a visitor successfully subscribes through a popup, the popup automatically reopens after the page reloads to display the success message — so visitors always see confirmation of their signup.
The email input includes a hidden label for screen
readers, and feedback messages use proper ARIA roles
(alert for errors, status for
success) so assistive technologies announce them
automatically. The input field also supports
autocomplete, making it faster for returning visitors to
fill in their email.
By default, the block uses the same colors as its parent section so it blends in naturally. You can override this with a custom color scheme to make the signup form visually distinct.
After a successful submission, the block automatically
removes the #contact_form hash from the
browser address bar, keeping your page URLs clean and
tidy.
The Newsletter Signup block is flexible and can be placed in several areas of your store. Here are some common placements:
The most popular location. Adding a newsletter signup to your footer means it's visible on every page of your store, giving visitors a consistent way to subscribe no matter where they are browsing.
Place the block inside a popup section to capture emails with a timed or scroll-triggered overlay. The block is designed to work inside popups and will automatically reopen the popup to show the success message after submission.
Add the block to any custom section on your homepage or landing pages. Pair it with a heading and descriptive text to create a dedicated "Stay in the Loop" or "Join Our Community" area.
Customers and filtering by email
subscription status.
Online Store → Themes → Edit default theme
content
(or the three-dot menu →
Edit default theme content) and search
for the email signup placeholder. You can update the
text there for your default language, and for any other
languages you've published.