If, when saving your template you see anything other than the green 'Template Created!' message then you will need to fix your HTML, otherwise, the Content Editor won't save it. These issues usually occur when you are using templates created in another system. That's okay, but you will need to clean the code up before you can use those emails in Template Builder.
⚠️ Linked Stylesheets (from another system)
If your previous system used Linked Stylesheets, these need to be fixed, because linked stylesheets are not allowed in email templates.
Template Builder does not support linked stylesheets. Template Builder uses inline stylesheets.
👍 How to convert linked stylesheets to inline
You can cancel your 'Add template' page for now (button at the bottom).
Copy your old HTML into your clipboard. (See FAQs below if you haven't got the HTML).
Open this webpage https://htmlemail.io/inline/ and paste your code into the 'Input: Source HTML/CSS' box.
Next copy the code from the 'Output: Inlined CSS' box below. You have just converted your linked stylesheets to inline! Yay!
Back in Template Builder, click the 'Add new template' icon and then click the 'Source' tool in the editor.
You will see a few lines of code there. Delete those lines completely and then paste your code from your clipboard there instead and click 'Save'. You did it, yay!.
⚠️ Tracking Pixel (from another system)
You will find a tracking pixel in almost every email sent, however, Template Builder spots other systems' pixels and won't allow them. This is usually a 1x1px image (it is not a real image but masquerades as one) that loads to track when the email is opened. Template Builder attempts to copy it into your Image Library and discovers it is, in fact, invalid:
👍 How to remove a Tracking Pixel
Keep your unsaved template open, with the error message.
Copy the image URL from the system message, eg, "https://prfs.kickdyn.co.uk/track.ashx?a=o&c=NuU7pibkxUzQ4WrSPGST&m=3054535&mid=5422242&eid=3054535".
Click the Source icon to show the HTML code, then use CTRL-F to find that URL, and simply delete it from the code.
The template will now save. Yay!
FAQs
Q. How do I get the HTML from the 'View Online' version?
A. If you have an old email in your inbox and want to use that HTML, ➡️ open the 'View Online' link if there is one. When it has loaded in a browser tab, ➡️ go to 'View Page Source' in the browser and ➡️ copy the HTML it displays. You now have your HTML, and so back to Step 3 in How to convert linked stylesheets to inline above.
Q. How do I get the HTML from my inbox?
A. If you have an old email in your inbox and want to use that HTML, but it doesn't have a 'View Online' link you can Scope it. NOTE: Scope is free but only works in Gmail and the Chrome browser. How to use Scope: ➡️ Go to the web page https://litmus.com/scope/ and ➡️ drag the orange button into your Chrome bookmarks bar. Next, go to Gmail and ➡️ open the email. Now ➡️ click on that Scope booklet and you can see the email and select the 'code' to copy. You now have your HTML, and so back to Step 3 in How to convert linked stylesheets to inline above.
