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. In the top navigation bar, click Audiences, then click Signup formsaudiences button image
  2. Under the Current audience header, select the list you wish to create a form for. current audience imageIf you have not yet created a list, you can find instructions to do so here: Create a Mailchimp Audience
  3. Next to Embedded forms, click Selectembedded form image
  4. In the left sidebar, you will see a list of form options. Edit the form options as you see fit. Note that you can change the form type by selecting ClassicCondensedHorizontal, etc. form options image
  5. Copy the code under the Copy/paste onto your site headercode image
  6. Now go to your WordPress site

On Your WordPress Site

Once you’ve logged in to your WordPress, navigate to the page or post editor where you would like to add the form. 

  1. Once there, add a Custom HTML block in the location you would like the formcustom html block
  2. Paste the code you copied from Mailchimp into the Custom HTML blockcode block image

You can use the Preview button in the block's toolbar to see what the form will look like. Once you are satisfied with your form, save or publish your page or post.

Updated on September 16, 2020

Was this article helpful?

Related Articles