1. Home
  2. WordPress
  3. WordPress Admin Editor
  4. Gutenberg Editor
  5. Gutenberg Editor: Adding MailChimp Form to Your WordPress Site

Gutenberg Editor: Adding MailChimp Form to Your WordPress Site

WP Enthusiast

WP Professional

WP Professional Plus

pairSIM WordPress

If you use MailChimp, you can put a connected form on your WordPress site. The form will automatically add entries to your MailChimp mailing list.

Make sure you are using the Gutenberg editor. If you upgraded to WordPress 5, then your post and page editor will default to use the Gutenberg editor. If you are still using WordPress 4 (or earlier) or have the Classic Editor installed, then your editor will not work with this tutorial.

For instructions on how to add a form to your WordPress site with the Gutenberg Editor, read below.

If you are using the Classic WordPress editor, you can follow the instructions in the Adding MailChimp Form to Your WordPress Site article.

If you use MailChimp, but don’t use WordPress, check out our other MailChimp Form articles:

Embed a Form  

MailChimp supplies you with the code you need to embed a form on your WordPress site.

In MailChimp

  1. Go to your MailChimp listslist image
  2. Choose the list you want to hold the new subscriptions, then click the arrow next to Statsdrop-down image
  3. Click Signup Forms in the drop-down list that appearssignup form image
  4. Next to Embedded forms, click Selectselect image
  5. Edit the form options as you see fit
  6. Copy the code under the Copy/paste onto your site headercopy image
  7. Now go to your WordPress site

On Your WordPress Site

Once you’ve logged in to your WordPress, go to an HTML-friendly area of your site. This can be in your WordPress theme files or the Code Editor area in the page or post editor.

code editor image

Paste the code into the appropriate place in your file, page, or post.paste code here image

If you are adding the form to a page or post, you can use the Preview button on the right side of the screen to see what it will look like. Once you have added the code, save or publish your file, page, post.

If the form code was entered correctly in a compatible place, it should now appear on your site.

Updated on May 16, 2019

Was this article helpful?

Related Articles