About this block
A newsletter signup set in a two-column card: your pitch on the left, an email field and Subscribe button on the right. Putting the reason to sign up right next to the form tends to work better than a lone input box. It's a contained card, so it fits mid-page between sections as well as at the end.
When to use it
- At the end of a blog post or article, when readers are most likely to want more.
- Between sections on a homepage, to collect emails from people who aren't ready to buy.
- On a pre-launch or coming-soon page, as a waitlist.
What's inside
- A rounded card on your theme's light surface colour.
- Left column: a small accent-coloured eyebrow, an h3 heading, and a short paragraph.
- Right column: a form with one required email field and a full-width primary Subscribe button.
- On phones the two columns stack, with the text above the form.
How to customize it
- Say what people get and how often: "One email a month with new recipes" beats "Stay updated."
- In the form settings, choose where signups go: save them in PageHub, send them to a webhook, or post them to your email tool's endpoint.
- Add a thank-you message that replaces the form after someone subscribes, so they know it worked.
- Add a name field if you personalise your emails. Every extra field lowers signups, so only ask for what you use.
Questions
- Can I connect this to Mailchimp or ConvertKit?
- Yes. Set the form to post to your email provider's signup endpoint or a webhook, or save submissions in PageHub and export them.
- Should the heading be an h3?
- It's an h3 so it can sit inside a page without competing with your section headings. Change it to an h2 if the card is its own section.
- Does it stop spam signups?
- The form has a hidden honeypot field that catches most bots, and the email field only accepts a valid address.