Adding a video preview to an email can be done with a just few steps, if you use BombBomb or another video service. By simply copying the 'email code' and pasting it into an email, you can send quick and compelling interactive emails.
📽️ For more information on BombBomb videos, you can view their How-To article here.
Before you begin, you must have access to your BombBomb account or other comparable video distribution service.
This process is comparable whether you are sending a direct email to a contact, or setting up an email template in an automation. In this case, we will be sending directly from a contact. However, after learning the process, go here to learn how to build a contact based automation.
⚙️ 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.
🚧 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.
- First, we will locate and open the contact you wish to send an email to. Click the 'email' icon to open the Send Email drawer. Type out the entire email, but do not send.
- Now, we will work on After locating the video in BombBomb (or other video platform) look for and click, 'Share Video'.
- Next, click the 'Copy For Email' button to store the email code to your clipboard.
- Once we have the code copied to our clipboard, it's time to go back into Aidium to finish the email. Look for the toggle/button: 'Text | HTML', click it and then confirm the change to HTML.
- After switching to HTML edit mode, look for a "<p>" after the text you just added but before the 'email signature' merge tag. Click to set your cursor after the <p> tag, but before the </p> tag.
When your cursor is set, paste the code you copied from your video service to place the email code. See the animated GIF below for a demonstration.
- Below is the email we sent out using the instructions above.
- If you want to set a team email template up for future, automated use, you can use the above instructions to add the email video code within Automations. For a walk-through of building a contact automation, click here.
🚧 While this is a great method for quickly adding an animated GIF with a link out to a webpage - this method does not embed a video into an email. It's strongly suggested to never include advanced HTML into an email, this includes iframes. Doing so will greatly impact email discoverability and most advanced HTML will automatically be stripped by the recipient email service
Video Walk-through
Below is what the HTML code will look like after adding the video and the <br> tags, referenced in the video. The section is BOLD is the extra spacing we added, as well as the BombBomb email code itself.
<p>Hey Kenzie,</p>
<p>
</p>
<p><br><br>
<a href="https://bbemaildelivery.com/bbext/?p=video_land&id=ba5c0321-ca26-7917-003d-c2da39c33ffe" target="_blank"><img src="https://content.bombbomb.com/video_thumbs/ba5c0321-ca26-7917-003d-c2da39c33ffe.gif?r=88942" style="max-width: 480px; max-height: 480px;"></a>
<br><br>
</p>
<p>
<span data-type="mention" class="merge-field" data-id="email_signature"></span>
</p>
👍 This concludes adding BombBomb email preview code within an email