7 step-by-step videos on how to create your page,
decide what & when to post, and attract your first fans

I'll only send you information that will rock your marketing & business. No spam. Promise. :)

Felicity - Resources - Opt-In Skin, email List, Email sign-up, Wordpress, Plug-in, Aweber, MailChimp, email

Create Awesome Email Sign-Up Forms using Opt-In Skin for WordPress

As a website designer, I’m often asked if there’s an easy way to create cool email sign-up forms.  And not just for the sidebar or footer – isn’t there a way to add an email sign-up on the About page or at the bottom of a blog post?

Thankfully, the smart folks at Opt-In Skin have created an easy and inexpensive way to do just this. 


What Is Opt-In Skin?

Opt-In Skin is a premium WordPress plug-in that allows you, the non-website coder, to design and add your own cool email list sign-ups anywhere on your website or blog.    

It costs $47 for a one-time license, and it comes with 18 totally customizable designs, called skins.  Simply choose your design and change the colors and fonts to whatever you’d like them to be.  You can even customize the “subscribe” button!  Plus, several of the pre-designed skins include social share icons, which makes them perfect end-of-blog post forms.

Opt-In Skin works with MailChimp, Aweber, iContact, and Feedburner.  The process to link your email account to your desired email form is straightforward and easy to understand. 

And for those number people out there, Opt-In Skin will track how many times people visit your page versus how many people click the “subscribe” button.  You can even choose to split-test two forms on the same page to see which form is more effective!

Click here for a screen shot example of the customizable options available through Opt-In Skin.


What’s In It For You

It’s very rare for your first-time website visitors to buy your products or services, so it’s important that you capture their email address.  That way, you can continue to build a relationship and conversation with your visitors, so that you’re the natural choice when they are ready to buy.

Most email programs will ask you to paste a bunch of code into your website to create these email forms.  Not only is the code confusing, but it’s not very customizable.  This means you’re stuck with an opt-in form that is generic and difficult to use.

This is where Opt-In Skin really shines. 

Once you’ve created your awesome sign-up form, Opt-In Skin will assign a short code to that form.  Simply copy that short code and paste in the desired location on your website or blog, and bam!  You have a smart, professional email sign-up form.


Known Issues

No piece of software is perfect, and that includes Opt-In Skin.  I’ve encountered formatting issues with a few of the skins when I adjust the default width or height.  In some of the designs, adjusting the height or width doesn’t adjust the rest of the form, which leads to weirdly stretched or otherwise ugly forms.  Luckily, I’ve only encountered this with one or two designs.

The other known issue I’ve come across occurs specifically with designs that include arrow graphics. There are 5 arrow styles to choose from, but the editor will default to style #3 every time you edit one of your forms.  The work-around is simply to remember to reset your arrow style options before you save your form, but I’ll admit it’s a pain in the butt.  Hopefully, it will be fixed in future software updates.


Your Turn

Where do you use email sign-up forms on your website? Let me know in the comments below!

And, if you have any experiences (good or bad) with Opt-In Skin, let me know that too. 🙂

~ Felicity

 photo credit: Opt-In Skin

[hana-code-insert name=’Felicity Fields Author Bio’ /] 


Create your page, decide what & when to post, & attract your first fans.


  1. CJ @ StrategicMarketingGuy
    CJ @ StrategicMarketingGuy12-06-2012

    Recently installed OptinSkin on my site and am loving it.

    I did make one tweak to make it more useful. I wanted to put a form in my header so it’s the first thing visitors see when they arrive to the homepage. However, the form didn’t display correctly on mobile. This was a problem since 20-30% of my traffic comes from mobile. The “disable on all mobile devices” functionality doesn’t work when you put the OptinSkin script in a .php file.

    So, without getting too technical here, I tweaked some code in my .css file that makes the form not show up on mobile devices even when it’s in the header.

    My next step will be to create a smaller mobile friendly opt-in form and make it do the reverse. I.e., only show up in the header when the dimensions match a mobile screen size. That way, I’ll have all versions of my site set up for lead capture.

    I’ll post a tutorial on my site after I do this.
    CJ @ StrategicMarketingGuy recently posted..YouTube SEO: Stupid Simple Trick to Get More Views

  2. Felicity Fields
    Felicity Fields12-06-2012

    Awesome work, CJ! You are clearly a genius about tweaking your .css file. It never occurred to me to add a sign-up form to my header (maybe I’m too fond of my logo), but it’s definitely a great idea.

    Would love to see your tutorial re: the mobile parts of Opt-In Skin!

    ~ Felicity
    Felicity Fields recently posted..Free One-Day Pass to Marketing That Rocks

  3. Internet Marketing Mentor
    Internet Marketing Mentor04-29-2013

    Thanks for the information. I enjoyed it. I am still trying to figure out a few key aspects of the set up.

    Happy blogging 🙂
    Internet Marketing Mentor recently posted..Learning WordPress Is Simple- Don’t Be Scurrred!

  4. Jeana

    Over the past thirty years every part of our diet continues to be labelled the villain by
    some so-called pro or different.
    Jeana recently posted..Jeana

Leave a Reply

CommentLuv badge