How to Create a Killer Customized Opt In Box for your WordPress Blog – Mass Email List Series Part 3 of 3

by Kathy on September 8, 2009

In this last post of the series you’ll learn how to create an attractive, eye-catching opt in box that will draw your visitors attention to your offer and bring you opt in email leads for your business. In addition to the video I’ve provided step by step instructions below.

Step One – Create an Image that will Draw Others to Your Offer and Help You Create a Mass Email List

  1. If you want to capture as many opt in email leads as possible (and you do…), your image should be designed to attract visitors to your opt in box.  If you look at my blog, it’s the image directly above the opt in box. Many outsource this important task (please visit my Services page if you’re interested in outsourcing). If you’re good with graphics I invite you to download any of the background images on my services page to create your image.
  2. Optimize your image and upload it to your blog

Step Two – Create Your Code using your GetResponse Autoresponder

  1.  In GetResponse, select the Contacts tab and click on Create Web Form.
  2. Name your form, and click on the Inline Form radio button, then select Advanced Options.
  3. Set your Confirmation URL to a “Thank You” page that you have developed on your blog. This will keep your opt in email leads on your website, even after they’ve submitted their information. Remember, not only do you want to build a mass email list, but you want your visitors to be entertained, enlightened, or educated. The longer they stick around, the more value you can give them!
  4. If you’re using GetResponse, shorten the URL for your “Thank You” page in bitly or another program.
  5. Deselect the “Powered by” logo, click on Next Step.
  6. The next page will display the opt in box. It’s not very attractive and isn’t likely to help you create the mass email list that you desire…don’t worry. We’ll be taking care of that by replacing it with a custom designed box to help you attract as many opt in email leads as possible!
  7. If an orange Submit button will work with your blog design I recommend that you change Web Form Template to Brown Box. Click Next Step.
  8. The next page will display the code to place a form on your blog that will help you create a mass email list. Copy the Raw HTML Version into a Notepad document. You’re now done with GetResponse.

Step Three – Add a Text Widget to your WordPress blog

  1. Log in to your WordPress blog and select Widgets.
  2. Drag a Text widget into the top of your Sidebar box.
  3. You can either add a title that will entice others to opt in to the mass email list you’re building, or leave it blank and add your title to the image you’ll upload.
  4. Copy the code that GetResponse has generated for you to collect opt in email leads and click on Save.

Step Four – Add Your Customized Image to your Blog

  1. Go into your Media Library, select the image you’ve uploaded, and click Edit. The File URL will display the HTML code for your image. Copy this code.
  2. Open your text widget. Above the existing code, you’re going to add your image code. An example is <div align=”center”><img src=”PLACE THE IMAGE CODE HERE” width=”ENTER THE WIDTH OF THE IMAGE”/>

Step Five – Customize Your Opt in Box

  1. The Subscribe box may scare away some possible opt in email leads – many associate the word subscribe with cost. If you want to remove the Subscribe box, locate the code in your widget (located near the top) that looks like <div id=”webform_title” style=”padding: 7px 20px 7px 20px; font-size: 21px; color: #ffffff; background-color: #888888; border: 1px solid #888888;”>Subscribe</div> and remove it.
  2. If you want to remove the contact counter, locate the code in your widget (located near the bottom) that looks like <div style=”margin-top: 10px;”><strong>0</strong> contacts already!</div></div></div> and remove it. I recommend removing this. We all start with nothing, and a small number may deter some from providing their information and becoming opt in email leads.
  3. If you want to change the background color, locate the background code in the initial command and change the #FFFFFF to the color you desire. You may also change the font color using the same method.

Congratulations, you’re on your way to creating a mass email list that will catapult your business to success!

If you don’t have an autoresponder, you need one. I recommend and use GetResponse.

I realize that we all have different skill sets, and some of you may prefer to outsource this task. Whether you would like help with one aspect of this process or the entire service completed for you please visit my Blog Services page. I’d love to help!

Share and Enjoy:
  • Print
  • Digg
  • Sphinn
  • Facebook
  • Mixx
  • Google Bookmarks

{ 21 comments… read them below or add one }

John Chatman September 9, 2009 at 12:44 pm

That is a great tutorial and I thank you for taking the time to post it. It just really drives the point home to me that for some services it is so much more time effective to outsource them and really concentrate on those high dollar value activities. For those marketers who are working on a constricted budget this tutorial is pure gold.

Thanks again,

John Chatman´s last blog ..Why Should You Shop For a Sponsor? My ComLuv Profile


Lance Gross September 9, 2009 at 1:24 pm

What a great post!! Thanks!! I’m curious, what screen capture program are u using and how do u like it?? Thanks so much!!


Ue vittner September 9, 2009 at 3:46 pm

This was so helpful for me! You are so generous sharing your knowledge with code. You have a gift!

sue vittner
Ue vittner´s last blog ..Blog Carnival, Social Media Traffic and SEO My ComLuv Profile


Scott Phares September 10, 2009 at 11:21 am

This is great stuff to know Kathy, thanks so much for sharing it with everyone! I know it will be put to good use by all, especially those who cannot afford to outsource customizations like this. Awesome job there Kathy!
Scott Phares´s last undefined ..If you register your site for free at My ComLuv Profile


Terry Petrovick September 10, 2009 at 4:57 pm

Hey Kathy,

Thank you for sharing this.

I think most people are unaware of the importance of an attractive, eye catching opt-in box.

Like you said it is one of the most important parts of anyones blog.

Your step by step instructions are very clear and I will be referring some of my friend who are just getting started in online marketing to your site so they too can benefit from all that you share.

Thanks again Kathy!

You have a choice so, make it a better than terrific day!

Terry Petrovick´s last blog ..Will you develop your business right the first time? My ComLuv Profile


Patrick McIntosh September 14, 2009 at 9:33 pm

Thanks Kathy,
So often, I have just relied on somebody like a tech to help me out. I love learning things like this. Now I can fix my generic box. Sweet!
Patrick McIntosh´s last blog ..Word on the Street- Association is Almost Everything My ComLuv Profile


Nicholas Klein September 15, 2009 at 1:10 pm

Kathy – excellent tutorial, and your optin box looks great! Do you have a tutorial for adding a pop up lightbox?

Thanks for sharing your knowledge :)

“The Master of Rapid Residual Recruiting”
Nicholas Klein´s last blog ..Can You Really Build Your Downline Fast and Absolutely FREE… On 100% Autopilot? My ComLuv Profile


Daryl Whicker September 24, 2009 at 11:08 pm

Thank you Kathy for being generous and sharing this valuable information.

You Rock!

Daryl Whicker
Daryl Whicker´s last blog ..Teach Your Children These Tips My ComLuv Profile


Glenn Arcaro September 25, 2009 at 8:40 pm

Hey there Kathy! Great post here! I was actually thinking about this the other day and how I could add it to my blog.

Thanks so much for the great tip!


David Wood October 13, 2009 at 12:56 am


AWESOME tutorial! THANK YOU. I’m going to be sending a bunch of non techie people to your blog to watch this.

Again, thanks!

Your Friend,

David Wood
David Wood´s last blog ..How I Got More Than 157 Video Testimonials In Less Than A Week My ComLuv Profile


Neat December 14, 2009 at 11:39 pm

Hi Kathy

Thanks for sharing this.

I have one question though ~ how can you replace the ‘Submit Query’ button and add your own.
ie. I have my own ‘Subscribe’ button graphic I want to use instead of Get Responses’ button graphic.

I have everything working except for that bit.

Any help would be appreciated.



Jason December 28, 2009 at 4:42 pm

Hi Kathy,

Jason here, Jodie Thompson’s Husband :-)
Thanks for sharing your vid on how to create an Opt-In box. I will get started on one right now.



Cathy Yeatts December 29, 2009 at 1:13 am

Hey Kathy,

Your blog is FABULOUS and this tutorial is a great find. Many thanks for sharing this. I always wondered how to spiff up the ugly get response box code. LOL. Now I know…

Warm regards,
Cathy Yeatts´s last blog ..MLM Internet Network Marketing Confusion? My ComLuv Profile


Debbie Wood January 21, 2010 at 1:20 pm

Hey Kathy! Thanks for being so generous with your knowledge and information. I was going to pay someone to do this, but I knew all along that it was pretty simple with the right instructions, and a fantastic instructor, of course. I have one question.

Is the video inserted where your instructions say to insert an image?

Thanks again for all your expertise! Love reading your blog.
Debbie Wood´s last blog ..The Meaning of Persistence: It’s All About Never Quitting. My ComLuv Profile


Nick Lannan February 1, 2010 at 2:43 pm


That was great thank you for sharing I will definitely be sending some people by your blog! I will be back as well!

Thanks again

Nick Lannan
Nick Lannan´s last blog ..This Free Video Reveals How You Can Personally Sponsor 254 Reps In One Year My ComLuv Profile


kukuh April 23, 2010 at 5:05 pm


thank you Kathy :)
kukuh´s last blog ..Soal OSN | my life stories My ComLuv Profile


Anthony August 26, 2010 at 12:12 pm

In order to have an opt-in box, does your wordpress have to be self-hosted?

I’ve been teaching myself everything for the last 2 months, creating blogs, websites, web hosting, domain names, rss feeds, affiliate marketing, SMS Mobile Marketing Campaigns, google adsense, feedburners, html, css, ..I could go on for a long time. Basically what you would learn in 4 years of college or university I am cramming into my brain within 3-4 months.

Now, I have a wordpress blog, but it’s not under my own domain or web host’s a regular blog by wordpress. How do I turn my blog into a wordpress website? where i get to use plug ins, and rent advertising space, and hotlinks, and create feeds, …adsense..etc.

Can i take my old blog. and turn it into a website? And random advice or guidance would be great :) thank you


Kulwant Nagi October 14, 2011 at 9:37 am

Thanks for sharing this wonderful and unique post..


Tom Boyd November 21, 2011 at 8:16 am

I manged to set up my custom opt-in box with your help!



CJ May 19, 2012 at 4:47 pm


Thanks for the series of posts. I’ve been using Aweber for a couple of years and setting up the list, then the email message, followed by the web form is confusing and I end up messing up every time. On top of that, the size that the opt in box appears inside Aweber is NOT the same size it appears when you add it to the sidebar in Wordpress. I was eventually able to get it to work, but the box is still larger than it looks in Aweber.

Glad I found your post because I’m checking out GetResponse now.



Keith Lewis May 14, 2013 at 10:35 am

Thank you Kathy:

Very helpful thanks a lot just what I needed & I really like your website too…. I’ve been searching around trying to find this & you gave the best tutorial that I’ve found!!

~~Keith L. Lewis~~


Leave a Comment

CommentLuv Enabled

{ 1 trackback }

Previous post:

Next post: