Connecting Mailchimp to your WordPress aids in driving additional traffic to your site. And allows you to build up an email list, create pop-ups, send out personalized newsletters, tell subscribers/customers about products and offers, and so much more. The setup is fairly easy and simple, it is a matter of finding the API Key and applying it accordingly in the Mailchimp Plugin for WordPress. I will go over how to do this. And I will also show you how to create pop up forms and embed them into your site as a form and also as a pop box.
Sign up for Mailchimp set up your account according to your needs. It is pretty straight forward, it is a matter of just filling out the particulars. From there download the Mailchimp Plugin for WordPress. Now, it is time to connect to your site via your API Key. And it is found by going to your account settings located at the top right hand side.
Account > Extras > API Keys > Create A Key
You can label you API Keys should you want to customize them and distinguish between various application integrations. Copy the API Key, and paste it in the Mailchimp Plugin for WordPress where is says API Key and save changes.
Create a list. You do this by selecting Lists at the top of the page on Mailchimp. Go to Create List and fill out the details accordingly and save. You can create multiple list according to your needs. Once this is done, go back to your plugin and ensure that the appropriate list is selected for your purposes. BOOM!!! You have now connected your Mailchimp to your site and set up a list to begin building an email list of subscribers and followers.
Form creation. So that subscribers and followers can opt in to receive email updates on postings, product releases, and whatever else you may be offering. See my post on RSS Feed & WordPress to aid in helping you set up daily/weekly/monthly email updates to your subscribers. And also how to disable WordPress automatic emails, this way you aren’t bombarding your subscribers with unneccessary emails. With that said, let’s begin to create.
Go to Lists > Select the list you want to create the forms for > Go to Signup Forms > Select Form Builder
Mailchimp automatically has selected the type of form as a sign up from there begin to create. It’s all very straight forward, you can add fields for first name, last name, email, phone number, etc. You can even do other things like creating checkboxes for your subscribers to select their interests. Especially if you have with multiple topics, products and/or services. This way you tailor emails according to the interests of the subscriber. You can change fonts, size, colours, and the beautiful thing about Mailchimp forms. For they actually incorporate merge tags which will aid in personalizing emails.
Once you are done designing your form go to Subscriber Pop-Up. You can edit the positioning and time settings of the form. Once you are done click save. And Mailchimp will provide you with a code to paste into your site, which I explain in the next step.
Go to Appearance > Customize > Widgets > Sidebar > MailChimp Subscriber Pop-Up
Where it says code paste the code and it should automatically update and load onto the site. Now keep in mind, if you are troubleshooting to ensure that the pop-up has in fact been published onto your site or you are making changes, you must do it from a private window, as once you exit the pop-up it will not appear a second time. In addition, you can add an additional widget on the sidebar; such that the form is always present to the viewer, the widget is called MailChimp Sign-Up Form. And it will automatically load the form without any codes, so long as you have successfully integrated Mailchimp to your site
But, should you be working with Elementor, move onto step five, as the MailChimp Subscriber Pop-Up widget may not work. But, the MailChimp Sign-Up Form widget does, so feel free to implement set widget. Should that be something to want to incorporate.
Working with Elementor as a live page builder, you will have to download an additional plugin PopBox For Elementor. This will allow you to implement a subscriber pop-up box via the usage of a shortcode. For more on working with Elementor and shortcodes see my post Elementor Templates & WordPress. It will give to a breakdown on how to set up pages via shortcodes. Which definitely makes life and site building a lot easier and simpler.
Once you have downloaded PopBox For Elementor, go to your MailChimp for WordPress plugin then to forms, as your form should automatically upload. Then copy the shortcode which is under the title of the form. Then go to PopBoxes > Add new. Label the form, then click Edit with Elementor. Search for shortcode widget, and add it to the page and paste the shortcode into the box. Then, hit publish and you’re done. You can successfully created a pop-up box for your subscribers to register.
If the form did not update automatically, then go back to the Mailchimp site and follow these steps:
Go to Lists > Select the appropriate list > Signup Forms > Embedded Forms
Where it says Copy/Paste into your site, copy and paste into the MailChimp plugin under forms in the form code box and click save. And from there, create the pop-up box via copying and pasting the shortcode into the PopBoxes plugin (review the above paragraph for directions).
And, there you have it! You have successfully integrated Mailchimp to your site and created a sign-up form for subscribers. Should you have any questions or concerns, contact me below. By either writing comment or directly via email and I will help you to the best of my ability.