This is the CSS code you can copy and paste onto Notepad or Microsoft Word because you are going to play around with the code to change the color or you can use it as is.

Currently this CSS template is set to Gold.

/* CSS that customizes the form's look */div.esu-form-div{  background-color:gold;  padding:10px 40px 10px 0px;  border-radius: 10px;  box-shadow: 10px 10px 10px rgba(64, 64, 64, 0.8);  border: 4px solid #000;  margin:0 auto;}.esu-form-title{  font-size:2.5rem;}.esu-form-div input  {border: 4px solid #000;border-radius: 8px;background-color: rgba(64, 64, 64, 1);font-size:1.5rem;padding:4px;color:#fff;}/* Ignore the following CSS as this will be created by the plugin. */div.esu-form-div label.esu-left{float:left;width:120px;font-weight:700}        div.esu-form-div input.esu-left,div.esu-form-div textarea.esu-left{width:180px}        div.esu-form-div label.esu-top{display:block;width:120px;font-weight:700}        div.esu-form-div input.esu-top,div.esu-form-div textarea.esu-top{width:180px}div.esu-body{  background-image: url(https://subtlepatterns.com/patterns/tree_bark.png);   display: block;  padding:10px;  min-height:440px;}/*Styles from the Easy Sign Up Styles Extra Plugin ID's have underscores "_"Classes have dashes "-"*//* New with version 3 *//*Easy sign up short code form div */div.esu-form-div{ display: table; }div.esu-form-div ul{ list-style: none; margin:0;}div.esu-form-div ul li { margin: auto; padding:4px;display:block;}div.esu-form-div input[type=image]{ border: none;background: transparent;box-shadow:none; }div.esu-form-div input[type=image],div.esu-form-div input[type=submit]{ cursor: pointer;  }#esu_err {  list-style: none; padding: 10px;  line-height: normal;  z-index: 100000;  margin: 0px;}#esu_err ul { margin: auto; display: table; list-style: none; }#esu_err ul li { padding-bottom: 2px; }div.esu-form-div label.esu-default, .esu-hide{position:absolute!important;top:-9999px!important;left:-9999px!important} br.esu-left{clear:left;}

You are going to take this CSS code and paste into your Theme General Setting CSS area.

Please click on the next page to see how to change the color. →




Join the Discussion
Write something…
Recent messages
Phil-58 Premium
Hi there
Thanks for this training
I have bookmarked this for later
cheers PB
Reply
Kambas Premium
My pleasure Phil, thank you for your comment.
Reply
Dinh Premium
Thanks for sharing; good info.
Reply
Kambas Premium
Pleasure Dinh ;)
Reply
PatsyC Premium
Hi thanks for posting this it's great, so easy to understand :)

I need one of these on my side bar and have been taking notes so far. I plan to add one soon.

Is there a double opt-in feature that protects against spam? where the customer has to go through proving they are 'human' etc.

I'm so illiterate with doing things like this I have no clue. I did see Marion's tutorial about a month ago and asked if the Easy Sign Up plugin has the double opt-in feature but didn't get an answer so I left it.

Also is this plugin free?

Thanks!
Reply
Kambas Premium
Hi Patsy, thank you for your comment and support ;)

There is a spam block feature called Honeypot, I have been using it for a few days now and there don't seem to be bots crawling through although you never know!
The addresses look real but I remain skeptical till they chat to me via email or reply to newsletters.

The plugin is free and you can upgrade it with MailChimp (suggested by WA members). You will have an auto responder that will do a certain amount of emails for free but I don't use it yet, will have to soon though, I can't handle the signups manually no longer :p

If I can help you more please feel free to PM me anytime.

Best regards,
Kamil
Reply
PatsyC Premium
Thank you Kamil.

Bo left 2 separate blog posts. One about Auto responders the other about Subscriber sign up forms.

The auto responder, is for emails you write up and automatically send out. Subscriber forms are signing up to automatically send out each new post you publish.

I want the subscriber form. So the Easy Sign Up plugin sounds like this is what I may need or Feedburner also. I heard of Mailchip but not a lot of good things about it.

Now..is Honeypot a plugin?

Thanks for your time and patience!

It's nice to hear you can't handle the signups manually any longer :D
Reply
Kambas Premium
Oh, I have not heard anything bad about MailChimp this far, what is wrong there?

Honeypot is just a spam option you can select on Easy Sign Up, you just tick a box to activate it.

I am overwhelmed I tell you!...
Not only with my day job but with the site building, learning, helping others, writing, analyzing, more learning, emails, messages, editing, installing plugins, writing to support when site bugs out (nothing major yet fortunately) etc.

HOW DO WE MANAGE THIS ALL ON WA GUYS?!
Hehe :D
Reply
PatsyC Premium
Hahaaa nice little vent there at the end.

Breath innnn....Breath outttt.

Same here it's crazy on all counts! except the job part.
Talk about emails...............

Can we ask SiteSupport ( who is my best friend BTW) to add extra hours in our day?

Thank you for all of your help!
I really appreciate it. :) :D
Reply
Kambas Premium
Always a pleasure Patsy and thank you for your valuable input. Going to read through Bo's posts... when time permits ^^
Reply
MozMary Premium Plus
1. You can easily set it up to function with a double opt in - it will ask you to type in a message to send to the people who sign up. At this point you ask them to please confirm their subscription by hitting the reply button and then you will send them xyz - see - double optin.

2. Honeypot is not a plugin, in Marion's video there is a box you tick for antispam that comes with the easysignup plugin, however it has been upgraded and now you click the honeypot that comes with the plugin, however, you really should click it - I didn't at first and ALL my sign ups were bots and they looked exactly real- and the developer confirmed they can be like that.
Reply
Kambas Premium
Thank you for this extra info Mary :)

Yes, the bot sign ups look like real addresses that's right.

I'm not 100% sure how you activated a double opt-in still but will look into this asap.
Reply
PatsyC Premium
Thank you!

I did understand that the Honeypot is not a plugin, it comes with the plugin and I have to click it to activate.

Thanks I took note with your instructions of this for when I add the plugin :)
Reply
MozMary Premium Plus
the first optin is when they sign up through the form on your website, the second is when you get them to confirm in the first message you set the plugin to send them in - it doesn't have to say 'thank you for signing up', it can say something else telling them to confirm their subscription - at that point you've got double optin

Botipton wrote a good post on how his double optins got less people in the end but they were better quality traffic, so it will be interested to see if people will confirm...but those who do will be very interested and you have all the addresses anyway even if they don't
Reply
Kambas Premium
That makes perfect sense, thank you Mary.
I would rather have less sign ups then a whole bunch of bots.
Reply
Kambas Premium
I have added a verification code now, so people who sign up have to reply, copy and paste the code but I am looking into a auto-responder option to do this. I tried Mail Lite but they just rejected me, said my url doesn't comply with their terms :/
Reply
ChrisScott Premium
Much appreciated, Kamil
Reply
Kambas Premium
Thank you Chris ;)
Reply
MKearns Premium
A great tool Kamil!
Reply
Kambas Premium
Indeed Mike, are you using a sign up form on your site/s?
Reply
MKearns Premium
I have a contact form yes!
Reply
Top