MC4WP Form Structure

Mailchimp for WordPress (MC4WP) is the best free Mailchimp plugin for WordPress.

The theme supports layout for this plugin, That helps you to display the nicely subscribe form in frontpage and widgets.

However, the theme requests a specific HTML structure when you created the form.

To getting started, Follow the steps below:

1. Install and active plugin MailChimp for WordPress
2. Connect the plugin to your Mailchimp account via API: https://www.youtube.com/watch?v=35KjtuDNNZw
3. Navigate to MailChimp For WordPress > Form (or Forms), and create your form. The structure looks like as below:

<div>
<input type="email" name="EMAIL" placeholder="Your email address" required />
<input type="submit" value="Sign Up Now" />
</div>
<div class="agree-to-terms">
  <input name="AGREE_TO_TERMS" aria-label="checkbox" type="checkbox" value="1" required="">
  <label for="AGREE_TO_TERMS">I have read and agree to the terms &amp; conditions</label>
</div>

The data form: name and type could be changed. However, you need to remove all “<p>” tag before and after the “<input>” tag.

After then, Copy the shortcode of the form you created.

Adding the Form to Your Homepage

In order to add the form that you created to the homepage. Follow the steps below:

1. Navigate to Pages > All Pages > Edit Page > Edit with Elementor
2. Find the “Newsletter” block, then add it.
3. input the shortcode you copied into the “Form Shortcode” input field.
   

Adding the Form to a Footer – Top Full Width

In order to add the form that you created to a sidebar. Follow the steps below:

1. Navigate to Appearance > Widgets
2. Find the widget “Foxiz – Widget FW Newsletter” at the left screen.
3. Drag and drop it into the Footer – Top Full-Width section.