5 {{ upvoteCount | shortNum }}
5 {{ upvoteCount | shortNum }}

Please Advise: How to Code Graphic to Include Optin Box

by Tim Alwell
4 replies
Hello there.

I have a big noticeable image that I want to insert into my blog posts about half way down to encourage people to opt-in to my email newsletter.

However, I have no clue how to code it so people can actually type into the email field, and how to sync it with my aweber autoresponder.

Can someone help walk me through this??

attached is the image example



Thanks,

Tim
#advise #box #code #graphic #include #optin
  • Profile picture of the author David V
    If someone doesn't beat me to it I'll post the code for you later when I'm free.

    I would NOT use a background image for this simple box. It will not do well for accessibility and there's no reason to have an image for a color or text.

    You can just create a box with a yellow background, style the input field and submit button, then style the text to match what you created in the image. All css, no images required. Even the border can be css.
    {{ DiscussionBoard.errors[9521306].message }}
  • Profile picture of the author David V
    Tim, if your running a Studiopress theme (like your sig link), it might be easier for you to use their "Generate Box".
    You can find it at: Generate Box
    You can then style it to match your image.
    There are tons of tuts for the generate box, so do a quick google search.
    If your talking about another site that's not Genesis, let me know and I'll post some code.
    {{ DiscussionBoard.errors[9521539].message }}
  • Profile picture of the author David V
    Here a very basic example of just using css. You can play with it online. I did this quick so you should tweak it. Colors, font, padding, etc... You should be able to at least see the basics of it.
    If you really wanted to use an image just add a background to the .optin-wrap

    Simple Optin Form - CodePen

    It has the generic Aweber code. You'll need to create a simple email field form in Aweber then grab the stripped html to fill in the specific details.
    {{ DiscussionBoard.errors[9521716].message }}
  • Profile picture of the author Tim Alwell
    Hey David,

    Thanks for directing me to the Generate box.

    I took a look and it looks pretty sweet.

    I tried installing it with my elven40 theme, but it looks like I have to have the Generate theme.

    I'm going to stick with my eleven40 theme right now, and use the code your provided above.

    Thanks man!
    Signature
    Free Video Reveals My 7-Step Plan To Grow Your Audience
    & Create A Hyper-Engaged Email List For Your Affiliate Marketing Business!

    https://tipsfromtim.com
    {{ DiscussionBoard.errors[9523452].message }}

Trending Topics