In the content builder, you can import HTML. Here's how:
- Go to Email > Email campaigns.
- Select New email.
- Select a blank template.
- In the editor, select Import HTML. You can import a .zip file or HTML.
The presence of any scripting language code is almost always flagged as potentially malicious and leads to your message being kept out of inboxes by any respectable spam filter. To protect against this, HTML email bodies are automatically stripped of any scripting language when found.
Troubleshooting
Error: More than one HTML file in the ZIP file. Please attach only one HTML file in the ZIP file
Double-check that when you prepare your HTML for import that it only contains HTML and image files. If you see this message it could be because when a file is compressed on a Mac computer, a special Mac OS X related file is added to the compressed file. This Mac file is not visible when you open the compressed file on a Mac computer. If you open that same compressed file on a PC, the special Mac file is visible, which you can delete.
Tip: If you are on a Mac computer, you need a third-party compression tool. Campaign does not recommend or specifically endorse any one product, nor do we assume responsibility for or provide support for other products. However, Keka and Yemu Zip are third-party Mac compatible compression programs that allow you to either see the extra file or set the default option to not create it.
Error: This file is invalid for use as the following: Certificate Trust List
If you see the message "Error: This file is invalid for use as the following: Certificate Trust List" after you export an email and attempt to open the .stl file, you should still be able to import the file without any issues. Go to Email campaigns, select Import > Browse and select the .stl file. Optionally, you can give the template a new name and select a contact source. Save the file in a shared or private folder and click OK.
Extra code is added into your email
After you import an email, you see that new code is added in the head tags and Cascading Style Sheet (CSS). The code also includes random characters and dimensions for background images. This code repeats several times in the template and does not exist in the original HTML file.
.gr-btn-hover-menu_referral
.gr-btn-hover-menu_line.gr-btn-hover-menu_line-referral:before
The Chrome plug-in called Grammarly inserts this code. To get rid of this code, disable the plug-in and then re-import your HTML code. You can also perform the import from an Incognito Mode window, which disables all plug-ins.
In our composer, you can import ZIP files. ZIP files can only contain HTML and image files. If you upload a ZIP file that contains anything else, you’ll see an error.
If you're working on a Mac, you can't use traditional tools like the Archive Utility to compress your files, as this creates a hidden folder in the final ZIP file. Instead, you need to use the ZIP command in your Terminal to compress your HTML file and images.
Let's say you have a folder on your desktop named HTML_images. Inside that folder is your HTML file along with a few image files.
- On a Mac, open the Terminal.
- Navigate to the folder where your HTML file is stored. For example, enter the following command:
cd
Desktop/HTML_images
- Compress the folder by entering the following command:
zip -r
name.zip . -x ".*" -x "__MACOSX" -x ".DS_Store"
where name is the name of your final compressed file. For example,
zip -r HTML_images.zip . -x ".*" -x "__MACOSX" -x ".DS_Store"
You now have a ZIP file named HTML_images.zip in the Desktop/HTML_images folder that contains your HTML file and image files.
Note: HTML imports are not supported for the drag-and-drop composer.
Comments
2 comments
Hi Nina Hawley,
I am interested in using the message composer with my own HTML. Can you explain how I can import my own HTML and be able to use the drag and drop interface to edit my content and images.
Are there special code that I can add to my HTML that will make them editable in Message composer. I am an email developer with high skills in developing email on various platforms.
Looking forward in hearing from you. Thanks in advance.
Best regards,
Anthony Evovo
Hi Anthony
When building a drag and drop email you do not have the ability to import or change the HTML code behind the scenes. I've updated the article with this as well.
Please sign in to leave a comment.