Community Forums › Forums › Archived Forums › Design Tips and Tricks › Integrating Mailchimp w/ Generate Box
Tagged: generate, generate box, MailChimp
- This topic has 6 replies, 3 voices, and was last updated 10 years, 2 months ago by
mokito.
-
AuthorPosts
-
June 18, 2013 at 5:48 am #46498
whoekenga
MemberCan 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!
June 19, 2013 at 12:23 pm #46784David Chu
ParticipantHi,
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
June 23, 2013 at 3:00 pm #47354whoekenga
MemberHey 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!
June 23, 2013 at 3:01 pm #47355whoekenga
Member<img src="http://www.flickr.com/photos/57571765@N05/9118575715/"
June 24, 2013 at 8:10 am #47455David Chu
ParticipantAh, 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
June 24, 2013 at 10:39 am #47475whoekenga
MemberArgh! No worries, I'll keep plugging away on it. Thanks for your help, man! Really appreciate it. ๐
July 26, 2013 at 1:59 pm #52652mokito
MemberHey 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
-
AuthorPosts
- The forum ‘Design Tips and Tricks’ is closed to new topics and replies.