Go Premium for a chance to win a PS4. Enter to Win

x
  • Status: Solved
  • Priority: Medium
  • Security: Public
  • Views: 463
  • Last Modified:

How to add an image to an optin form?

Hi I have my blog at brianramdhan.com and as you can see I recently added an aweber opt in form to collect email addresses but I want to also show a picture of the free ebook next to the opt in forms like most marketers do....how do i get this picture there. I have it on my desktop....
0
slingingshot15
Asked:
slingingshot15
  • 5
  • 2
2 Solutions
 
WabbitSeasonCommented:
Hmmm... I don't have any experience with AWeber signup forms, but according to aweber.com, you can adjust the style of the form. You could try adding the image there. Alternatively, you could upload the image to your hosting account and add a html widget containing something like the following code under or above the AWeber code widget:

<div style="text-align: center;"><img src="path/to/uploadedimage.jpg" alt="Free Ebook!" /></div>

Placing the Ebook picture next to the AWeber form is harder, but possible. However, the form seems too wide already. In the current state of the page, I'd recommend putting the image above or under the form, unless you manage to adjust the style of the form itself as I spoke of.
0
 
slingingshot15Author Commented:
hey man i created a folder named images in my hosting account and i place the image there. now how do i get that picture above the form as you suggested...i placed it in the wp content folder then i added an images folder and there i put the image....how do i really link to that image...i see you put a piece of code there but not sure how to include the image there
0
 
kawzakiCommented:
edit the template of the form to collect the emails, and add the html code:

<img src="wp/image/freebook.gif" alt="free book" />

and that should do it.

maybe it is easier for you to put that code above the {place holder} for the Aweber form :)


hope that helps
0
[Video] Create a Disruption-Free Workspace

Open offices have their challenges. And Sometimes, it's even hard to work at work. It's time to reclaim your office and create a disruption-free workspace. With the MB 660, you can:

-Increase Concentration
-Improve well-being
-Boost Productivity

 
slingingshot15Author Commented:
ok i did it, how does it look?
0
 
slingingshot15Author Commented:
hey man i notice that when i go to my domain name i see the image but if i click on any other part of my blog eg a post or a page the image is not being seen, why is this?
0
 
WabbitSeasonCommented:
Put a slash before the wp-content/images/150_Mastery-of-money-and-romance.png in the img tag to make the path absolute instead of relative, that should fix the not-being-seen issue. And the placing of the image is ok, but imho it would look better if you managed to integrate it with the AWeber form.
0
 
slingingshot15Author Commented:
thanks a lot man
0
 
slingingshot15Author Commented:
love your name wabbitseason......

looney tunes lol
0

Featured Post

Concerto Cloud for Software Providers & ISVs

Can Concerto Cloud Services help you focus on evolving your application offerings, while delivering the best cloud experience to your customers? From DevOps to revenue models and customer support, the answer is yes!

Learn how Concerto can help you.

  • 5
  • 2
Tackle projects and never again get stuck behind a technical roadblock.
Join Now