This widget adds a Constant Contact signup form to your blog’s sidebar without touching code.
Download the Widget
Includes options for Title, Button Text, Tag Wrapper, Form ID Code, and Intro Paragraph, show or hide CC link, Safe Subscribe link, and template options.
New: add a form in your page or post by writing [ConstantContact] in the content.
To install, download the file and upload to your WordPress installation’s Plugins directory. You know the drill…and if not, leave a comment below.
Give me some feedback or links if you like this widget. Thanks!
Download the Widget:
Version History:
- Version .12 – First release. Unstyled form code.
- Version .13 – 1/26/09 – Added three form templates found on Constant Contact.
- Version .131- 1/26/09 – Made correction to some code errors and added wptexturize() to the title of the widget
- Version .14- 2/12/09
- Added option to not show widget, but use with plugin-like functionality by calling
widget_cc()in PHP - Added option to define custom default input text toggle
- Added method to turn off input text toggle and remove the javascript
- Fixed improper
<label for="">code in the widget options pane
- Added option to not show widget, but use with plugin-like functionality by calling
- Version .141- 2/12/09 – Fixes issue when Stylish form is selected, but javascript input toggle is turned off
- Version .142 & .143 -2/12/09 – Fixed and improved form code for CSS-only and Stylish design
- Version .144 & .145 - 03/10/09
- Email input javascript text toggle now works properly
- Added option to give widget author footer link credit (might as well, eh?)
- Made Constant Contact informational links
nofollow - Added option to rename or remove <legend> for those using the No Style form
- Version .146 - 03/11/09
- Stylish form now has custom button text
- Added custom width option for forms – Now you can make your forms wider or more narrow from inside the widget administration.
- Improved Stylish form email image layout – Some themes were adding padding and margin that screwed up the style.
- Version .15 - 03/30/09
- Added option to change size of email input
- Added option to hide the <fieldset> in the No Style form
- Fixed Internet Explorer issue where adding widget would cause active widgets list to disappear in admin
- Added options to change border and background color in the Basic Style form
- Version .151 – 03/30/09
- Added custom title option to Stylish design
- Added custom email input label, and option to turn off label
- Version .153 – 04/10/09
- Fixed unexpected $end issue on some servers, by changing
<?to<?phpthat was caused by Windows hosting
- Fixed unexpected $end issue on some servers, by changing
- Version .144/.155 – 03/30/09
- Added #go to submit button in all Styles to add more CSS customization
- Added shortcode functionality – now use [ConstantContact] in your post or page code to embed your form.
Future plans
- Include nice templates, not just Constant Contact templates
- Integrate form with the Constant Contact API
- Make form fully valid XHTML (requires update from Constant Contact first)

Katz Web Design, is a 





76 responses so far ↓
Missy // August 4, 2008 at 8:53 pm |
Hi, Zack:
This widget is for those who are CC subscribers, correct?
Regardless, its nice. Good job.
Zack Katz // August 4, 2008 at 8:59 pm |
Hi Missy, I’m glad you like it. Was really exciting to be seen on WordPress.org (like doing AdWords for the first time).
Yep, it’s for those with Constant Contact accounts. The accounts have crappy-ass markup, so I figured I’d roll my own.
Let me know if you experience any issues.
Bob McClain // September 4, 2008 at 2:15 pm |
Hi Zack!
very nice work. Any chance you might pop one out for Vertical Response users?
Thanks!
Zack Katz // September 8, 2008 at 4:24 pm |
@Bob – I signed up for a test account for Vertical Response, and it should be simple — it’s just a matter of time.
I should get around to it in the next month — hope that works for you!
Ming // September 18, 2008 at 10:53 am |
Hi Zack
I have a cc account and have installed the plugin.
1. What do you mean by “download the file and change .txt to .php”.
2. Unique Form ID. What should I do with this?
3. When I insert my email into the subscribe box, I get this message
Error: Invalid Link
The subscribe/unsubscribe link has an error or is no longer valid. Please contact the webmaster of the site from which you were expecting to subscribe/unsubscribe.
I must have missed something during the installation.
Could you help?
Zack Katz // September 18, 2008 at 2:52 pm |
@Ming – I hope this clears things up:Regarding #1, I forgot to update the post when the plugin started being hosted on WordPress, rather than on my own website. You don’t need to modify the file.
#2 will solve #3 – The Form ID is the important piece of the Constant Contact-generated signup form code. To find your Form ID code, do the following:
1. Sign in to Constant ContactClick on the “My Settings” tabClick on the “Site Visitor Signup” sub-navigation link
2. Click on “Start Wizard to generate HTML code
3. “Click “Next” until you come to the “Get HTML Code” page — it doesn’t matter which type of form you choose
4. Once you’ve generated a form, look for the following code:
For Forms:
<input type="hidden" name="m" value="[number]">For Buttons or Text Links:
<a href="http://visitor.constantcontact.com/d.jsp?m=[number]Your [number] should be entered into the Form ID field. Once you enter the correct code into the Form ID field, the widget should work for you. If not, let me know.
Ming // September 18, 2008 at 9:39 pm |
All sorted. You’re an angel. Thank you.
Dustin Sparks // October 1, 2008 at 3:19 pm |
Hi Zack,
GREAT PLUGIN MAN!!! Say – I have a WP Theme on WP version 2.6.2 that doesn’t have widgets – how can I embed this into a page or post?
Zack Katz // October 2, 2008 at 10:08 pm |
@Dustin – Well, you could just paste in the default Constant Contact form code… Unfortunately, it’s a widget, so it need a widgetized installation.
photolate // October 14, 2008 at 5:29 am |
Hi, is there anyway of adding CC to a wordpress.com blog. I have tried entering the CC html generated code into a text box but it deletes all the form attributes. Argh! Natalie
Zack Katz // October 14, 2008 at 7:55 am |
@photolate – WordPress.com strips out what they consider dangerous code, which may have considered the Constant Contact signup form.
I would recommend adding a simple link to your signup page (provided by Constant Contact in the same area as the forms) and have the link wrapped around a nice looking “sign up” image.
Zack Katz // November 20, 2008 at 12:30 pm |
@Bob – The Vertical Response Widget is now ready (and waiting to be added to the WP Plugins Directory).
Download it here.
» Constant Contact WordPress Widget - WordPress Plugins Catalog // November 24, 2008 at 9:19 am |
[...] “Leave comments on the plugin page” [...]
bee_lieve // November 28, 2008 at 3:29 am |
do widgets really even exist?
Debbie // December 29, 2008 at 4:02 pm |
Great widget. Can you create one for Lyris?
http://www.mailing-list-services.com
En.nicuilie.eu Blogs » Top 1000 WordPress Plugin Authors // December 31, 2008 at 2:43 am |
[...] Constant Contact WordPress Widget [...]
Karl // January 7, 2009 at 12:25 pm |
Hi, I have a website that this widget does not work properly. Since it has 2 columms to deal with, and the form comes apart. What I would like to know is if I can get at least the code snip so I can place it ontop of the nav as I have done it before. or even place it some where else on the page. Please.
Nicole // January 8, 2009 at 1:10 pm |
I have set-up the widget but it does not appear in the sidebar. The widget is added and the form id is added. Do I need to do anything else? Or what could be the problem?
Zack Katz // January 8, 2009 at 1:13 pm |
@Nicole – please email me a testing location where I can see your problem (or the code for the page).
WidGet Blog » Blog Archive » Constant Contact WordPress Widget - Add a Newsletter Signup Form … // January 23, 2009 at 7:24 am |
[...] is the original: Constant Contact WordPress Widget – Add a Newsletter Signup Form … Tags: Amazon, Apple, code, constant, denver, design, form, hillary-clinton, plugin, [...]
baron // January 26, 2009 at 2:12 pm |
hi. Thanks for plugin
perfect.
Regards
WordPress Plugin Releases for 01/26 | Tips Wordpress // January 26, 2009 at 2:53 pm |
[...] Constant Contact WordPress Widget [...]
Nency // February 5, 2009 at 11:52 pm |
hi thanks, really its very helpful.
John // February 12, 2009 at 9:44 am |
is there any way to place this directly in the php code instead of in the sidebar widgets?
Zack Katz // February 12, 2009 at 11:01 am |
@John – I’ve added this functionality with version .14 that has just been updated.
Should be available on the plugin page within 20 minutes.
John // February 12, 2009 at 11:06 am |
Thanks a lot Zack
Christian // February 18, 2009 at 1:08 pm |
Zack,
What is the best way to edit the widget output. CSS and line breaks. I am know enough CSS to get by, but not enough to do damage.
Zack Katz // February 18, 2009 at 1:56 pm |
@Christian Where do you want line breaks?
The “Sign Up” field is a
legendtag.Christian // February 18, 2009 at 3:49 pm |
Thanks, Zack. I figured it out in the editor. How would I go about changing the CSS for the subcribe/submit button?
katherine // March 10, 2009 at 6:11 am |
I’m trying to install and have my “number” from CC but don’t have a clue how to get this up and running on WP. I’m not at all technically savy with this type of stuff – can you please hold my hand?
Zack Katz // March 10, 2009 at 11:28 am |
Once you download and activate the widget on the Plugins page, you go to Appearance > Widgets and click ‘Add’ to add the widget to your sidebar.
Click Save Changes and you should be all set. Does that help?
Oscar // March 10, 2009 at 11:42 am |
Hello Zack!
Thanks for providing this plugin. It seems to work almost everywhere, but there’s a site I’m trying to run it on and I’m getting this error:
Parse error: syntax error, unexpected $end in
full-path…/wp-content/plugins/constant-contact-signup-form-widget/constant_contact.php on line 352
line 352 is the last line… I also read somewhere else in the site about missing a closing ?> tag, but I don’t think that’s the case here. Am I the only one with this problem?
I’m trying to run this on a self-hosted dedicated server so I have full access to the system. It seems that this may be a PHP issue? Any ideas?
i’m running .143, on wp 2.7.1.
Zack Katz // March 10, 2009 at 5:25 pm |
@Oscar – I’ve sent you an email…please let me know how your widget was configured. I’m not able to duplicate the error.
Also, what other widgets and plugins are you running?
Oscar // March 11, 2009 at 12:06 pm |
Thanks Zack! I replied to your e-mail and its a bit long so I thought I’d keep it off your comments. I was not able to install it yet. I sent you a lot of info, hopefully it helps you help me.
thanks for being attentive.
lizchukwu // March 12, 2009 at 12:20 am |
Hi Zack, we recently installed a constant contact email signup on the side box. However, this appears on every page and looks rather untidy:( Is there a way of just having the email signup box on the home page and the actual signup page? Or is Aweber more flexible with this sort of thing? Please note, I am really unfamiliar with the technical side and can just about do what is user friendly:) Thank you. Kind regards & many blessings Liz.x
Zack Katz // March 12, 2009 at 7:57 am |
@ Liz – it’s going to be a bit technical. Here’s how you would do it:
Configure the plugin as you would normally, but then for "Show the Widget:", choose "No, Hide Widget". Then, in your sidebar.php file, paste this where you want the widget to show:
<?php// Let's pretend the page ID that you want to show it on is page 8. Change the number to match the page ID of the page you want it to show on.
// is_front_page() and is_home() checks if it's your home page.
if(is_front_page() || is_home() || is_page(8)) {
// widget_cc() calls the widget code, which should be configured as you set it up in the administration
widget_cc();
}; // Close the if
?>
Tara // March 15, 2009 at 7:24 pm |
thank you so much for this widget. i’ve been seeking a way to make my list generation easy and this is exactly what i needed!
Joker_H // March 16, 2009 at 5:32 am |
thank for nice widget,i will install for my blog
kanea31 // March 16, 2009 at 4:26 pm |
I can’t seem to activate version .146 in WP 2.7.1. It installs just fine, but when I try to add it to a sidebar, nothing works.
Any suggestions?
Zack Katz // March 20, 2009 at 12:21 pm |
@kanea31 – What plugins are you using? There seems to be a conflict with a plugin that is causing a few people problems.
frank // March 20, 2009 at 12:10 pm |
Hey Zack – where do I find the code to put it in the php of a page?
Zack Katz // March 20, 2009 at 12:18 pm |
@frank – Use the following code:
<?php echo widget_cc(); ?>kanea31 // March 20, 2009 at 12:29 pm |
Zack, I’m running Akismet 2.2.3 and Featured Content Gallery 3.0.1 plugins. Is there any known conflict with these when running the CC widget? thx
Jenn Nickerson // March 20, 2009 at 3:42 pm |
Hi Zack,
FYI, Constant Contact changed its site somewhat so that when you sign in, the home page you go to has a paragraph in the middle of the page called, “Build or Import Your Contact List” and under that, there’s a link that says “add a signup box.” That gets you to the Wizard.
Zack Katz // March 30, 2009 at 5:26 pm |
Thanks, Jenn. I’m updating the how-to now.
Brian // March 22, 2009 at 2:18 pm |
Hi,
Thank you for this great plugin.
I have a question:
Where in the .php code can I resize the input field – I tried resizing it using the widget editor and it did not increase the subscribe input field.
A comment regarding the errors:
Firefox works fine when adding the widget to an area under the “appearance” tab.
Internet explorer causes the entire widget editor/save/apply area to go blank, as reported by other users (my platform – IE7 & Vista).
Thank you for your time & thanks again for this great add-on!
[Fixed in .15 - Zack]
Zack Katz // March 23, 2009 at 9:49 am |
BRIAN! Thanks, I’ll check out the IE angle…I hadn’t considered it would be a browser issue!
I’ll also add the functionality to change the input size. Depending on your form style, the input code will be on different lines. Do a search for
name="ea"; that’s the input you’ll want to change.rwn // March 24, 2009 at 1:33 am |
Just now, I upload and activated the widget, but nothing happen.
How can I find the widget panel? thx
[Fixed in .15 - Zack]
rwn // March 25, 2009 at 3:16 am |
I’m trying to find the unique user ID..
I’ve tried to log in to constant contact. click on the my setting, but i can’t found “Site Visitor Signup” sub-navigation link.
There is only :
* Manage My Settings
* Verify Address
* Email Features
* Website Features
Am I in wrong page??
thx Zack
Zack Katz // March 30, 2009 at 5:31 pm |
If you’re logged in to Constant Contact, click on this link: Go to the Signup Form Wizard.
Tom // March 28, 2009 at 12:55 pm |
I can’t seem to activate version .146 in WP 2.7.1. It installs just fine, but when I try to add it to a sidebar, nothing works.
[Fixed in .15 - Zack]
Auction Diva // March 29, 2009 at 8:29 am |
I have a WordPress blog that I want to put an opt-in box on that will dump into Constant Contact. However, the Constant Contact opt-ins only seem to allow for entry of an email address. Is there a way to capture Name and Email in an opt-in that will input into Constant Contact? I have been unsuccessfully searching online to the answer to this for weeks. Thanks!
Bob G // March 29, 2009 at 12:22 pm |
I am having the same problem as Tom and others. The plugin installs in 2.7.1, but when I add the widget to the sidebar the sidebar list disappears, the save changes button is gone, the widgets listed beneath your plugin in the `Available Widgets` column disappear, etc.
Using: All In One SEO Pack, Bad Behavior, Dagon Design Form Mailer, Minimeta Widget, Plugin Central, Video Widget and WordPress Database Backup
Zack Katz // March 30, 2009 at 3:51 pm |
Thank you everyone for helping me solve the issue with the form. It turned out to be an Internet Explorer issue, as @Brian helped figure out.
Version .15 fixes these problems, and adds custom email input widths, and more!
Ole-Petter // March 30, 2009 at 6:26 pm |
Very nice work!
Is it possible to have the text “email” as an option when No Style is selected?
I know it is not an option from CC, but for other languages it would be perfect!
Zack Katz // March 30, 2009 at 7:09 pm |
I just added the functionality in .151. It should be available for download in about 20 minutes at the plugin page (or with automatic upgrade). Keep the ideas coming!
I also will eventually clean up the widget’s admin interface.
hoser01 // March 30, 2009 at 7:53 pm |
I cannot seem to active the plugin. WP 2.7.1
Parse error: syntax error, unexpected ‘=’ in /home/content/t/a/l/talkspamadmin/html/wp-content/plugins/constant-contact-signup-form-widget/constant_contact.php on line 149
Tom // March 30, 2009 at 11:57 pm |
Thanks, Zack.
Very much appreciate your diligence.
Oscar // March 31, 2009 at 2:11 pm |
Hi Zack. Mystery solved!
Despite the number of updates you made since I first posted, I could not get the plugin activated in some servers. These were all servers I’ve provisioned from scratch. This was the major difference between the sites on which your plugin worked and the sites in which it didn’t… Even though some of my sites also worked fine on self-hosted servers.
It turns out that the plugin is written using php shorthand. For example <?= vs <? echo or <?php vs <?.
Apparently there is a directive specific to this on the php.ini. If you don’t have access to it, you can always add the config to your httpd conf file or your .htacess I think.
Anyway, the directive is short_open_tag, and to support this widget (constant contact) or shorthand tags, you need it to be “on” or “1″.
Hope this helps someone out there with this same problem. When I changed the file and reloaded apache then I was able to activate it.
Thanks a lot for the plugin!
[Fixed in .153 - Zack]
Zack Katz // April 7, 2009 at 12:28 pm |
Thanks, Oscar! I fixed this issue in .153, thank you for your help. I’ve also updated my other widgets and plugins for this issue.
Oscar // April 8, 2009 at 10:18 am |
No problem. I also saw the update and ran it… no problems so far. Thanks a lot again for this plugin.
Jessica // April 12, 2009 at 1:23 pm |
Zack,
Great plugin! I just added it to a client website but I did have one question. How can I change the submit button to keep the same look and feel of other buttons on the site? I wanted to change the CSS, but can’t seem to find where/how to do that.
Thanks!
Zack Katz // April 12, 2009 at 6:32 pm |
Depends on how your widgetized sidebar is set up, and which form style you use. You can always choose the “No Style” option, in which case, the button style is
[whatever class the form containing div or li is] button.submit. Write back with more info, please!docuguy // April 17, 2009 at 10:46 pm |
Hi,
we’re having a problem with the background color of the widget. We have a green bg on the blog and can’t seem to make the widget form be “transparent.” Suggestions?
Zack Katz // April 19, 2009 at 12:49 pm |
@docuguy – You’ll want to use the “No Style” option, which is stripped of CSS styles.
perilouspilot // April 20, 2009 at 9:36 pm |
Hi Zack, I’m currently becoming involved in an mlm and wish to start an e-mail sign up sheet on my wordpress blog. Do you think yout app is right for me or do you know of something better? Thank you for your help in this matter!
Dave.
Tom // April 24, 2009 at 7:01 pm |
My site doesn’t us the usual WP templates. How can I use this plugin?
Zack Katz // April 28, 2009 at 11:29 am |
If your template has a widgetized sidebar, you can add the form to your template in the Appearance > Widgets administration page.
If your template does not have widgets enabled, then you can use some PHP code to show the widget in your template. Wherever you want the form to show up, simply add to the code
<?php widget_cc(); ?>to your template. If that breaks things, usewidget_cc();instead.deolram // May 4, 2009 at 4:37 pm |
Zack,
Thanks for the plugin! I think it’s what I’m looking for. However, I’ve not been able to use it yet.
I’m using the “i-feel-dirty” template, and WP 2.7.1.
When I activate the plugin, nothing shows up on my widget page.
My widget pages says:
The theme you are currently using isn’t widget-aware, meaning that it has no sidebars that you are able to change. For information on making your theme widget-aware, please follow these instructions.
When clicked the “follow these instructions” link, there were no instructions to follow.
Any feedback would be greatly appreciated.
Thanks,
Jeff
http://www.stonecoldmagic.com/blog
sophieshepherd // May 7, 2009 at 10:45 am |
Hi Zack…
Another CSS problem here! I have the same problem with someone above about wanting to have the button match the rest of my site.
I have selected the “no style” option, and have added the css code into my style.css file in my theme folder in wordpress, but it is not showing up.
I’m not really sure what I’m doing wrong. Any help would be great,
Thanks!!
Sophie
http://www.sophieshepherd.com
and the site in my question is:
http://memyselfandny.com/
I’m hoping I will have it figured out by the time you click that!
Zack Katz // May 7, 2009 at 10:50 am |
Hi Sophie,
You will want to create a CSS class
.widget_cc button#go. Refer to this article on how to style a button element.Hope this helps. Let me know.
sophieshepherd // May 8, 2009 at 3:00 pm |
Zack,
Looks like that’s working. Thanks a bajillion!
SS
Jeff Frey // June 3, 2009 at 4:25 pm |
Got a mod I need for the CC Widget.
How much to have the CC widget drop the email address into my wordpress database. And then send the post to CC. Or the other way around?
Thanks for the help.
Indian Land Presbyterian Church : That Wordpress Guy // June 17, 2009 at 8:29 pm |
[...] Constant Contact Signup Form [...]
Tabby Biddle // July 13, 2009 at 9:27 pm |
Is there a way to add the widget to a wordpress blog hosted on wordpress’s site?
becky donohue // July 14, 2009 at 11:20 am |
hi zach,
i’m trying to get the widget to work on my wordpress blog. i have it installed. it shows up in the sidebar nicely. but, when i go to constant contact to add my ‘number’. it will not let me edit the code in the html wizard. am i doing something wrong?
thanks for your help.
becky