To add a newsletter signup to a Framer site, drag the Mailchimp component or the Input component from the Forms section of the Insert panel, connect it to your email service, and style it to match the page. Framer's Input component supports Loops, Mailchimp, Formspark and GetWaitlist. For other services, such as Kit, Brevo or MailerLite, use a native Framer form with a webhook or a marketplace plugin. Add a line on what people will receive and a link to your privacy policy, then test a signup end to end.
A short email list is one of the few marketing channels a small business owns outright. Restaurants announce new menus, studios share new work, creators send drops and clinics share offers.
Which options does Framer offer?
According to Framer's help articles on adding Mailchimp and adding forms, checked 29 October 2026:
| Option | Works with | Good for |
|---|
| Mailchimp component | Mailchimp | Mailchimp users who want a ready-made signup |
| Input component | Loops, Mailchimp, Formspark, GetWaitlist | A single email field with a button and a success state |
| Native Framer form | Email, Google Sheets or a webhook | Collecting more fields, or sending to any service that accepts webhooks |
| Marketplace components and plugins | Various, including Kit and others | Services Framer does not support directly |
Marketplace plugins are made by third parties; check their pricing, support and what data they handle before you rely on one.
How do you add a Mailchimp signup?
- In Mailchimp, open your audience's embedded form code and copy the form action URL.
- In Framer, open the Insert panel and find the Mailchimp component under Forms.
- Drag it onto the page.
- Paste the form URL into the component's Form URL field.
- Style the field and button.
- Publish and sign up with a test address.
How do you use a native form with another service?
- Insert a native Framer form with an email field (and a name field if you want it).
- Set the destination to a webhook.
- Use the webhook URL your email service or an automation tool provides.
- Framer sends the submission as JSON with your input names as keys, and its webhook guide says the endpoint must return a success response.
- Test that the subscriber appears in your list.
Where should the signup go?
- In the footer of every page
- At the end of articles or journal posts
- On a dedicated page you can link from social profiles
- Near the content people want more of, such as a release, drop or new menu
Avoid pop-ups that appear before visitors have read anything. They annoy people on phones and can cover the page.
What should the signup say?
Tell people what they will get and how often: "New work and studio news, once a month" or "First look at each drop, a few emails a year". A specific promise gets more signups than "Subscribe to our newsletter". Keep the form to an email field unless you need more.
What about consent and privacy?
Rules on marketing email vary by country. In the UK and EU, consent rules generally require a clear, positive opt-in and an easy way to unsubscribe. Do not pre-tick boxes. Say how you use the email address and link to your privacy policy next to the form. Many email services offer a double opt-in, where people confirm by email, which also keeps out fake addresses. This is general information, not legal advice. See cookie banners and privacy policies on a Framer site.
How do you test the signup?
- Sign up with a real address you control, on a phone.
- Check the success message appears.
- Check the address appears in your email service.
- If you use double opt-in, confirm the email arrives.
- Unsubscribe and check it works.
Repeat after any change. See Framer form submissions for wider form testing.
What should you send first?
Set up a welcome email in your email service before you add the form to the site. It should arrive within minutes, thank the person, repeat what they will receive and how often, and give them one useful thing: the current menu, the latest work, a booking link or the date of the next drop. Then send on the schedule you promised. A list that hears nothing for months forgets why it signed up, and more of your later emails land in spam.
Which templates include email capture?
The Collection ($49), a mobile-first storefront for creators, includes email capture wired for your list, alongside a products collection on the CMS. See Linktree alternatives for creators and Framer templates for creators.
Any getsites template can take a signup in the footer using the components above. For musicians building a fan list, see musician and DJ websites. For a launch, a waitlist signup works the same way; see launching a clothing drop without a store plan.
Frequently asked questions
How do I add a newsletter signup in Framer?
Use the Mailchimp component or the Input component from the Forms section of the Insert panel, or a native form sending to a webhook, then connect it to your email service.
Which email services work with Framer?
Framer's Input component supports Loops, Mailchimp, Formspark and GetWaitlist, and there is a dedicated Mailchimp component. Others can connect through a webhook or a marketplace plugin.
Can I connect Kit (ConvertKit) to Framer?
Not through Framer's built-in Input component. Use a native form with a webhook, or a marketplace component that supports Kit.
Do I need consent for a newsletter signup?
In many places, yes. Use a clear opt-in, say what people will receive, link to your privacy policy and include an unsubscribe link in every email.
Where should a newsletter signup go on my site?
In the footer, at the end of articles, on a dedicated page and next to content people want more of.