How to Embed Mailchimp Sign Up Form On Wordpress - Embedding Mailchimp Form On Wordpress

Login to your MailChimp account.
Then in your MailChimp Dashboard on the left, choose Lists.
Now you’ll see all the lists you have in your MailChimp account. If you don’t have any lists, you will need to create one with the Create List button in the upper right hand corner.
Now hover over the down arrow on the far right of the list you want to use for the signup; choose Signup forms.
On the next page are three choices. You use General form to choose the fields email, first name, last name, etc. for your form and to edit all the confirmation and thank you pages. For your blog newsletter, choose the Embedded forms button.
MailChimp Embedded Form Code Page

Now you can get the code for the signup form to embed on your blog.
mailchimp form code page
You can choose any of the three form types – Classic, Slim, Naked. You can use Classic for this tutorial; the advantage is that you get the JavaScript so that if someone gets an error while completing the form, they will still be on your website form, rather that going to the full page signup form page from the General form section.
If you uncheck to include a title with your form, you can use the widget title to title your form.

How to Embed Mailchimp Sign Up Form On Wordpress - Embedding Mailchimp Form On Wordpress
You can choose to show all fields or only the required fields. For this tutorial, I’m using a form that asks for email and first name.
You can also uncheck interest group fields and required field indicators. You would only keep these if you had a form with a lot of fields.
Leave the form width empty, so that the form will fill the width allowed in your widget.
Now select all the code from the box – Copy/paste onto your site.
Your WordPress Blog or Website

Add a text widget and paste in your MailChimp code.

Now you want to login to your WordPress dashboard. From the menu, click Appearance Widgets.
Drag a new Text widget to your sidebar, and place it where you want your signup box to be.
Paste the code from MailChimp into the text area. Add a widget title, like Newsletter Signup or Blog Signup Form
Save and view how it looks on your website.
If some themes this is all you will need to do. But while the form for Twenty Twelve isn’t too bad, but the others use white text for the widget area, and MailChimp adds a white background, so the form disappears.
mailchimp form defaults
Look at the MailChimp Code

This is the MailChimp Classic form code.

Right at the beginning is this code section; this is what creates the styles for the MailChimp form.

You can delete those lines so that the beginning of the code in the text widget looks like this. This will allow you to see how your form looks with only your theme styles.

How to Embed Mailchimp Sign Up Form On Wordpress - Embedding Mailchimp Form On Wordpress
++++++********============*********+++++++++
I am on all the popular social media for you "Connect with me"

Website: [ Ссылка ]
Weebly: [ Ссылка ]
Pinterest: [ Ссылка ]
Facebook: [ Ссылка ]
Twitter: [ Ссылка ]
Blogger: [ Ссылка ]
Medium: [ Ссылка ]
Wordpress: [ Ссылка ]

свернуть