I posted a tutorial a few months ago on how to use the Genesis eNews Extended plugin to create pretty AWeber forms. Since then, I’ve gotten loads of questions asking how to do the same thing with MailChimp.
Watch the video below to learn how to configure the Genesis eNews Extended plugin to work with MailChimp (written instructions below the video).
As a reminder, you must be using the Genesis framework and a Genesis child theme on your WordPress website to use the Genesis eNews Extended plugin.
From your WordPress Dashboard
- Install and activate the Genesis eNews Extended plugin.
- Go to Appearance > Widgets. Add the Genesis eNews Extended widget to the widget area in which you want it to appear.
- If you want a title to appear at the top of the widget, enter your desired text into the ‘Title’ field.
- If you would like some text to appear before the form, enter your desired text into the ‘Text to Show Before Form’ field.
- If you would like some text to appear below the form, enter your desired text into the ‘Text to Show After Form’ field.
Open MailChimp in a new tab and do the following:
- Sign in to MailChimp.
- Go to Lists > [name of list you want to use] > Signup forms > Embedded forms > Naked.
- Uncheck ‘Include form title’.
- Select ‘Show only required fields’.
- Uncheck ‘Show interest group fields’ and ‘Show format options’.
- Click anywhere in the ‘Copy/paste onto your site’ box and copy the code.
Open a text editor (TextEdit or Notepad, not a word processing program).
- Paste the code you copied from MailChimp into the text editor.
- Look for the line that begins with ‘form action’ towards the top of the code.
- Copy the URL within the quotation marks that starts on the form action line.
Go back to the Genesis eNews Extended widget and do the following:
- Paste the URL you copied from the text editor into the ‘Form Action’ field.
- Enter EMAIL into the ‘E-Mail Field’ field (make sure EMAIL is in all caps).
- If you want to collect first names, enter FNAME into the ‘First Name Field’ field (make sure it’s all caps).
- If you want to collect last names, enter LNAME into the ‘Last Name Field’ field (all caps again).
- Scroll down to the ‘Button Text’ field. Change the button text to whatever you want the sign up button to say.
- Click ‘Save’.
Congratulations! You just added a pretty MailChimp form to your website. Go ahead and fill out the form to test it and make sure everything’s working correctly.
Uh oh, did you get page not found error when you filled out the form?
This is almost always because something in the ‘Form Action’ field isn’t correct. Go back and make sure that you copied the full URL (it usually spills over onto a second line). There should be no quotation marks or extra spaces, and it should not include the method, id, name or class sections.
If your ‘Form Action’ field is correct and you still get a page not found error, check if MailChimp’s form action starts with
// or with
http://. Some web hosts don’t play nicely when the form action starts with
//, so change it to
http:// and try the form again.