Skip to main content

How to add Mailchimp signup form

Building an email list is one of the most effective ways for architectural firms, interior design studios, and creative agencies to share portfolio updates, case studies, and newsletter announcements. The Goarch theme seamlessly integrates with Mailchimp for WordPress (MC4WP) to display custom newsletter subscription forms across your website.

Step 1: Install and Activate Mailchimp for WordPress

Goarch recommends the Mailchimp for WordPress (MC4WP) plugin for email list integration.

  1. Log into your WordPress admin dashboard.
  2. If prompted by the theme notification bar at the top of your dashboard, click Begin installing plugins or Begin activating plugins next to Mailchimp For WP.
  3. Alternatively, navigate to Plugins > Add New, search for MC4WP: Mailchimp for WordPress, click Install Now, and then Activate.

Step 2: Connect Mailchimp API Key

To sync your WordPress subscription forms directly with your Mailchimp audience lists:

  1. Log in to your Mailchimp Account.
  2. Click your profile icon at the bottom left, select Account & Image, then go to Extras > API keys.
  3. Click Create A Key, copy your generated API key string.
  4. Return to your WordPress dashboard and navigate to MC4WP > Mailchimp.
  5. Paste your API key into the API Key field and click Save Changes.
  6. Verify that the Status indicator displays CONNECTED and your active Mailchimp subscriber list appears below.

Step 3: Create and Style Your Signup Form

  1. In your WordPress sidebar, go to MC4WP > Forms.
  2. Enter a title for your form (e.g., Goarch Newsletter Form).
  3. Select your target Mailchimp audience list and click Add new form.
  4. Under the Fields tab, configure your HTML form fields (such as Email Address and Submit Button):

HTML

<p>
    <label>Email Address:</label>
    <input type="email" name="EMAIL" placeholder="Your email address" required />
</p>
<p>
    <input type="submit" value="Subscribe" />
</p>
  1. Click Save Changes.
  2. Copy the shortcode generated near the top of the screen (e.g., [mc4wp_form id="123"]).

[Insert screenshot of MC4WP form builder and shortcode box here]

Step 4: Display the Form on Your Website

Goarch allows you to place your Mailchimp form in multiple locations across your site:

Method A: Using Elementor Page Builder

  1. Open any page using Edit with Elementor.
  2. Search for the Shortcode widget or Goarch Newsletter / Form widget in the left element panel.
  3. Drag the widget into your preferred section container.
  4. Paste your MC4WP shortcode ([mc4wp_form id="..."]) into the shortcode field box.
  5. Click Update to publish your live form.

Method B: Adding to Sidebars via Widgets

  1. Navigate to Appearance > Widgets.
  2. Expand the sidebar where you wish to display the form (e.g., Blog Right Sidebar or Project Single – Right Sidebar).
  3. Click the Plus (+) icon, search for Shortcode or Custom HTML, and insert the block.
  4. Paste your Mailchimp form shortcode into the block.
  5. Click Update at the top right to save changes.

Best Practices & Troubleshooting

  • Verify Double Opt-In Settings: Manage email confirmation preferences under MC4WP > Forms > Form Settings to require double opt-in if mandated by local privacy regulations (such as GDPR).
  • Test Submissions: Perform a live submission using an alternative email address to ensure new signups appear inside your Mailchimp audience dashboard immediately.
  • Clear Caches: If your styled form does not render immediately on the frontend, clear your site cache via your active caching plugin (e.g., LiteSpeed Cache, WP Rocket) and refresh your browser.
Table of Contents