Inserting a Picture in your HTML Message

When creating an HTML email it is certainly possible to insert a picture, but the picture needs to be hosted online. In this tutorial I will walk you through the steps involved in taking a picture from your website and inserting it in an email…

When creating an HTML email it is certainly possible to insert a picture, but the picture needs to be hosted online. In this tutorial I will walk you through the steps involved in taking a picture from your website and inserting it in an email.

Keep in mind that a picture can only be displayed when creating an HTML message. The following instructions outline how to insert a picture when using the WYSISYG editor in the AWeber control panel.


Step 1:

Find the picture on your website that you want to use in your email.

Once the picture has been located on your website then use your mouse and [right click] on the image. This will display a menu with several different options. Click the option that says “Properties”.

This will bring up a box titled “Element Properies”.

elementproperties.gif
Here you can find the Location [URL] for the image you want to copy.

Next you want to highlight the Location URL and then hold down the CTRL key on your keyboard and click the letter “C”. This will copy the URL you have highlighted to your clipboard.

elementproperties-highlighted.gif

Step 2:

Now that you have the URL copied to your clipboard you can go back to your AWeber account and open the message where you want to insert the image.

Place your curser at the exact place in your message where you want the picture to be displayed and click on the “Insert Image Button” in the HTML editor.

imagebutton.gif
This will now bring up a box titled “Image Properties”

Place your cursor in the text box labeled “Image URL:”. Hold down the CTRL key on your key board and click the letter “V”. This will paste the url you have saved to your clipboard into this text field.

imageproperties.gif
Finally click “Ok”.

You have successfully inserted a picture in your HTML email.
addedpicturetoemail.gif

If you do not have a website you can still use an image that you have saved on your computer. You need to first insert that image online by using one of many free online photo services such as photobucket.com. Once you have decided on a photo sevice please read their rules carefully as they might have specific regulations on using their service to display pictures on a website or email.

8 Comments

  1. Sergio

    8/10/2006 8:09 pm

    Very well explained.

    Short and to the point.

    Screen shots were extremely helpful to understand
    this process!

  2. Frank Brill

    8/10/2006 9:23 pm

    This answers several questions I’ve been promising myself to research “someday when I find time.” You’ve saved me both
    the time and trouble. I definitely will be clipping this.
    Thanks, Sean.

  3. Derek Keith

    10/17/2006 3:54 pm

    Is is not amazing
    how simple it all is
    when someone shows so clearly
    just how to do the biz

    This detailed explanation
    has helped me understand
    what in the past has stolen
    hours I hadn’t planned

    So thank you for the trouble
    you take to luminate
    the kind of thing that hurts my brain
    on problems that I hate.

    Now my trade news letter
    instead of boring text
    will blossom with the vibrancy
    of pics when broadcast next

  4. » Three Easy Ways to Brand Your Campaigns - AWeber Blog

    12/21/2006 9:24 am

    […] How to: reference Sean Cohen’s blog article on inserting a picture in your HTML messages […]

  5. Mandy Evans

    8/8/2009 2:07 pm

    It would be wonderful to have a browsing feature to get photos from a computer that are not on the web, the way blogs do.

  6. Mark D Worthen PsyD

    12/18/2009 1:34 am

    Your Twitter link is not working–there’s some glitch with the TweetMeme program.

    Great tutorial! (I was going to tweet it … 😉

  7. Dr. Camesha Hill-Carter

    9/21/2011 6:38 pm

    This was very helpful. Now, I don’t have to go to constant contact.

  8. Dave Small

    2/29/2012 4:30 pm

    Can I get pictures from my computer and add them here. I don’t want to put them on my web site. Please help.

    Thanks