How to create email marketing with video using Hubspot and Viewed
In this tutorial you will learn how to easily create, configure and send an email marketing campaign with video that plays directly in the inbox. Yes, it’s real!
Viewed is a platform that solves the problem of embedding video with autoplay in email marketing campaigns, easy to use, mobile-friendly and 100% compatible with Hubspot. You can create professional, high impact and dynamic email campaigns that increase CTR up to 280%.
To create a campaign you must have your video and HTML template.
1. Create your Viewed Account
If you don’t have an account, create one here. By default, you will be logged in the FREE plan, that includes 100 video impressions to make some tests. You can upgrade your plan or purchase extra video impressions as needed. Viewed delivers millions of videos in email every day. It has solid servers and is partner of Amazon and Google Cloud to deliver your videos in the emails, regardless of the volume or concurrent users.
2. Upload your Video File
Select your video file from your computer. The Viewed platform is compatible with all video formats such as mp4, avi, mov and flv. Press the green button, select your video and click the yellow button to upload it. Viewed will automatically create all the necessary video formats to be compatible with every Operating System, device or navigator.
3. Video Succesfully Uploaded
If your video has been succesfully uploaded you will see it in your Videos List with the active status. Click on the CREATE CAMPAIGN button. You should upload your video in the best quality, but with the limit of 120 Mbytes. If you need more Mb, please contact us here.
4. Create your First Viewed Campaign
Perfect! Now is time to create your first video email campaign. It’s so easy it will take you just a couple of minutes. Put a name to your Campaign and introduce the number of people you want to reach. Select Auto-play if you want your videos automatically play in the email when suscribers open the email. Note that some email clients, like Oulook Desktop PC, are not compatible with autoplay, but in this case Viewed will show a fallback image with a play icon. Everything is automated. Choose loop to play the video again and again, and mute to play it in silence.
5. Insert your Video Width
Enter the width in pixels for the size you want your video to be displayed in your HTML design. In this example we are using the standard You Tube resolution: 640px of width. An img tag is generated in order to you indicate where you want to place your video in your HTML design. Copy this img tag and open your HTML file.
6. Paste the code into your HTML Template
Paste the code created by the Viewed platform into your HTML Template. Place it where do you want to be displayed. We usually insert the code within a table tag. Then save your new HTML TEMPLATE to your computer.
7. Upload your new HTML Template
Now that you have pasted the img tag into your HTML document and you have saved changes, you have to SELECT HTML from your computer and press the NEXT button.
8. Coffee Time!
Is time to take a cup of coffee. It will take just a few minutes. Relax, our System is in charge.
9. Preview your Video Email
You can check how your video email looks. Press the blue botton to see a preview of your new video email template. In case video is not supported by some email clients, a preview video-GIF will be shown. You can view the video-GIF generated by Viewed and the fallback image for Outlook Desktop PC cases. If you are happy with this, please press NEXT, if not, you can customise this images or the animation GIF by uploading yours. When you are finished you can update to see the changes and click the NEXT button.
10. Download your Viewed HTML Template
Download your HTML VIDEO EMAIL TEMPLATE, and you’re ready to send your video email campaign with Hubspot. Be sure that you have enough video impressions in your Viewed counter to manage your campaign. Tipically, you will need 80% of your open rate. For example, to launch a campaign to 100,000 suscribers with an open rate of 10%, you will need aproximately 8,000 video impressions.
11. Time to Go to Hubspot
Now that you have your Viewed HTML Template is time to go to Hubspot to start your campaign. Just log in to your Hubspot account.
12. Create a template in Hubspot
It is very important that you follow the steps described below. If you create the campaign in another way, you may lose compatibility with Viewed.
Go to section CONTENT > DESIGN MANAGER and click on the button NEW TEMPLATE. A pop-up window will appear in which you have to select CODE EDITOR and EMAIL, then click on CREATE. Set the name to your template, select the folder where you want to host it and click on SAVE.
13. COPY AND PASTE your Viewed email video template
In the file that we have just generated an html code will appear and we have to eliminate. Select all the code and delete it. Next, copy all the HTML text of the template that you have downloaded from Viewed and paste it. When you paste it you can visualize it by clicking on the PREVIEW button. Save the changes by clicking ACTIONS > SAVE.
14. Publish your template in Hubspot
Enter the variables that Hubspot requires to avoid Anti-Spam filters. A SEE HUBSPOT VARIABLES.
Then click on PUBLISH and a window will appear where you have to select the checkbox “Make this template …” and click on PUBLISH. Ready!!! Now we can create our campaign.
15. Create your campaign
Now go to the EMAIL section to create the campaign. Go to CONTENT> EMAIL and click on CREATE EMAIL to create a new campaign.
16. Select your template
Select the template with video that you have just created. Enter a name for your campaign and click on CREATE EMAIL.
17. Configure and send
Finish configuring the rest of your campaign (subject, list, time) and send it whenever you want.