Integrating Mailchimp w/ Generate Box

[whoekenga]

Can anyone offer any tips for how to integrate Mailchimp with the Generate box? I'm totally new at this and have no idea where to start. Basically, I have a list set up in Mailchimp, and I want signups that go through the box to go to that list. Any help is appreciated. Thanks!

[David Chu]

Hi,
I believe you're referring to the Generate box in the Generate theme. If so, there are a couple ways.

There's a widget that can fill up your Generate Box. Go to Appearance.... Widgets, and look to the right. That's where your Mailchimp stuff will go.

Here's one method. You could install this plugin. Then you can go to the place described above. You should see a Mailchimp widget somewhere near the center of the screen. Open the Generate Box widget, and drag the Mailchimp widget in there. You'll need to stick your Mailchimp ID in there somewhere. Pretty quick and easy.

Another method is to go into Mailchimp and find the menu item regarding Signup Forms. They've just changed their interface, so you may need to hunt a bit. I found it pretty quickly in the new interface. Then there's a place there where you can copy code you'll need to generate a form on your site. You'd copy this. Then you go back into your site. Same screen above, but instead you will drag a "Text" box into the widget. Then you paste your code into that.

More info here (possibly using the old interface?).

Dave

---

Dave Chu · Custom WordPress Developer – likes collaborating with Designers

[whoekenga]

Hey David,

Thanks for your help! I went with installing the Mailchimp widget, and it's now working when email addresses are entered.

However, there are a few tweaks I'd like to make to the design that I can't figure out. See the screenshot here: http://www.flickr.com/photos/57571765@N05/9118575715/

I'd like to get rid of the "Email Address" label to the left of the field and insert "Enter email address here..." as default text within the field. I'd also like the Subscribe button to be even with the field.

Any tips? Thanks again!

[whoekenga]

<img src="http://www.flickr.com/photos/57571765@N05/9118575715/"

[David Chu]

Ah, you're reminding me of one of my designer colleagues - she loves to alter every last bit of a plugin's output. 🙂 If the plugin itself doesn't offer a setting for this (it might, I'm not sure), there's no 1-minute way to do that. Programming Geek required, I'm afraid.

---

Dave Chu · Custom WordPress Developer – likes collaborating with Designers

[whoekenga]

Argh! No worries, I'll keep plugging away on it. Thanks for your help, man! Really appreciate it. 🙂

[mokito]

Hey Whoekenga, if you've resolved it yet, try this. It worked for me. I moved the mailchimp code around a bit

<form action="http://domain.us7.list-manage2.com/subscribe/post?u=733eeca3930f7faa043e10c07&id=952cc574c" method="post" id="mc-embedded-subscribe-form" name="mc-embedded-subscribe-form" class="validate" target="_blank" novalidate>

<div class="mc-field-group">
<label for="mce-EMAIL"></label>
<input type="email" value="Enter your email address..." onfocus="if(this.value=='Enter your email address...'){this.value=''}" onblur="if(this.value==''){this.value='Enter your email address...'}" name="EMAIL" class="required email" id="mce-EMAIL">
<input type="submit" value="Subscribe" />
</form></div>
<div id="mce-responses" class="clear"><div class="response" id="mce-error-response" style="display:none"></div>
<div class="response" id="mce-success-response" style="display:none"></div>
</div></form>

Obviously, this line will change in your original code as its unique to every mailchimp customer:
"http://domain.us7.list-manage2.com/subscribe/post?u=733eeca3930f7faa043e10c07&id=952cc574c"

The new screenshot: http://oi41.tinypic.com/24zc3s9.jpg

[Author]

Posts