WordPress.org

Ready to get started?Download WordPress

Forums

Genesis eNews Extended
[resolved] [closed] MailChimp Tutorial (27 posts)

  1. Brandon Kraft
    Happiness Engineer
    Plugin Author

    Posted 2 years ago #

    For MailChimp - get your customized form:

    1. Visit MailChimp.com and login
    2. Hover over the 2nd big icon (Design Sign-Up Form) and select your list.
    3. – A page that says “Create Form” will appear
    4. Click the “Share It” tab
    5. Click the Create HTML Code for A Small Subscribe Form
    6. Copy the code in the “Copy/Paste into your site” section.
    7. Open Notepad (or similar program for your operating sytem)
    8. Paste the code into Notepad

    At this point, we’ll grab the actual items of code we’ll need for the form. Here’s an example of the form (for my personal blog’s subscribe form):

    https://gist.github.com/3427290

    In the widget settings, for Form Action, just copy/paste the URL from the <form action=”this part only” part of the linked gist.

    In my case, I would copy and paste only http://brandonkraft.us2.list-manage.com/subscribe/post?u=8bf735574fe7445970000d814&id=f942c3ccf5

    For the e-mail field name, I only need the <input type=”email”… name=”EMAIL“…, so I would copy/paste only EMAIL

    On MailChimp, there are no hidden fields, so we would leave that section of the widget settings blank.

    That should be it!

    Last updated: August 22, 2012

    http://wordpress.org/extend/plugins/genesis-enews-extended/

  2. janemanthorpe
    Member
    Posted 1 year ago #

    Hi.
    Do you have a tutorial for instructions on using Genesis eNews Extended for aweber?

    many thanks
    Jane

  3. Brandon Kraft
    Happiness Engineer
    Plugin Author

    Posted 1 year ago #

    Another user, Steve Willats, drafted one. We haven't finalized it (copyediting, etc), but here ya go:
    http://www.brandonkraft.com/uploads/enews-aweber-draft.pdf

  4. janemanthorpe
    Member
    Posted 1 year ago #

    thank you so much for a quick reply :)

  5. janemanthorpe
    Member
    Posted 1 year ago #

    Hi Brandon
    I followed the instructions that you sent in the PDF to set up Genesis enews extended and tried testing it out.

    The problem I have is that once signing up I am not taken to my Thank you page I created on my wordpress blog, but to an error message 404 page missing.

    I am not sure how to link my thank you page.
    I want my visitors to remain on my website so thats why I created my own Thank you page.

    My website is http://www.janemanthorpe.com

    Thank you for your help
    Jane

  6. Brandon Kraft
    Happiness Engineer
    Plugin Author

    Posted 1 year ago #

    Hi Jane,

    I can't access your site to check out what you have posted (it directs me to login).

    For Aweber, one of the hidden fields is used to determine the thank you page. Find the line that has the following, and change the value to whatever the address is of your thank you page:

    <input type="hidden" name="redirect" value="http://YOURTHANKYOUPAGE.COM/HERE" />

    Cheers,
    Brandon

  7. brbreen
    Member
    Posted 1 year ago #

    Hi Brandon

    I managed to get a MailChimp form working fine except that no button is visible. I'm using the Genesis Minimum v2.0 theme.

    Any ideas on what it might be would be much appreciated...

    Thanks
    Ben

  8. Brandon Kraft
    Happiness Engineer
    Plugin Author

    Posted 1 year ago #

    That's actually the theme's design. In your style.CSS, look for display: none; in the renews section. Remove that and you're good.

    Shoot me a link to your site and I'll tell you the line number.

  9. brbreen
    Member
    Posted 1 year ago #

    Ok great. Done.

    Quick follow-up: How do I vary the box width, and place the submit button to the right of the box?

  10. Brandon Kraft
    Happiness Engineer
    Plugin Author

    Posted 1 year ago #

    Just above it...look for the .enews #subbox section. Width by default is at 100%. Make it less. 65% should work nicely if your submit button text is short (like "Go").

    The submit button will automatically pull up to the right.

  11. brbreen
    Member
    Posted 1 year ago #

    Brilliant. Thank you :)

  12. brbreen
    Member
    Posted 1 year ago #

    Hi Brandon. I've placed the eNews widget into the Header Right widget area within the Pretty Pictures theme. The box renders but not the submit button.

    Bearing in mind your suggested work-around for Minimum (which worked great) I checked the css but ... the eNews css there is much reduced and so I cannot make the same changes that worked for Minimum.

    To get this to work, should I copy the eNews css from Minimum and make the same tweaks?

  13. danielmcinerny
    Member
    Posted 1 year ago #

    Brandon--

    I'm setting up my Genesis site with the Streamline child theme and trying to set up with it the Genesis enews extended plugin using Mail Chimp. I see your instructions above about setting up with Mail Chimp, but cannot understand a keystroke of it after the point where I generate the form with Mail Chimp and copy my HTML code.

    As you can no doubt tell I am no programmer. I am also working on a Mac and don't use Notepad. Could you explain in layman's terms how to get from the HTML code for my signup form in Word Chimp to activating the plugin. In short: where in heck do I paste the HTML code in the Genesis enews extended plugin? And if that's the wrong question, then can you walk me through more slowly how to proceed?

    I would very much appreciate it.

    Thanks,
    Daniel

  14. Brandon Kraft
    Happiness Engineer
    Plugin Author

    Posted 1 year ago #

    When I refer to Notepad, I just mean any basic text editor. I think on a Mac it would be TextEdit, but not sure.

    You won't be pasting the MailChimp HTML code, just using a part of it. Assuming the typical settings for MailChimp:

    E-Mail Field name = EMAIL
    no hidden fields
    For form action, look in the HTML code. You'll see a section that says
    form action="http://somethingsomethingsomething (like line 13 of https://gist.github.com/3427290 mentioned above). Copy and paste just the address, everything between the double-quotes after 'form action='.

    For me, in the example linked, it is: http://brandonkraft.us2.list-manage.com/subscribe/post?u=8bf735574fe7445970000d814&id=f942c3ccf5

    Your code would be similar with something different than "brandonkraft" at the beginning and different values for the ?u= and the id=.

    Paste the complete address into the form action field.

    That should do it. If not, send me a link to your site.

  15. danielmcinerny
    Member
    Posted 1 year ago #

    I did it, Brandon, thanks, and the email signup form now looks as it should on the site, but when I plugged my email address into it to test I got a 404 page. Any suggestions?

  16. Brandon Kraft
    Happiness Engineer
    Plugin Author

    Posted 1 year ago #

    That means something is up with the form action field input. What's your site URL?

  17. danielmcinerny
    Member
    Posted 1 year ago #

    http://thecomicmuse.com

    If you need to get into the admin, please email me at [email moderated]

  18. Brandon Kraft
    Happiness Engineer
    Plugin Author

    Posted 1 year ago #

    Sorry -- can you put the widget back in it's nonfunctional state?

  19. danielmcinerny
    Member
    Posted 1 year ago #

    I've closed it, if that's what you mean. (Sorry, I'm a fiction writer!)

  20. Brandon Kraft
    Happiness Engineer
    Plugin Author

    Posted 1 year ago #

    Sorry, no. I mean that currently it doesn't appear that the widget is on your site at all.

    If you add the widget back to your site (giving you the 404 error), I can check it out and likely determine the issue.

  21. danielmcinerny
    Member
    Posted 1 year ago #

    I'm sorry but I don't understand. The widget is in place in the "Newsletter" box on the right side of the "Widgets" page in the admin. The widget is also showing on the site itself, is it not? I don't know what you mean by "adding the widget back to my site."

    Thanks for your patience with me.

  22. danielmcinerny
    Member
    Posted 1 year ago #

    I see you sent an email into a Constant Contact email widget that is not activated on the site. I'm trying to use the newsletter widget with a Mail Chimp account.

  23. Brandon Kraft
    Happiness Engineer
    Plugin Author

    Posted 1 year ago #

    No problem. The widget that's on your site now isn't the eNews Extended widget. It appears to be a text widget with HTML pasted directly into it.

  24. danielmcinerny
    Member
    Posted 1 year ago #

    OK, I just deleted two widgets in my "Inactive Widgets" section that might be what you're talking about. They were attempts of mine to solve my problem using Constant Contact before I contacted you. Now I have your eNews Extended widget in place in the "Newsletter" section on the right hand side of the "Widgets" page in the admin. I don't know how else I can make it appear on the site. Help.

  25. Brandon Kraft
    Happiness Engineer
    Plugin Author

    Posted 1 year ago #

    You did it now. The constant contact one was showing on the site until a few minutes ago.

    It appears that in the form action field, you have included quotes in that setting.

    In the form action field, copy and paste just the following without quotes around it:
    http://thecomicmuse.us6.list-manage.com/subscribe/post?u=9d35012ea0f45fee80b901d97&id=652b0fb780&

    That should do it!

  26. danielmcinerny
    Member
    Posted 1 year ago #

    Excellent, Brandon, thank you. I don't understand what you did, but I'm glad you did it!

    This may be a Mail Chimp issue, but when I plug an email into the subscribe form, I am led to a page that says

    "Almost finished...
    We need to confirm your email address.

    To complete the subscription process, please click the link in the email we just sent you."

    This may be standard operating procedure for Mail Chimp (I just signed up with it tonight and haven't investigated it much). Is that your understanding or is there a better way to use the plugin?

    Thanks so much again,
    Daniel

  27. Brandon Kraft
    Happiness Engineer
    Plugin Author

    Posted 1 year ago #

    Yeah, that is a MailChimp thing. You can edit that page or have MailChimp redirect to a page on your site (subscribe to my list at brandonkraft.com for a working example).

    To do that, MailChimp's site has the details:
    http://kb.mailchimp.com/article/can-i-design-and-host-my-own-thank-you-pages-instead-of-using-mailchimps

    Glad we got it working! Cheers!

Topic Closed

This topic has been closed to new replies.

About this Plugin

About this Topic