Kadence - How to Set Up Your Newsletter with Mailchimp

We have found that the easiest way to set up a signup form/newsletter form with Mailchimp is to use the  MC4WP: Mailchimp for WordPress plugin.

1. Navigate to Appearance > Plugins and search for MC4WP. Install and activate the plugin.

2. In the dashboard sidebar, click on MC4WP and follow the instructions to create the API Key to sync your Mailchimp account with the plugin. Once the account is synced, you can now create your form.

3. Again in the sidebar under MC4WP, select Form

4. Give the form a title. Something like "homepage form".

5. Select your account, and click “Add New Form.”

A screen similar to the image below will automatically open:

6. Under the “Form Code” field, remove that content and replace it with this:

<p>
<label>
<input type="text" name="FNAME" placeholder="First Name" />
<input type="email" name="EMAIL" placeholder="Email Address" required />
<input type="submit" value="Sign up" />
</label>
</p>

If you need a vertical form, you can use this code instead:

<p>
<label>
<input type="text" name="FNAME" placeholder="First Name" /><br>
<input type="email" name="EMAIL" placeholder="Email Address" required /><br>
<input type="submit" value="Sign up" />
</label>
</p>

*You can adjust the button text by changing "Sign up" to "Subscribe" (or whatever you'd like!)

7. Copy the form shortcode and paste into a notepad/notes app because you will need it for Step #10.

8. Save the form.

9. Now navigate to Appearance > Customize > Additional CSS and copy/paste the code below:

.mc4wp-form-fields input {border-radius: 0;margin: 0 0 15px;padding: 10px;width: 100%}

Publish your changes.

10. Go to Pages > Edit the Homepage (or whichever page the form is displayed), scroll down to the block that has the demo code for the signup form, and replace that entire code with the shortcode you copied from step #7.

Example: