• Skip to primary navigation
  • Skip to footer navigation
  • Skip to main content
  • Skip to primary sidebar
  • Skip to footer

WP Fangirl

WordPress Consultant Sallie Goetsch

  • speakerdeck icon
  • Home
  • About
  • Why WordPress?
  • How I Work
  • Portfolio
  • Services
  • Blog
  • Contact

How to Use Genesis eNews Extended with Constant Contact

October 24, 2014 by Sallie Goetsch 13 Comments

Genesis eNews Extended widget on Generate Pro theme

Why You Want the Genesis eNews Widget Extended for Constant Contact

The more I have to work with Constant Contact, the less I like it, but it’s the email service provider of choice for many of my clients.

Unfortunately, its WordPress integration options are a bit unfriendly. The official Constant Contact plugin hasn’t been updated since June 2013. It’s a hugely heavyweight plugin that loads your whole list of contacts into your WordPress admin interface and sucks up a lot of time syncing it. Plus the form designer creates sign-up forms of sufficient hideousness that the only people I know who have it installed gave up and just used a text widget with a subscribe button.

Constant Contact Signup Button

Speaking of subscribe buttons, I think there was a time when you could actually embed Constant Contact sign-up forms on your site, but not any longer. You have the option of creating buttons or embedding links. Or you can create QR codes. The basic buttons are exceedingly plain and ugly. This is about as attractive as you can manage to make one, and it required some custom CSS, because the only things you can adjust in the button designer are the colors and shape of the button.

Constant Contact Button Options

And, as you notice, you’re stuck with that “For email marketing you can trust” tagline at the bottom, which is nonsensical when applied to the client company as opposed to Constant Contact itself. They should have at least included their name with it.

As if this weren’t all annoying enough, Constant Contact makes it difficult to use alternative methods of signing up. They don’t provide a guide to the information you’re going to need to include in a third-party form. And, as I discovered recently when someone complained about the CAPTCHA on the form on a client site, that information has changed in the past year or so, since the time the Constant Contact tutorial was provided in the WordPress.org support forum for the Genesis eNews plugin.

Figuring Out the New Formula for Constant Contact and Genesis eNews Extended

My client sent me the new button code and I had to piece things out from there, based on the information that had been filled out in the existing Genesis eNews Extended widget, which had been filled out in accordance with the tutorial mentioned above. That worked fine–but the sign-up form it led to included a CAPTCHA form that one person had complained bitterly about. When my client queried Constant Contact, they explained that this was the old form; on the new form the CAPTCHA was hidden and humans didn’t have to deal with it. This was obviously to be preferred. (I detest CAPTCHA.)

I certainly didn’t want to regress from the existing eNews Extended widget to a basic Constant Contact button, so I needed to figure out how to update the information in the widget. It was not immediately apparent how to do that. I took a look at the source code for the actual sign-up form, trying to spot hidden fields, but in fact there were numerous hidden fields for each input field, and none of them resembled the hidden fields of the former widget.

Finally I noticed a correspondence between part of the URL in the button code and the existing hidden fields. I speculated that the other variables in the URL might be additional hidden fields, and decided to test this theory by adding each of them to the “hidden fields” box of the widget, following the same formula:

<input type="hidden" name="p" value="oi">

The process was a bit finicky, but it worked. I tried it later on a second website, where I had been unhappy with the way the admittedly lightweight CC widget displayed, and it worked there, too. It’s actually a bit easier if you copy just the link and not the button code.

Step-by-Step Guide to Setting Up Genesis eNews Extended for Constant Contact

1. Go to Constant Contact and copy the “Share Sign-Up Form” link

Constant Contact Share Sign-Up form

If you don’t have direct access to the Constant Contact account (I didn’t in the case of the first client), copy the link from whatever code the client sends you, or ask the client to send you this link.

The full link for this particular form looks like this:

http://visitor.r20.constantcontact.com/d.jsp?llr=mykivsmab&p=oi&m=1113022802700&sit=4zd479xhb&f=e189675b-6db2-4f5e-a1a5-bf39db3d4399

2. Paste this URL into a text editor

Using a text editor will save you hassle vs. using something like Word. If the URL is not hyperlinked it will be easier to copy different sections.

