Add a Mailchimp signup form
Mailchimp is a popular email marketing service. Adding a signup form to your store lets visitors subscribe to your newsletter, promotions, or product announcements.
Create a form in Mailchimp
Section titled “Create a form in Mailchimp”- Log in to your Mailchimp account.
- Go to Audience → Signup forms.
- Choose Embedded forms or Form builder.
- Design your form and copy the embed code (for embedded forms) or note the form settings (for the plugin method below).
Method 1 — Use the Mailchimp for WP plugin (recommended)
Section titled “Method 1 — Use the Mailchimp for WP plugin (recommended)”This method gives you a shortcode you can place anywhere in your store.
- Go to Plugins → Add New Plugin.
- Search for “Mailchimp for WP”.
- Click Install Now, then Activate.
- Go to Mailchimp for WP → Mailchimp in your dashboard.
- Enter your Mailchimp API key (find it in Mailchimp under Account → Extras → API keys).
- Click Save changes.
- Go to Mailchimp for WP → Form to design your form.
- Copy the shortcode from the plugin settings page.
Add the form to a page
Section titled “Add the form to a page”- Edit the page where you want the form.
- Add a Shortcode block (Block Editor) or Shortcode widget (Elementor).
- Paste the shortcode.
- Save or publish the page.
Add the form to your footer
Section titled “Add the form to your footer”- Go to Appearance → Widgets.
- Find the Footer widget area.
- Add a Shortcode widget.
- Paste the Mailchimp shortcode.
- Click Update.
Method 2 — Use the embed code
Section titled “Method 2 — Use the embed code”If you prefer the HTML embed code from Mailchimp:
- Edit the page in Elementor or the Block Editor.
- Add an HTML block or widget.
- Paste the embed code from Mailchimp.
- Save the page.
Style the form to match Milano
Section titled “Style the form to match Milano”The Mailchimp for WP plugin inherits your theme’s form styles. If the form looks out of place:
- Go to Mailchimp for WP → Form.
- Add custom CSS classes to the form wrapper.
- Add custom CSS under Milano → Theme Settings → Custom CSS to match your store’s button colors and input styles.
Troubleshooting
Section titled “Troubleshooting”Problem: Subscribers do not appear in Mailchimp. Fix: Check that your API key is correct. Test the form yourself and check the plugin’s log under Mailchimp for WP → Logs.
Problem: The form shows an error when submitting. Fix: Make sure your Mailchimp audience is set up correctly and the form fields match the audience fields. Check that your site can reach Mailchimp’s API (some firewalls block external API calls).