MailChimp for WordPress

MailChimp for WordPress

MailChimp for WordPress

MailChimp for WordPress

Official Documentation Link:

Mailchimp for WordPress Official Documentation


Create Form

Create your first form with the MailChimp for WordPress plugin! The process is quite easy, since our plugin does most of the work for you. After you have installed either the Pro or the Lite version of the MailChimp for WordPress plugin, it’s time to set up your first form!

Requirement: set up a list

If you haven’t already, please make sure to go to your MailChimp Dashboard and set up a new list. When doing so, think about the different fields your list will need.

MailChimp offers the possibility of using different field types. Simply put, these types tell MailChimp and our plugin what sort of data to expect. That way we can check if the input your potential subscriber is trying to pass along corresponds with the data you would like to receive. Using correct field types will decrease the chance of errors, so it’s good to give it some thought!

If you have set up a new list after installing the MailChimp for WordPress plugin, you will need to refresh the plugin’s saved data (or cache) for changes to show up in your website.

 Create your first form

Once you have your list ready, it’s time to set up your first form! This part should be a breeze; you’ve already done the hard bit.

Within your website, please go here:

MailChimp for WP > Forms

Lite users: You should be taken to the ‘Edit form’ page straight away.

Pro users: you will need to make a new form by clicking the ‘Create New Form’ button atop the Sign-up Forms list.

 Edit your form

You will see the Edit form page with it’s editor; a basic form has already been made for you, based on the default input fields MailChimp creates when you starting a new list. It is now up to you to edit that form to your liking.

The easiest way to do this is by using our field generator. It does exactly as the name implies; it generates fields for you, based on the list that you have created.

Using this generator will ensure that the names and ID’s of your fields are correct, allowing for little error.Running into trouble and don’t know why? Try our Troubleshooting section!

Getting your form live

We have the shortcode for Visual Composer where you can easily implement this form.

We provide a shortcode that makes it super easy for you to put the form you have just created anywhere you’d like. For Lite users, it will look something like this:

<form id="mc4wp-form-1" class="mc4wp-form mc4wp-form-871 mc4wp-form-theme mc4wp-form-theme-blue" method="post" data-id="871" data-name="Default">
<div class="mc4wp-form-fields">

<input name="EMAIL" required="" type="email" placeholder="Enter Email Address" />

<input type="submit" value="Subscribe" />

</div>
<div class="mc4wp-response"></div>
</form>

Pro users have the ability to create multiple forms and therefor need to add in the ID of the particular form. Like so:

We also have a built-in widget that you can use to get your form onto your website. No coding skills needed!

If you do have some coding skills and would rather implement (or hard code) the shortcode through PHP, you can do so by adding in the following line:

<pre><code class="php hljs"><span class="hljs-meta">&lt;?php</span> <span class="hljs-keyword">echo</span> do_shortcode(<span class="hljs-string">'</span></code></pre>
<form id="mc4wp-form-2" class="mc4wp-form mc4wp-form-871 mc4wp-form-theme mc4wp-form-theme-blue" method="post" data-id="871" data-name="Default">
<div class="mc4wp-form-fields">

<input name="EMAIL" required="" type="email" placeholder="Enter Email Address" />

<input type="submit" value="Subscribe" />

</div>
<div class="mc4wp-response"></div>
</form>
<pre><code class="php hljs"><span class="hljs-string">'</span>); <span class="hljs-meta">?&gt;</span></code></pre>
</div>
</div>
</section>
<div class="section-content"></div>
<div class="section-content"></div>
<div class="section-content"></div>
<div class="section-content"></div>
<div class="section-content">

<hr />

</div>
<div class="section-content"></div>
<div class="section-content">

Official Documentation Link:

Mailchimp for WordPress Official Documentation

Have any recommendation to improve the documentation?

Submit your Feedback

Submit your feedback