Mailchimp

An Elementor Mailchimp form is one of the quickest ways to turn a visitor into a subscriber. The Mailchimp widget in Master Addons for Elementor drops a signup form straight into your layout, and it gives you two ways to run it: pick a saved default form, or write your own custom HTML markup. Below I cover both, from the Elementor panel through to the live page.

How the Elementor Mailchimp form widget works #

The widget renders a Mailchimp signup form in Elementor without a separate form plugin. Connect it to an existing Mailchimp audience by choosing a saved form, or build a custom form with your own fields, labels, and checkboxes. Once the API key is in place, the form collects subscriber data and hands it off to Mailchimp.

Before you start #

• WordPress with Elementor installed and active.
• Master Addons for Elementor installed and active. If you haven’t installed it yet, follow the installation guide.
• The Mailchimp widget enabled in the Master Addons options panel.
• A Mailchimp account and API key. The widget shows a warning until the key is saved in the Master Addons settings.

Add the widget to your page #

Open the Elementor editor and search the widgets panel for “Mailchimp.” Drag the Master Addons Mailchimp widget into the section where you want the form. It drops in with an email field, a terms checkbox, and a “Sign up” button, plus a red notice that the Mailchimp API key still needs setting up. That notice is expected on a fresh install, so don’t let it throw you.

Use a default Mailchimp signup form #

In the Content tab, leave Form Type on Defaults. The MailChimp Sign-Up Form dropdown lists the forms already saved in your Mailchimp account, like “opt in.” Pick the one you want. The widget pulls the field structure from Mailchimp and renders it right on the canvas.

This is the fastest way to get a Mailchimp signup form in Elementor live, since Mailchimp handles the field mapping. All that’s left is styling the form to fit your page.

Build a custom Mailchimp form #

Set the Form Type dropdown to Custom. A Custom Form textarea shows up where you paste your own HTML markup. Reach for this when you need extra fields, custom labels, or a particular checkbox layout.

The demo markup in the video uses a simple structure you can adapt:

<p>
  <label for="email">Email address:</label>
  <input type="email" id="email" name="EMAIL" placeholder="Your email address">
</p>

<p>
  <label>
    <input type="checkbox" name="AGREE_TO_TERMS" value="1" required>
    I have read and agree to the terms & conditions
  </label>
</p>

<p>
  <input type="submit" value="Sign up">
</p>

If you’d rather write and preview the markup outside Elementor, that side-by-side code editor with the live preview comes from the free Mailchimp for WordPress (MC4WP) plugin, not Master Addons itself. Markup on the left, live preview on the right, so you can get the layout right before pasting it into the widget.

One thing that trips people up with custom markup: your name attributes have to match your Mailchimp audience merge tags. The email field in particular must use name="EMAIL", or Mailchimp won’t recognize the subscriber address and the signup silently fails.

Configure your Mailchimp API key #

The widget keeps showing that warning until the API key is saved. In the WordPress admin, open Master Addons and find the Mailchimp settings area. Paste your key, save, and head back to the Elementor editor. The warning clears and the form is ready to take subscribers.

Generate a key from your Mailchimp account settings. Keep it private, and never paste it into the custom form markup itself, since that markup is visible to anyone who views the page source.

Style the form #

The Style tab hands you the usual Elementor controls for form fields, labels, checkboxes, and the submit button: colors, typography, spacing, borders, and alignment, so the Elementor email signup form lines up with the rest of your design. It picks up your theme fonts by default, so on most sites you’ll only touch the button color and a bit of field spacing.

The result on the live page #

On the front end, the form shows the email field, terms checkbox, and submit button exactly as you set them. With the API key active, submissions go straight into the Mailchimp audience you picked.

Common use cases #

• Blog newsletters: drop a simple email field into a blog’s footer or sidebar.
• Lead magnets: pair the form with a download button so visitors subscribe before they get the guide.
• Product launch pages: collect early-access emails on a landing page.
• Event registrations: use custom markup to add name, company, or consent checkboxes.
• Footer subscriptions: embed a compact Mailchimp widget for Elementor in the site footer.

For more form options, see the Contact Form 7 widget. For an announcement bar to sit alongside a signup form, try the News Ticker widget.

Video Tutorial #

Prefer to watch? This walkthrough sets up the Mailchimp widget end to end, from picking a form type to the signup form on the live page:

Frequently Asked Questions #

Wrapping up #

The Master Addons Mailchimp widget is a direct way to add an Elementor Mailchimp form to any page. Go with a default form for speed, or switch to Custom mode when you want full control over the markup and fields. Either way, it connects to your Mailchimp audience once the API key is set. Browse the full set of Master Addons widgets and extensions for more tools to grow your list.