1. Acoustic Help Center
  2. Campaign
  3. Email
  4. Create emails

Create emails

See more

Import HTML

Avatar
Nina Hawley
  • Updated
In the content builder you can import HTML, here's how:
  1. Navigate to Email campaigns.
  2. Select New email.
  3. Select a blank template.
  4. In the editor, select Import HTML.  You can import a .zip file or HTML.  

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 the message 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.

  1. On a Mac, open the Terminal.
  2. Navigate to the folder where your HTML file is stored. For example, enter the following command: cd Desktop/HTML_images
  3. 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.

Related articles

Comments

2 comments

Sort by Date Votes
  • Avatar
    Anthony Evovo

    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 

     
    0
    Comment actions Permalink
  • Avatar
    Laura Flint

    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.

    0
    Comment actions Permalink

Please sign in to leave a comment.