MailChimp
Grow your email list with a sign-up form.
A Mailchimp signup form with merge fields, consent and tags, subscribed server-side so your API key never reaches the page.
Elementor widget
Requirements
- Elementor 3.5 or newer
- WordPress 6.2 or newer
- PHP 7.4 or newer
- Licence: free — installs straight from Moduly
Add it to a page
- Edit the page with Elementor.
- In the widget panel, search for MailChimp. Our widgets sit in the Moduly category and carry the Moduly badge.
- Drag it onto the page.
- Set it up in the Content tab, style it in the Style tab, and use Advanced for spacing, motion and visibility.
Settings
Mailchimp Account
| Setting | What you can set |
|---|
| API Key | Kept on the server — it is never printed to the page. Create one under Account › Extras › API keys. Leave empty to use the MDLY_MAILCHIMP_API_KEY constant. |
| Audience ID | Audience › Settings › “Audience name and defaults” shows the ID. |
| Tags | Comma-separated tags added to every contact from this form. |
| Double Opt-in | Mailchimp emails a confirmation link before the contact is subscribed. |
| Existing Contacts | Just say they are subscribed or Update their details and tags |
Fields
| Setting | What you can set |
|---|
| Label | Text |
| Placeholder | Text |
| Icon | Icon picker |
| Icon Position | Before or After |
| Name Fields | None, First name (FNAME) or First + last name (FNAME, LNAME) |
| Names Required | On / off |
| Phone Field (PHONE) | On / off |
| Phone Required | On / off |
| More Merge Fields | each item: Merge Tag, Label, Placeholder, Type, Choices, Icon or Required |
| Consent Checkbox | On / off |
| Consent Text | Links are allowed. |
| Setting | What you can set |
|---|
| Text | Text |
| Text While Sending | Text |
| Icon | Icon picker |
| Icon Position | Before or After |
| Icon Only | Hide the text visually (it stays for screen readers). |
Layout
| Setting | What you can set |
|---|
| Form Layout | Horizontal — one row or Vertical — stacked |
| Button Alignment (stacked) | Left, Center, Right or Full width |
| Joined Bar | Fields and button share one outlined bar — the classic inline signup. Best with the horizontal layout. |
| Show Labels | Hidden labels stay available to screen readers. |
| Gap | 0–60 |
| Max Width | 200–1400 |
| Position | Left, Center or Right |
| Note Under the Form | Links are allowed. |
Messages & After Submit
| Setting | What you can set |
|---|
| Subscribed | Text |
| Confirm by email (double opt-in) | Text |
| Already subscribed | Text |
| Details updated | Text |
| Invalid email | Text |
| Required field empty | Text |
| Consent not ticked | Text |
| Anything else went wrong | Text |
| After Subscribing | Clear the form, show the message, Replace the form with the message or Go to a page |
| Redirect To | Link |
| Preview Message | None, Success — in the editor, Error — in the editor, Success — always or Error — always · Show a sample message so it can be styled. “Always” also shows it on the live page — for style guides. |
Style tab: design controls for Form, Labels, Fields, Field Icons, Button, Consent & Note or Messages — colours, typography, spacing, borders and hover states.
Tips
- Visitors who ask their device for reduced motion get a calmer, still version automatically.
Troubleshooting
- On a fully cached page the nonce can expire (the endpoint then asks the visitor to reload).
- Changes not showing on the live page? Regenerate CSS in Elementor → Tools → Regenerate CSS & Data and clear any page cache.
- Works well with: Caldera Forms, Calendly, Contact Form 7.