3. Copy the first part of the URL into the ACTION box of the Genesis eNews Extended Widget

Note also that your E-Mail Field should have “ea” in it, to transfer the content across. I haven’t yet figured out what to put in the First Name and Last Name fields. I’ll work on that. But those fields appear on the CC form later anyway.

Constant Contact Form Action

 4. Break down each of the remaining elements of the URL into hidden fields, as follows:

<input type="hidden" name="llr" value="mykivsmab">
<input type="hidden" name="p" value="oi">
<input type="hidden" name="m" value="1113022802700">
<input type="hidden" name="sit" value="4zd479xhb">
<input type="hidden" name="f" value="e189675b-6db2-4f5e-a1a5-bf39db3d4399">

5. Enter these in the “Hidden Fields” box in the Genesis eNews Extended Widget.

Hidden Fields for Constant Contact in Genesis eNews Extended plugin

6. Save the widget.

Here are two different Genesis eNews Extended widgets connected to Constant Contact on two different themes:

Genesis eNews Extended widget on BACN website Genesis eNews Extended widget on BNI Podcast site

Neither of these is a miracle of original design, but both fit better with the themes of their respective sites than the default Constant Contact button is, and allows for a more customized message.

But give me MailChimp any day.

Related Items

  • It’s WordPress Plugin Developer Donation Day!
  • Video Tutorial: Adding a (Dynamic) Widget
  • WP-Tonic 117: Email Marketing and WordPress
    WP-Tonic 117: Email Plugins, Marketing, and Strategy for WordPress

Share this post:

Share on Twitter Share on Facebook Share on Pinterest Share on LinkedIn Share on Email

Filed Under: Using WordPress, Widgets Tagged With: Email Marketing, Genesis Theme Framework, Tutorial

Reader Interactions

Comments

  1. Jon Burr says

    November 10, 2014 at 3:23 pm

    I betcha the field shortcuts are
    ea = email address (you have)
    fn = first name
    ln = last name etc.

    :)
    Thanks for your article!
    I’m seeing an article on wp.org support where Brandon Kraft, the plugin author, threw up his hands completely.

    If this works, I’m gonna put a link on that forum to this post!!
    best
    Jon

    Reply
    • Sallie says

      November 11, 2014 at 1:00 pm

      I tried the “fn” and “ln” codes, but those didn’t work. We’ll have to keep experimenting.

      Reply
  2. Anne Katzeff says

    November 12, 2014 at 5:10 pm

    Thank you, thank you, thank you. THE best and most clear explanation of how to integrate Constant Contact with eNews Extended. CC form building is ok, but to not provide the actual html code? I couldn’t believe it. Finding this post took away the mystery.

    Reply
  3. Craig Grella says

    November 23, 2014 at 10:21 am

    The only problem with using the genesis widget with constant contact is when your site is served over SSL or on pages where you’re forcing the https protocol because constant contact does not and will not serve its forms under https, so this method will load insecure content on pages where it is loaded. In the case of loading this in a sidebar or footer, that will load insecure content on all your pages where it displays and throw a yellow box in your address bar instead of normal secure green.

    Unfortunately, the only way around this is to use a custom form with the constant contact api.

    You can also use a form like gravity forms linkng it with a few 3rd party consant contact plugins that link through the api.

    good luck!

    Reply
  4. Pamela Hirsch says

    December 9, 2014 at 8:37 am

    Sallie – your post is excellent! Thanks so much for the information. I did some more research online to see if I could find out anything about hidden field name for “first name” and I found the following: https://community.constantcontact.com/t5/Developer-Support-ask-questions/Pass-form-variables-from-my-site-to-pre-populate-CC-form/td-p/129435

    As of Nov 2013, it appears that CC does not support passing a first name field – or any field other than the email address. They appear to know it’s an issue….

    I really dislike CC. Give me MailChimp or Aweber any day!

    Reply
  5. Dixie says

    December 9, 2014 at 2:25 pm

    So helpful! Thank you so much!

    Reply
  6. jami howard mays says

    December 12, 2014 at 8:34 am

    Looks like it’s not something they support — https://community.constantcontact.com/t5/Developer-Support-ask-questions/Pass-form-variables-from-my-site-to-pre-populate-CC-form/td-p/129435 — “As of today, we don’t have the ability to pass any variables to the second page of the form outside of email address. Not a bad guess with fn but want to make sure you don’t waste additional time.

    I passed the feedback on the form to our dev team that manages the Join My Mailing application. They are definitely aware that embedded signup forms and the ability to collect more information on the first step is missing and have those items on their roadmap for adding in the future. ”

    This was from November 2013. I don’t understand why any of my clients are still with Constant Contact.

    Reply
    • Sallie says

      December 14, 2014 at 1:52 am

      Have I mentioned in the last 30 seconds how annoying I find Constant Contact?

      Reply
  7. Chris Lee says

    December 17, 2014 at 8:05 pm

    You rock! Can’t believe this information isn’t more public.

    Thank you so much for posting this!

    Reply
  8. Glenn Dixon says

    April 15, 2015 at 3:41 pm

    Well that certainly saved a lot of time!

    Thanks!

    P.S. So how do you *really* feel about CC? LOL

    Reply
  9. haley says

    March 10, 2016 at 1:43 pm

    HI there – thanks so much for this tutorial. It seems to work, but when I enter my email on the site and hit submit, I get sent to another page in Constant Contact asking me enter my email again in order to sign up. Is there anyway around that so that I only have to enter in my information once?

    Reply
    • Sallie Goetsch says

      March 12, 2016 at 7:39 am

      It was preserving the email when I tested it, but CC is just a major pain to work with. You might be better off using something like Gravity Forms with the Constant Contact add-in.

      Reply
  10. Riika Magnus says

    July 20, 2016 at 6:10 pm

    Thanks for the great starting point Sallie! It looks like Constant Contact has made some changes since you wrote this tutorial so I went ahead and wrote a tutorial on how to setup the Genesis eNews Extended plugin so that is collects Email Address, First Name and Last Name. I hope this helps some others like your post has helped me!

    http://www.silver-logic.com/blog/2016/07/20/sucessful-genesis-enews-extended-plugin-and-constant-contact-integration/

    Reply

