Embedding YouTube Videos
Adding a video to your campaign email is a powerful way to increase engagement. The Booked55 email editor includes a built-in YouTube embed button that inserts a clickable video thumbnail into your email. When recipients click the thumbnail, they are taken directly to the video on YouTube.
How to embed a YouTube video
- 1
Open the email editor
Start creating or editing a campaign email. The rich text editor toolbar is displayed above the email body.
- 2
Click the YouTube button
In the toolbar, click the YouTube icon (the red play-button icon). A dialog bar appears below the toolbar with a URL input field.
- 3
Paste the YouTube URL
Copy the video URL from YouTube and paste it into the input field. Supported formats include standard watch URLs (youtube.com/watch?v=...), short links (youtu.be/...), embed URLs, and Shorts URLs.
- 4
Click "Insert"
Press "Insert" (or hit Enter). A high-quality video thumbnail image is placed in your email body, linked to the YouTube video.
- 5
Continue editing
The thumbnail appears inline in your email. You can add text before or after it, insert additional videos, or continue composing.
Supported YouTube URL formats
The embed tool automatically extracts the video ID from any of these URL formats:
| Format | Example |
|---|---|
| Standard watch URL | https://www.youtube.com/watch?v=dQw4w9WgXcQ |
| Short link | https://youtu.be/dQw4w9WgXcQ |
| Embed URL | https://www.youtube.com/embed/dQw4w9WgXcQ |
| Shorts URL | https://www.youtube.com/shorts/dQw4w9WgXcQ |
| Video ID only | dQw4w9WgXcQ |
If the URL is not recognized, an error message is shown. Make sure you are copying the video URL (not a channel or playlist URL).
What gets inserted in the email
When you embed a YouTube video, the editor inserts the following into your email:
- A thumbnail image — A high-quality preview image from YouTube (480px wide), automatically fetched from
img.youtube.com. - A clickable link — The thumbnail is wrapped in a link to the YouTube watch page. Clicking it opens the video in a new browser tab.
- Rounded corners and border — The thumbnail is styled with subtle rounded corners and a light border for a polished look.
The resulting HTML looks like this:
<a href="https://www.youtube.com/watch?v=VIDEO_ID" target="_blank">
<img src="https://img.youtube.com/vi/VIDEO_ID/hqdefault.jpg"
alt="YouTube Video"
width="480"
style="max-width:100%;border-radius:8px;" />
</a>Embedding in HTML mode
The YouTube button works in both the visual editor and HTML code view:
- Visual mode — The thumbnail appears directly in the editor as a visible image. You can type before and after it.
- HTML mode — When you are in the code view (the < > toggle), clicking the YouTube button inserts the raw HTML at your cursor position in the textarea. The HTML includes inline styling with a border and rounded corners.
Adding multiple videos
You can embed as many YouTube videos as you need in a single email. Each time you click the YouTube button and insert a URL, a new thumbnail is added at the cursor position. Consider these layouts:
- Stacked — Place videos one after another with descriptive text between them.
- Featured video — One large video at the top with a brief introduction, followed by your main email content.
- Resource section — A “Watch more” section at the bottom with multiple smaller thumbnails.
Using AI to generate HTML emails with videos
When using AI tools like Claude to generate HTML emails, you can include YouTube video thumbnails in your prompt. Tell the AI the video URL and it will generate the correct HTML. For example:
Include a YouTube video thumbnail for this video:
https://www.youtube.com/watch?v=rAZV-s-mEJo
Display it as a clickable image (480px wide) that links
to the YouTube watch page. Use the YouTube thumbnail URL:
https://img.youtube.com/vi/rAZV-s-mEJo/hqdefault.jpgTroubleshooting
| Issue | Solution |
|---|---|
| “Invalid YouTube URL” error | Make sure you copied the full video URL, not a channel or playlist link. The URL must contain an 11-character video ID. |
| Thumbnail does not appear in test email | Some email clients block images by default. The thumbnail will appear once the recipient enables images. This is normal behavior. |
| Thumbnail shows a generic gray image | The video may be private, unlisted with restricted embedding, or recently uploaded (thumbnails can take a few minutes to generate). Verify the video is publicly accessible. |
| Link goes to wrong video | Double-check the URL you pasted. In HTML mode, verify both the href on the link and the src on the image contain the correct video ID. |
Best practices
- Place the video prominently — Put important videos near the top of the email where they are most likely to be seen.
- Add context — Write a sentence above the thumbnail explaining what the video is about and why the recipient should watch it.
- Use public videos — Private or unlisted videos may not display a thumbnail. Make sure the video is publicly accessible on YouTube.
- Test before launching — Always send a test email to verify the thumbnail loads and the link works correctly.
- Combine with a CTA — After the video thumbnail, add a text link or button for recipients whose email client blocks images: “Watch the video here.”
Next steps
- Writing Campaign Emails — Visual editor, HTML mode, and AI-generated emails.
- Campaign Detail — Test your email with embedded videos.
- Launching & Monitoring — Send the campaign and track progress.
Ready to get started?
Create your free Booked55 account and start managing your sales pipeline in minutes.