Add a newsletter sign-up or contact form

Steps

Newsletter sign-up

1. Open the page in Online Store → Theme Settings — the footer is a common spot: switch to Footer above the canvas.
2. Click + (Add Blocks), search Newsletter, hover to pick one of the four designs and drag it into place.
3. Set the Action text (default "Join") and the Email placeholder.
4. Adjust the input and button colours and Rounded input, then Save.
5. Subscribers appear under Marketing → Newsletter. To be emailed about new sign-ups, turn on the newsletter toggle in Store Settings → Manage Notifications.

Contact form

1. Select the Contact page in the page selector (or any other page).
2. In Add Blocks, drag a Contact Form block onto the page.
3. Set the Action Button Text (default "Send Message"), turn on Full width if you want the button to span the form, and pick the Button Background and Button Text Color.
4. Click Save.

Common problems

• The form does nothing when you click it in the editor→forms work only on the live page; open Preview to test.
• The newsletter box appears on one page only→put it in the Footer (shared across all the store) instead of the page body.
• Button text is still in English on your Arabic store→editor text is saved per language; switch language, change Action text and Save.
• You want extra fields on the form→the Contact Form block has fixed fields; for a custom form, build one from Input and Textarea blocks inside a Section.

Related

• How do I see and manage newsletter subscribers?
• Add a popup (dialog) to a page
• How to edit your store footer
• Create a custom page (About us, FAQ, Contact)