Creating an Email Based on Your HTML Template in UniSender

Create an Email From Your HTML Template

In addition to the WYSIWYG drag-and-drop editor, UniSender provides an HTML editor where you can upload and edit your HTML email templates. You can simply paste in the code as-is, or modify it in the editor. It’s best to use the editor when you need to upload an HTML email and slightly change its content (for example, update the email text).

Please note:

UniSender’s HTML template editor will automatically format your source code. It will add missing tags and indents. If you want to paste in your code without changes, use a different method described here.

To edit your HTML email template, follow these steps.

In your personal account, click Create a campaign — Email from the top-pane menu.

Create an Email

Next, navigate to the Start from scratch tab and choose HTML editor.

Create an Email

You will be redirected to the HTML editor interface.

Create an Email

There are three ways to upload a ready-made HTML template into the HTML editor.

  1. Copy and paste the HTML code.
  2. Import an email from a web address.
  3. Upload an email from a file.

Let’s take a closer look at each of these methods.

Paste in HTML code

Please note:

Pasting in HTML will only work if the images you use in the email design are stored in a cloud. All image links should be coded as absolute URL paths that point directly to the web server. Otherwise you’ll have to import images manually.

To paste in HTML code, follow these steps.

On your device, find the file with the HTML code you want to use, and open it in any editor, such as Notepad. Select and copy the entire code.

Create an Email

Go back to the UniSender HTML editor.

In the top editing toolbar, click Source.

Create an Email
This will take you to the source code editor window.

Create an Email
Select and delete the default source code, then paste in the HTML of your design.

Create an Email

Click on Source again to switch to the visual view.

Done. The template is ready for use.

Create an Email

Import email template from an URL

This approach works the same way as with uploading files from the computer, only the file is stored on a web server. This way, you can import your designs from cloud storage services like Dropbox.

To import HTML from URL, take the following steps.

In the top toolbar of the HTML editor, click Load from url.

Create an Email

In the Web Page URL field, type the URL where your email design is stored.

Choose how to attach images in an email:

  • Download and attach. Images will be automatically uploaded, hosted and pulled into the email from the UniSender file manager.
  • Keep as external links. Images will be loaded from their original storage and image addresses will remain the same.

Click Load.

Create an Email
That’s it. Your template is ready to use.

Create an Email

Import email template from a file

The UniSender HTML template editor supports rar, zip, 7z and html files.

Please note:

To upload an email template file from your computer, you will first need to compress your HTML file as well as the associated images into a single ZIP file. The images can be either put in the root directory of the ZIP file, or into a subfolder.
Your images should use relative URLs, e.g. <img src=»./images/image.jpg»>.

To create a compressed file in Microsoft Windows, right-click the index file and the image folder, then go to Send to and select Compressed (zipped) folder.

Create an Email
The compressed file is ready. Now you can upload it to UniSender.

Create an Email
In the top toolbar, click Load from file.

Create an Email
In the popup modal, click Choose file.

Create an Email
Make sure the modal displays the name of the attached file. Click Load.

Create an Email
The template is ready.

Create an Email

Useful links:

Create an Email From HTML Template in UniSender
Insert Your HTML Code

Did we answer to your question?

0
0