Is It Possible To Insert Aweber Code Onto Image?

6 replies
  • WEB DESIGN
  • |
Hello Warriors

I've created an image using picmonkey.com to use as a template for my email opt-in form.

(see attachment).

I would like to use it as a call to action beneath my wordpress posts.

It's not complete, I have yet to add any text but was hoping I could wait and do that after inserting my aweber code (name & email opt-in, and subscribe button).

Can anyone please tell me whether this is possible and if so, point me in the right direction toward figuring out how to do this myself.

I don't have any raw html of the image template, it is only able to be saved as a .png or .jpg

What I'm looking to do is insert the code on the right side of the template and then afterward, be able to edit some text off to the left.

Thank you for your time!
#aweber #code #image #insert
  • Profile picture of the author kursat
    yes you can create a <div> make your image the background. Then add other <div>'s with form or texts - make sure you close the first div after you coded all other elements.
    {{ DiscussionBoard.errors[10055655].message }}
    • Profile picture of the author AskiKaOwnzYou
      Originally Posted by kursat View Post

      yes you can create a <div> make your image the background. Then add other <div>'s with form or texts - make sure you close the first div after you coded all other elements.
      sweet, ty.
      Signature
      {{ DiscussionBoard.errors[10055700].message }}
  • Profile picture of the author Brekat23
    Thanks for the quick reply kursat!

    However I wish I knew what you meant... I'm not the best at working with html or coding so I'm not entirely familiar with <div>'s



    May I ask you (or someone else) to please explain how to go about doing this with a bit more elaboration... teacher to student style? (hehe)

    Would be much appreciated! ♥
    Signature
    "The World of IM: Physically Easy - Mentally Challenging - Emotionally Intense."

    {{ DiscussionBoard.errors[10055678].message }}
  • Profile picture of the author Brekat23
    AskiKaOwnzYou - Do you understand what he means by this? Any chance you could maybe pls explain?

    :}
    Signature
    "The World of IM: Physically Easy - Mentally Challenging - Emotionally Intense."

    {{ DiscussionBoard.errors[10057469].message }}
  • Profile picture of the author Ron Killian
    <div> and the likes are CSS coding. I don't code in CSS, only edit it, so i couldn't tell you what programs you can use to create it. Though I am sure they are out there.

    You basically make a "table" in css.

    Other option is to create a HTML table, using your image as the background. Then you can add your text and form inside the table. But that is not the best design these days and often not mobile friendly.

    Another option, there are many opt-in plugins these days, where you can create your own opt-in boxes and I am sure you can use your image as a background with those. Thrive leads is the main one I can think of off hand. Or optin monster. Can't think of them all right now.

    Using a opt-in type plugin can be better to because they often let you track and test your opt-in boxes.
    Signature
    PLR Affiliate Program Has Launched! Easily Promote Over 5,000 PLR and MRR Products.

    Largest Selection of PLR Articles on the Planet! PLR Ebooks, PLR Video, PLR Websites and more with Private Label Rights
    {{ DiscussionBoard.errors[10059262].message }}
  • Profile picture of the author kursat
    Do you know any HTML ? I mean you need this coded as HTML and then install it at your wordpress site. It is not difficult but you need to be able to use a HTML editor.

    If you have an editor

    First upload your image to your wordpress media - then note the URL from that image.

    You then make that image the background of the main <div>

    Then inside this - you create 2 other <div> s - one for form and one for the text.

    I am not sure if any of this makes sense I do offer this kind of coding, but not sure if you are planning to do this or hire someone for it.
    {{ DiscussionBoard.errors[10059264].message }}

Trending Topics