Integrating Mailchimp w/ Generate Box

Community Forums Forums Design Tips and Tricks Integrating Mailchimp w/ Generate Box

This topic is: not resolved

This topic contains 6 replies, has 3 voices, and was last updated by  mokito 1 year, 1 month ago.

Viewing 7 posts - 1 through 7 (of 7 total)
  • Author
    Posts
  • #46498

    whoekenga
    Participant
    Post count: 7

    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!

    #46784

    David Chu
    Participant
    Post count: 1361

    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

    #47354

    whoekenga
    Participant
    Post count: 7

    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!

    • This reply was modified 1 year, 2 months ago by  whoekenga.
    • This reply was modified 1 year, 2 months ago by  whoekenga.
    #47355

    whoekenga
    Participant
    Post count: 7

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

    • This reply was modified 1 year, 2 months ago by  whoekenga.
    • This reply was modified 1 year, 2 months ago by  whoekenga.
    #47455

    David Chu
    Participant
    Post count: 1361

    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

    #47475

    whoekenga
    Participant
    Post count: 7

    Argh! No worries, I’ll keep plugging away on it. Thanks for your help, man! Really appreciate it. :-)

    #52652

    mokito
    Participant
    Post count: 2

    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

Viewing 7 posts - 1 through 7 (of 7 total)

You must be logged in to reply to this topic.