Leave a Reply Cancel reply

Your email address will not be published. Required fields are marked *

Primary Sidebar

What I Write About

  • Book Reviews
  • Content Strategy
  • Design
  • Hosting and Servers
  • Most Valuable Plugins
  • There's a Plugin for That
  • Using WordPress
  • Widgets
  • WordPress Consulting
  • WordPress Events

Series

  • Interviews (5)
  • Checking Up on Your Website (4)
  • Client from Hell (5)
  • WordCamps (17)
  • WP-Tonic Roundtable (30)
  • Modern Tribe Tutorials (13)

Follow Sallie on Twitter

    Sorry, no Tweets were found.

RSS Latest News from the East Bay WordPress Meetup

  • Does It Work? Using The New CSS Layout with Rachel Andrew
    Things change rapidly in the WordPress world. The content in this post is more than a year old and may no longer represent best practices.Description Over the past two years, we have moved from a situation where we essentially lacked a layout system for the web, to one where a complex and flexible system is […]
  • Speaker Training
    Get the workbook and slides for the October 2019 speaker training, plus background and pro tips. The post Speaker Training appeared first on East Bay WordPress Meetup.
  • SEO Audit Template & Resources
    Our November speaker, John Locke, graciously provided a template for an SEO audit report. You can download it as a Microsoft Word or PDF document. The post SEO Audit Template & Resources appeared first on East Bay WordPress Meetup.

Footer

Contact Info

2063 Main St #133 · Oakley, CA 94561

+1 (510) 969-9947

author-izer

sallie [at] wpfangirl [dot] com

Location

Map of East Contra Costa County

I live in Oakley, CA and run a WordPress Meetup in Oakland, CA. Don't confuse them!

Subscribe for New Posts

  • Since I blog on an unpredictable schedule, you might want to subscribe by email. I'll also send out occasional announcements about events.

  • Privacy Policy: I will never sell or rent your contact information.

  • This field is for validation purposes and should be left unchanged.
  • Contact
  • Colophon
  • Comment Policy
  • Privacy Policy
  • Five for the Future

Copyright © 2022 · Utility Pro on Genesis Framework · WordPress · Log in

MENU
  • Home
  • About
  • Why WordPress?
  • How I Work
  • Portfolio
  • Services
  • Blog
  • Contact