Add an Embedded Signup Form to Your Website

Embed a Mailchimp signup form on your website to attract new email and subscribed SMS contacts and boost your engagement.

In this article, you'll learn how to add an embedded signup form to your website, and which third-party websites allow Mailchimp forms.

Before you start

Here are some things to know before you begin this process.

• This article tells you how to generate an embed code and add it to your website. You'll need to customize your embedded signup form first.
• Use the form builder to modify your response emails before you generate the embedded form code.
• Embedded and pop-up forms support SSL encryption.
• To prevent fake signups, enable reCAPTCHA confirmation for your form in your audience’s settings.
• Before you can send marketing text messages, you need to obtain SMS marketing consent from your contacts. This is different from email marketing consent.
• SMS Marketing is available as an add-on feature for customers with the Essentials plan or higher.
• At this time, you can only send text messages to subscribed SMS contacts from the country that’s associated with your SMS Marketing program. For example, if your SMS Marketing program’s sending country is the UK, you can send text messages to subscribed UK SMS contacts.
• This is an advanced feature and is recommended for users familiar with custom coding. Contact your developer or hire a Mailchimp Expert if you need assistance.

How it works

Once you customize your embedded form, Mailchimp generates a code. Add the code to the backend of the web page where you want your form to appear. When you make changes to your embedded form, the code snippet updates automatically. To update your embedded form, copy the new code and replace the old code on your website. If you're comfortable with HTML, manually edit the code to align with your organization's style and brand. Create as many forms as you need per audience and tailor them to suit your marketing needs.

Generate embedded form code

After you’ve customized your embedded form, you’ll need to generate the form’s code.

To generate the form’s code, follow these steps.

1. Click Audience, then choose Signup forms.
   
2. Click Create new form.
3. Click Create embedded form.
   
4. Enter a name for your form, then click the Audience drop-down to choose the audience you want to work with.
5. Click Begin.

6. Click Form Fields, Settings, Tags, or Referral Badge to customize your form.
   

   You can collect email and subscribed SMS contacts on your embedded form. Either an Email Address or SMS Phone Number input field is required.

7. When you’re ready, click Continue.

8. Click Copy Code.
   

9. Paste the code into your website where you want the form to appear.

Embedded forms inherit your website's style sheet, so the form may look different in Mailchimp than it does on your website.

Manage your forms

You can create multiple pop-up forms to personalize your Marketing and grow your audience.

Here are some actions you can perform on the forms dashboard to manage your pop-up forms.

• Audience settings - Click Audience settings to customize the settings of your audiences, sign-up forms, email or SMS responses.
• Subscriber preferences - Click Subscriber preferences to view/edit your preferences.
• View recent forms - In the Recent forms section, you can view your 3 most recent edited forms.
• View all forms - In the Recent forms section, click View all. You’ll navigate to the All forms page where you’ll see a listing of all your forms. Manage the following tasks on this page:
  • Sort - Click the Sort drop-down to sort your forms by Last edited or Creation date.
  • Search - Click the Search icon and type a form name, or click the Audience or Type drop-down to search for a form by audience or form type.
  • Edit - Click the Edit drop-down to rename, replicate, or delete your form. Complete the prompts in the Rename form and Delete form modals and on the Replicate your form page. You can also edit your forms in the Recent forms section. A replicated form will connect to the same audience. To connect to a different audience, you'll need to create a new form.

Add form to third-party website

Many third-party website platforms make it easy to embed Mailchimp signup forms. Check your website provider's support page for guidance if your platform isn't listed here.

• Blogger and Blogspot
• Jimdo
• Weebly
• Webs
• WordPress
• Yola

Depending on your website platform, manual changes to the form's code may be required. For more details, check out Troubleshooting the Embedded Signup Form.