How to Embed an Animated GIF in HTML for Email Advertising

Written by scott stanchak
  • Share
  • Tweet
  • Share
  • Pin
  • Email
How to Embed an Animated GIF in HTML for Email Advertising
An animated gif is essentially a motion graphic. (animated ornament image by Pix by Marti from Fotolia.com)

E-mail advertising campaigns are a successful tool for promoting your business or product. Plain text, however, is boring and can be overlooked by recipients. Adding some flair to an e-mail serves as an attention grabber. One example is an animated gif, which is essentially a motion graphic.

Skill level:
Easy

Other People Are Reading

Things you need

  • HTML editor

Show MoreHide

Instructions

  1. 1

    Launch your HTML editor. Open the HTML file in which you're looking to embed the animated gif.

  2. 2

    Place your cursor in the spot where the animated gif will reside.

  3. 3

    Copy the following code into that location:

    <img src="URL" />

    Replace the URL with the link to the animated gif. Make sure it's the full URL with http:// and not just the directory on your server.

  4. 4

    Alter the location of the gif, if necessary. You can embed the graphic within text, either to the left, right or middle of it. Add the code align="left" after the quotation mark after the URL. Replace left with right or middle, depending on your desired location.

    Example:

    <img src="URL" align="left" />

  5. 5

    Save your HTML document. Preview it in your browser to confirm the changes were properly made. If so, copy and paste the HTML into your webmail program and send.

Don't Miss

Filter:
  • All types
  • Articles
  • Slideshows
  • Videos
Sort:
  • Most relevant
  • Most popular
  • Most recent

No articles available

No slideshows available

No videos available

By using the eHow.co.uk site, you consent to the use of cookies. For more information, please see our Cookie policy.