Add Video Links to your Custom Constant Contact Template

via Constant Contact

Adding Video Links (and Pizzazz) to Your Email

Videos in your emails are a great way to inform your readers without having to rely on text alone. You can use videos to show off a new product, give a demonstration of a service, or to make a better personal connection with your customers and members.

Constant Contact makes it easy for you to add a video thumbnail and link to an email. Your readers can click on the video image and be connected to the website hosting your video (YouTube, Vimeo, or Blip.TV).

Q: Love the new Video Insert feature, but does it work for custom templates?

A: When you are working in a custom HTML or XHTML template the sky is the limit when it comes to what you can accomplish with your code. However, if you’re like me, sometimes you don’t care so much about reaching the sky as you do about adding something that will save you time and spruce things up in a hurry.

So, while the Video Insert button doesn’t work directly with your custom template, we certainly have a way that you can still take advantage of the feature with just a few steps:

Get the URL for the Video Insert Thumbnail You Want:

  1. Create a new email by going to Email Marketing > My Emails > Create.
  2. Choose any of Constant Contact’s templates, name it something simple, and proceed to the Email Layout Page. Don’t worry about what you name it or which template you choose! We’re just creating the email so we can access some useful code.
  3. Click to edit a block and then click the Video Link button in your left-hand menu options.
  4. Follow the “Insert Video Link” prompts to access the video you want linked, adjust the thumbnail image, and insert it into your block.
  5. Double-click (or right-click) on the image in your block and select “Change”.
  6. In the pop-up window, you’ll find the field for that image’s URL.
  7. Copy that URL, close the pop-up window, and leave the email.

Put the URL into your Code:

  1. Edit your Custom Template email.
  2. Use the image URL you copied in an image tag and link it to your YouTube, Vimeo or Blip.tv video with an “a href” tag.
    Tip: Remember, if you are using an XHTML template, you need to remember to close the image tag out properly!
  3. Go ahead and click Preview.

You’ll have the thumbnail image, complete with a play button and matching YouTube, Vimeo, or Blip.Tv frame!

Email Marketing with Constant Contact