Beginner
How to set up signup forms on Mailchimp
Quick Answer
Setting up signup forms on Mailchimp involves accessing the Audience section, selecting your desired audience, and using the signup forms builder to create and customize your form. You can then embed the form on your website using the provided HTML code or share it as a hosted page.
Prerequisites
- Active Mailchimp account
- At least one audience (mailing list) created
- Basic understanding of HTML/CSS for customization
- Website or landing page where you'll embed the form
1
Navigate to Your Audience
Log into your Mailchimp account and click on Audience in the main navigation menu. If you have multiple audiences, select the one you want to create a signup form for by clicking Manage Audience and then View audiences.
Tip
Make sure your audience settings and fields are configured before creating your signup form to avoid having to rebuild it later.
2
Access Signup Forms
Once you're in your selected audience, click on Signup forms from the audience dashboard. You'll see several form options including Embedded forms, Subscriber pop-up, Landing page, and Form builder. Click on Form builder to create a customizable signup form.
3
Choose Your Form Type
Select the type of form you want to create:
- Embedded form - for placing on your website
- Pop-up form - appears as an overlay on your site
- Landing page - standalone hosted page
Tip
Pop-up forms typically have higher conversion rates but can be intrusive, so consider your audience's preferences.
4
Design Your Form
Use the drag-and-drop form builder to customize your signup form. Add or remove form fields by clicking the + button or dragging elements from the left sidebar. Essential fields include Email Address (required) and First Name. Customize colors, fonts, and button text using the Style tab.
Tip
Keep your form simple with minimal required fields to maximize signups - you can always collect more information later through surveys.
5
Configure Form Settings
Click on Settings to configure form behavior. Set up your Success message or redirect URL, configure Error messages, and enable Double opt-in if required by your region's regulations. You can also set up Welcome email automation from this section.
6
Preview and Test Your Form
Click Preview to see how your form will look on desktop and mobile devices. Test the form functionality by entering a test email address and submitting the form. Check that confirmation emails are sent correctly and that subscribers are properly added to your audience.
Tip
Always test your form with different email addresses and devices to ensure compatibility across all platforms.
7
Publish Your Form
Once satisfied with your form, click Publish. For embedded forms, copy the provided HTML code using
<iframe> or <script> tags and paste it into your website's HTML. For landing pages, copy the unique URL provided. For pop-ups, install the Mailchimp tracking code on your website.Tip
Use the script version instead of iframe when possible as it's more responsive and integrates better with your website's design.
8
Monitor Form Performance
Return to Audience > Signup forms > Form builder to view your form's performance metrics. Track Total signups, Conversion rate, and Traffic sources. Use this data to optimize your form's design and placement for better results.
Tip
A/B test different form designs, headlines, and call-to-action buttons to improve your signup conversion rates.
Troubleshooting
Form not displaying on website
Check that you've correctly pasted the embed code in your website's HTML. Ensure there are no conflicting CSS styles and that JavaScript is enabled. Try using the
<script> version instead of <iframe> if having display issues.Subscribers not receiving confirmation emails
Verify your From email address is authenticated in Mailchimp settings. Check that double opt-in is properly configured and ask subscribers to check their spam folders. Ensure your welcome email automation is active and properly set up.
Form fields not saving subscriber information
Make sure all form fields are properly mapped to your audience fields in Mailchimp. Check that required fields like email address are marked as mandatory. Verify that your audience merge tags match the form field names.
Mobile responsiveness issues
Use Mailchimp's mobile preview feature to test your form on different screen sizes. Avoid fixed widths and use the responsive form options. Consider creating a separate mobile-optimized version if the standard form doesn't display properly on mobile devices.
Ready to get started with Mailchimp?
Put this tutorial into practice. Visit Mailchimp and follow the steps above.
Visit Mailchimp →