Spirit - Video Email (optional) + Themebuilder
This guide explains how to implement HTML5 video in emails, including supported formats, fallbacks, and platform compatibility, along with theme builder options, version history, and feature highlights.
Video in Email
The Video is coded with HTML5 and will work in Apple mail, iPad and iPhone. Other mail clients see a fallback image of your choice.
Video sources and fallbacks
- Replace your .mp4 URL in the first input field on the left menu called “Video”. The .mp4 video is showing in your Email and on the web in the Safari browser.
- Replace your .ogg or .ogv URL in the second input field on the left menu “Video”. The .ogg or .ogv videolink isn’t mandatory but we advice to add this video format to support a range of webbrowsers (like Firefox or Google Chorme).
- Replace your fallback image in the third input field on the left tab called “Video”. The fallback image is meant for Email clients that don?t support html5 videos in Email so your image will be shown.
Platform limitations
MailChimp don’t accept HTML5 video’s, it’s impossible to send an email with video through their system. If you export your file as a MC file you will see a normal 600 pixel fixed width image (like the fall-back image). The HTML5 video is working when sending your email through Campaign Monitor, Constant Contact, or some other Email platforms.
You can check the Autoplay button if you want to send your Email with a Autoplay function.
If you don’t understand how to convert a video we advise to use an video converter on the web (like clipconverter.cc) or download an video coverter App.
If you don’t have a video URL yet, no worries, we have a test .mp4 and .ogv URL so you can see it works. Copy paste this URL:
- http://www.rocketway.net/video/marketing.mp4
- http://www.rocketway.net/video/marketing.ogv
Optional width for the overlay image: 600px width x 329px height.
Theme Builder
Regarding the frequent question where to find the full version of our themebuilder here’s a quick explanation: In the download you?ll see a folder called ?Themebuilder? open it and click on the link to get access to the full unlocked themebuilder.
Note: The Themebuilder files aren’t included, you?ll get a link which you?ll give access to use our Themebuilder.
Update request?
We are people who love to improve their work, please give us some feedback if you have a great idea to improve this theme with an update (ie. a certain element you miss), it?ll be great to hear from you!
Version history
Version 1.1: November 18, 2014
- Updated Themebuilder
- Bug fixes MailChimp
- Updated code
Version 1.0: September 12, 2014
Features
- A link to our ThemeBuilder
- HTML5 Video in Email
- Export to desktop
- Change background image / patterns
- Drag & Drop modules
- Duplicate or hide modules
- Unlimited Structures and Colours
- Full Width Design
- Clean Commented Code
- PSD Photoshop File included
- Documentation
- Email Services Compatibility
- MailChimp
- Icontact & Campaign Monitor
- Tested with Litmus
- Mobile responsive
- And many more!
Font Compatibility
Fonts supported in email templates include those that allow custom web fonts:
- Email Clients that support custom web fonts: iOS Mail, Apple Mail, Android (default client), Thunderbird. Other clients will show a standard fallback webfont.
Premium Fonts
RocketWay Email Templates are supporting the Premium Proxima Nova font. We own a license which makes it legal to let RocketWay customers use this font in their email templates. The only condition is that these fonts are hosted on our server.
Responsiveness
The HTML includes inline CSS and is coded with media queries. These media queries handle responsiveness based on the devices screen size. Attached a screenshot which shows you the devices supporting media queries.
Campaign Monitor Support
If you imported a template in Campaign Monitor, you are able to edit texts, buttons and images. We didn’t include repeater tags and layout tags so be aware not all features will be available in their builder.
Browser Compatibility
- Gmail (background images doesn’t stretch as Gmail ignore CSS in background images) to fix this: upload a large bg image (2000px width)
- Yahoo Mail
- Apple Mail
- Microsoft Outlook (don’t support background images)
- Hotmail
- Mozilla Thunderbird
- iPhone, iPod & iPad
- Eudora
- Foxmail
- IncrediMail
- Mail
- Opera Mail
- Sparrow
- Spicebird
- Not supported
- Gmail App for Android
Credits
Credits Stockphoto’s: superfamous.com, picjumbo.com, graphicburger.com and unsplash.com (Not included).
The information on this website is sourced from the
ThemeForest product page
.