Video is one of the most effective ways to engage your audience. Fortunately, you can insert the YouTube Video drag-and-drop Zone into your templates and messages to create customizable video links to your YouTube videos.
What are Zones?
Available on the Zones tab of the Message Editor (Email Designer view only), Zones are the main building blocks you'll use to build the structure and content of your messages. Think in terms of building a message out of Lego blocks: Each zone can be dragged-and-dropped onto the Canvas to create a new object block for message layout, text, images, social sharing icons, dynamic content, and more.
NOTE: To learn more about the Message Editor and the other Zones types, see Message Editor - Zones.
Add a YouTube Zone
- While editing a template or message via the Message Editor, drag and drop the YouTube Zone to the desired location.
- On the Preview tab, specify the URL of the video in the top field.
- Below, you'll see two radio buttons that "dress up" the link to have it display as an image:
- Use the first to have YouTube automatically generate an image for you.
- Use the second to upload your own image (via the Browse button).
NOTE: The width limit for an image is 650 pixels. You will be alerted if your image is wider than this, along with a recommendation to edit the image.
- (Optional) Click Properties to customize the image's properties. Refer to the Optional video properties section below to learn more.
- When finished, click Insert to add the YouTube video link to the specified location in your message.
Optional video properties
The options described below are optional.
- Click the Alignment dropdown to select the horizontal alignment of the image.
- Specify numeric values in the HSpace and VSpace fields.
- HSpace - Use this to create spacing to the left and right of the image.
- VSpace - Use this to create spacing above and below the image.
- Specify alternative text in the Alt Text field; refer to Alternative text, below, for information.
- The URL of the video displays in the Link URL or Email Address field; click Edit Link to change it.
- Click Advanced - Edit CSS to expand two additional options (these options are meant for users experienced in CSS):
- Class - Here, you can provide a predefined CSS class to apply to the image.
- Style - In this field, you can enter the exact CSS values with which you'd like to style the image.
Edit your YouTube video image
After you've inserted the image, the Edit as Copy button displays below it. Click this to make changes to it.
NOTE: Updating an image results in it being saved as a copy of the original, and you will have an opportunity to give it a unique name.
Alternative text in your messages
Alternative text is a "supporting feature" of web-based images and a basic tenet of good accessible web design.
When you use alternative text in your messages, the text that you specify:
- displays in place of the image if the inserted image fails to load and
- is read by screen-reading tools to describe the image to the visually impaired.
Because your image is actually a decorative link to a video, make sure that it's alternative text clearly describes its purpose.
EXAMPLE: For this video-link image:
"Rider leaning motorcycle around turn with fans in background"
accurately describes the image but is not helpful as alternative text. Whereas:
"Link to motorcycle racing highlights video"
is a much better indicator of the image's purpose: it links to a video about motorcycle racing.