Skip to content
English
  • There are no suggestions because the search field is empty.

Add a Clickable Video Preview to Your Emails (BombBomb & Loom)

Adding a video preview to an email is an engaging way to connect with your contacts. Whether you’re using BombBomb, Loom, or another video platform, you can quickly add a clickable video to your email or automation. Recipients can click the preview image to watch the video in their browser.

Make your emails pop with a clickable video preview! Whether you’re using BombBomb or Loom, you can easily add a GIF or image that links to your video—perfect for engaging your recipients and increasing views.

BombBomb How-To: Click here
Loom Help Center: Click here

Before You Begin

  • You must have access to your video platform account (BombBomb, Loom, etc.).
  • This process works for direct emails as well as email templates in automations.
  • Video cannot play directly in most email clients. Instead, a clickable preview GIF or image is used to link to the video.

⚠️ Pro Tip: Avoid advanced HTML (like iframes) in emails, as this may impact deliverability or get stripped by the recipient’s email client.


🚀 Why Use a Clickable Video Preview?

  • Grab attention with animated GIFs or thumbnails.

  • Drive clicks to your video without relying on email clients to play video directly.

🚧  Video cannot play within an email itself. This is not a limitation of any email service, but how email clients work. There are some unique exceptions. However, no matter the CRM or email marketing service used, there is not a good way to send an email that will play a video within the email with consistency across all email clients. So this method ensures consistent delivery and engagement.


Step 1: Prepare Your Email ✏️

  • Open the contact you want to email.

  • Click the Email icon to open the drawer.

  • Draft your email content—don’t send yet!

Step 2: Grab Your Video Preview 🎬

BombBomb

  • Navigate to your video library from the left sidebar under Workspace.
  • Find the video you want to embed and click the three-dot menu in the upper-right corner of the video thumbnail. 
  • Click Embed from the drop-down menu.
  • Click Copy Embed Code. See BombBomb’s official guide here.

Loom

  • From your video's share page, click Share above the video and click Embed
  • Click on "Copy thumbnial code"
    chrome_ojmlq1lhlk

Step 3: Add the Video Preview to Your Email 💻

  1. Switch your email to HTML mode (Text | HTML).

  2. Place your cursor where you want the video preview (after your text, before your signature).

  3. Paste the code:

Here are clean examples for Loom and BombBomb:

<!-- ✅ Loom Video Embed -->
<div style="text-align:center; margin:20px 0;">
  <a href="https://www.loom.com/share/36b8eba5b82a4970ade52f424829971d" target="_blank" style="text-decoration:none; color:#333;">
    <img src="https://cdn.loom.com/sessions/thumbnails/36b8eba5b82a4970ade52f424829971d-7e9fbaf7bcee4109-full-play.gif" 
         alt="Watch Loom Video" 
         style="max-width:480px; border-radius:12px; box-shadow:0 4px 12px rgba(0,0,0,0.15);">
    <p style="margin-top:8px; font-size:16px; font-weight:500;">▶ Watch this Loom Video</p>
  </a>
</div>

<!-- ✅ BombBomb Video Embed -->
<div style="text-align:center; margin:20px 0;">
  <a href="https://bbemaildelivery.com/bbext/?p=video_land&id=ba5c0321-ca26-7917-003d-c2da39c33ffe" target="_blank" style="text-decoration:none; color:#333;">
    <img src="https://content.bombbomb.com/video_thumbs/ba5c0321-ca26-7917-003d-c2da39c33ffe.gif?r=88942" 
         alt="Watch BombBomb Video" 
         style="max-width:480px; border-radius:12px; box-shadow:0 4px 12px rgba(0,0,0,0.15);">
    <p style="margin-top:8px; font-size:16px; font-weight:500;">▶ Watch this BombBomb Video</p>
  </a>
</div>

Look for a <p> tag right after your intro text. That’s a safe spot to paste your embed.

Step 4: Preview & Test ✅

  1. Click Show Preview to check your video preview.

  2. Send a test email to yourself for direct emails.

  3. For automation emails, save and include in your workflow.

Here’s an example layout:

 <p>Hey there,</p>
<p>We just recorded something special for you. Check it out below 👇</p>

<!-- 🎬 YOUR VIDEO CODE GOES HERE -->
<div style="text-align:center; margin:20px 0;">
  <a href="YOUR_VIDEO_LINK_HERE" target="_blank" style="text-decoration:none; color:#333;">
    <img src="YOUR_THUMBNAIL_OR_GIF_LINK_HERE" 
         alt="Watch Video" 
         style="max-width:480px; border-radius:12px; box-shadow:0 4px 12px rgba(0,0,0,0.15);">
    <p style="margin-top:8px; font-size:16px; font-weight:500;">▶ Watch this Video</p>
  </a>
</div>
<!-- 🎬 END VIDEO CODE -->

<p>Talk soon,</p>
<p><span data-type="mention" class="merge-field" data-id="email_signature"></span></p>

Replace:

  • YOUR_VIDEO_LINK_HERE → with your Loom or BombBomb video link
  • YOUR_THUMBNAIL_OR_GIF_LINK_HERE → with your video’s thumbnail or animated GIF URL
chrome_CqGO05yAC2

Example Animated Preview 

Perfect for birthdays, updates, demos, or any engaging email!

⚠️ Important Notes

  • Works for both BombBomb and Loom.
  • Do not switch back to Text mode after adding HTML.
  • Videos cannot play inside emails, but this method guarantees clicks and views.
  • Don’t try to use <iframe> or advanced HTML (most email clients strip these out)

Need more help? Check out:

⚙️  To learn the basics of sending an email from a contact record, click here.

📽️  To watch a video on sending an email from a contact record, click here.