Add an Embedded Signup Form to Your Website

Copy Article URL

Copied

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 popup forms support SSL encryption.
  • To prevent fake signups, enable reCAPTCHA confirmation for your form in your forms settings. If you experience fake signups on your existing embedded form, you'll need to generate new embedded form code and replace the existing form code on your website in order for reCAPTCHA to work as intended.
  • 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. If you have registered senders in multiple countries, you can send messages to subscribed contacts in each country you’re registered for. For example, if you have a sender registered in the UK and one registered in the US, you can send text messages to subscribed SMS contacts in the UK and the US.
  • 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

Mailchimp embedded forms let you get subscriber information from your website. Collect information from email and SMS subscribed contacts. If you have registered senders in multiple countries, you can send messages to subscribed contacts in each country you’re registered for.

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 Forms, then choose Other 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 Continue to builder.
  6. Click Form Fields, Settings, Tags, or Referral Badge to customize your form. 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. Add an Embedded Signup Form to Your Website - 图1
  9. Paste the code into your website where you want the form to appear.

Note

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

For multiple countries, for each phone number added per country, you’ll need to republish your form with updated Mailchimp code.

Manage your forms

Create multiple embedded forms to personalize your marketing and grow your audience.

Here are some actions you can perform on the forms dashboard to manage your embedded forms.

  • Forms settings - Click Settings within Forms 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.

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.

How the Form Builder Works

Learn how to customize forms, welcome emails, and other response emails with our Form Builder.

Add a Signup Form in WordPress

There are several ways to add a Mailchimp signup form to your WordPress site. Learn which signup form works best with your site.

Create and Customize Embedded Signup Forms

Learn how to customize your Mailchimp embedded signup form for your website.

Create a Popup Form

Learn how to create and manage popup forms in Mailchimp.