How to set up a Mailchimp subscriber pop up on a WordPress blog

1artPopup

Hello e-friends,

I know how tricky it can be to set up a mailchimp subscriber pop up on a wordpress blog, you won’t even found it on mailchimp support website.

Tricky but also useful for so many purposes especially filling subscribers database on Mailchimp or others plateforms.

I will be as specific as possible by using steps points with some pictures to be sure everybody can follow and achieve it.

It’s a technical configuration so let’s don’t waste time with bla bla bla and go straight to the point.

Notice: I’ve surrounded with a red line, the concerned part of each image for your interest.

  • Step 1: Get connected to your Mailchimp account

1artLogin

  • Step 2: Click on the subscriber list on which you want to design your pop up form

1artMailchimpHome

1artMailchimpList

If you don’t have any list, create one first.

  • Step 3: Click on  the link “signup forms”

1artMailchimpListChoosed

  • Step 4: Click on the link “subscriber pop up”

1artMailchimpEmbedded

  • Step 5: Design your subscriber pop up by using the tools on the right pad

1artMailchimpPopupCode

  • Step 6: When done, click on the button “publish”

1artMailchimpPopupPublish

  • Step 7: Before publishing, the mail platform will suggest you to copy the code to be embedded in your blog

Do not forget to copy that code, it will help you forward.

1artMailchimpPopupCode1

  • Step 8: Then click on “save & exit” in the top right

 1artMailchimpPopupSave

  • Step 9: Now that your subscriber pop up is designed, go to your wordpress blog backend

    (the administration account).

1artWordpressDashboard

  • Step 10: There’s a vertical bar on the left of the page, click on the menu “Editor” under “Appearance”

1artWordpressEditor

  • Step 11: There’s a list of file on the right of the page, look for the one named “header.php” and click on it

1artWordpressHeader

  • Step 12: Then paste the code you’ve copied from your embedded pop up form you just designed in Mailchimp. Paste that code just before the mark “</head>”.

1artWordpressScript

  • Step 13: Click on the blue button “update file” located under the editor

1artWordpressButton

  • Step 14: Update your blog home page and smile.

1artPopup

  • Step 15: Take a glass of tea, you’ve done it! 4e5cf7d4ccb9c59b6620a9c71944d51e