In this article, we have outlined the four main different ways you can use the HTML Editor in Splio. Note that Message Builder and the HTML Editor are not compatible and that you should prefer using Message Builder if you do not know how to code your emails or do not have a pre-built HTML code available.
Required fields before creating your email
1. Uploading a file
2. Using the visual editor
3. Using the code editor
4. Importing from a URL
Fix and optimize HTML code for email
Options available when using the HTML Editor
Required fields before creating your email
The "About" page records all the sender and header information of your message:
- Message’s subject (subject that appears into your users’ inbox)
- Message name (for your own records)
- Sender’s email address (ex: contact@splio.com)
- Sender’s name (ex: "Splio")
- Reply-to email address (if different from sender’s email address)
- Language of the message (default language, will be used for the unsubscription page)
Splio will pre-configure the sender name, email address, reply-to address with the universe's default (set in ADMIN).
Once the "About" section is filled, you have four different options available which are explained hereafter:
- File upload: Upload a zip file containing your HTML and pictures, relatively linked
- Visual editor: Create your HTML using a WYSIWYG editor /!\ not recommended
- Code: Copy & paste your HTML
- Importing from URL: Upload an HTML file directly from an URL
1. Uploading a file
There are two ways to use the file mode.
Uploading a Zip file (images hosted by Splio)
- The links of your images must be relative in order to be hosted.
- The Zip archive must follow the chain of your links (ex: /img/ or /images/).
A relative link is when the link originates from the HTML file, following the structure of your zip (ex: /images/logo.png).
Uploading an HTML file only
You may upload an HTML file without images, using images hosted on another server. Therefore, all img sources must be to an absolute link.
An absolute link is when the link originates from the root of the server (ex: http://www.splio.com/images/logo.png)
2. Using the visual editor
If you want to create an email design using the WYSIWYG, we strongly recommend using Message Builder instead as the HTML visual editor is not intended for this type of use.
3. Using the code editor
You can use the code editor to copy & paste your HTML code directly instead of uploading your HTML file. This method is preferred if you are using conditional blocks in your HTML.
4. Importing from a URL
Copy & paste the URL of an HTML email hosted online. If your HTML has relative links to images, Splio will transform them into absolute links towards your server.
Fix and optimize HTML code for email
This option cleans and optimizes your code for email. It will apply all CSS classes found in the code to inline styles (class=””
to style=””
). It will also remove all sensible tags rejected by MailBox Providers, such as <object>
, <script>
, <map>
, <area>
, etc.
Use this option carefully. It works well for simple HTML code, but can be tricky to use with complex HTML.
Test thoroughly your message after using this option.
Options available when using the HTML Editor
The text version tab
Splio supports the dispatching of messages in multi-part mode, which allows you to send a text message and an HTML message at the same time.
The recipient's mail client will choose the version to display based on the application's preferences. HTML overrides text by default.
Setting up Google Analytics tracking
If you are using Google Analytics on your website and wish to identify your visitors’ source, fill in the fields. The information you type in will be transmitted to your GA account, to help identify the source of visitors coming from your campaigns.
While source and medium are pre-configured for you, they will not be taken into account unless you enter a campaign name. They can also be changed to your liking. You can refer to our article on this topic.
Campaign name
Indicates from which campaign or action your visitor came from. For instance, if you are using different kinds of email campaigns, you could name them accordingly (ex.: 2013-04-10_ PromoWinterParis, WeeklyNewsletter_05-04-13).
Source
The source in Google Analytics is the origin of the traffic, such as a search engine or domain (e.g.: splio.com). In case you are using multiple direct marketing service providers, you can use the source to identify the incoming traffic.
If you enter a campaign name and do not specify the source, the default value will be “Splio”.
GA will not count openings or openers. It will only track the users that click links going to your website.
Medium
The medium is usually the general category of the source, such as pay-per-click or organic search.
If a campaign name is specified but you do not specify the medium, the value will be set as “email”.
Attachments
You can attach files to your email messages, such as images, Word documents or PDFs. It is not recommended to exceed 5MB in size as it may not fit in all inboxes, resulting in your messages not reaching all recipients. Executable and self-executing files are automatically rejected. In general, you should try to use hosted documents and links and not attachments, for deliverability reasons.