Still celebrating National IT Professionals Day with 3 months of free Premium Membership. Use Code ITDAY17

x
?
Solved

How to add an image to an optin form?

Posted on 2010-08-21
8
Medium Priority
?
459 Views
Last Modified: 2013-12-25
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
Comment
Question by:slingingshot15
[X]
Welcome to Experts Exchange

Add your voice to the tech community where 5M+ people just like you are talking about what matters.

  • Help others & share knowledge
  • Earn cash & points
  • Learn & ask questions
  • 5
  • 2
8 Comments
 
LVL 3

Expert Comment

by:WabbitSeason
ID: 33492189
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
 

Author Comment

by:slingingshot15
ID: 33492398
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
 
LVL 5

Accepted Solution

by:
kawzaki earned 1000 total points
ID: 33492475
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
Quick Cloud Training

Looking for some quick training on the cloud in 2 hours or less? Check out these how-to guides in AWS, Linux, OpenStack, Azure, and more!

 

Author Comment

by:slingingshot15
ID: 33492677
ok i did it, how does it look?
0
 

Author Comment

by:slingingshot15
ID: 33492802
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
 
LVL 3

Assisted Solution

by:WabbitSeason
WabbitSeason earned 1000 total points
ID: 33492903
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
 

Author Comment

by:slingingshot15
ID: 33492921
thanks a lot man
0
 

Author Closing Comment

by:slingingshot15
ID: 33492931
love your name wabbitseason......

looney tunes lol
0

Featured Post

Concerto's Cloud Advisory Services

Want to avoid the missteps to gaining all the benefits of the cloud? Learn more about the different assessment options from our Cloud Advisory team.

Question has a verified solution.

If you are experiencing a similar issue, please ask a related question

Q&A with Course Creator, Mark Lassoff, on the importance of HTML5 in the career of a modern-day developer.
We aren’t perfect, just like everyone else.  Check out the email errors our community caught and learn the top errors every email marketer should avoid.
The purpose of this video is to demonstrate how to Import and export files in WordPress. This will be demonstrated using a Windows 8 PC. Go to your WordPress login page. This will look like the following: mywebsite.com/wp-login.php : Click on Too…
Learn how to set-up custom confirmation messages to users who complete your Wufoo form. Include inputs from fields in your form, webpage redirects, and more with Wufoo’s confirmation options.

721 members asked questions and received personalized solutions in the past 7 days.

Join the community of 500,000 technology professionals and ask your questions.

Join & Ask a Question