If images in your uploaded HTML template are broken or not displaying, it is likely because the HTML code uses local or relative file paths for the images instead of absolute URLs.
A relative path (e.g., src="images/banner.png") points to a file on your local computer. When you upload the HTML file to our platform, our servers cannot access files stored on your computer, so the images cannot be displayed.
To fix this, you must host your images on a publicly accessible server and use their full, absolute URLs in your HTML code.
How to Fix Broken Images
- Host Your Images: Upload your images to a web server, a public cloud storage service (like Amazon S3), or an image hosting service. Make sure they are publicly accessible.
- Get the Absolute URL: Copy the complete, direct URL for each image. It should start with
http://orhttps://. - Update Your HTML: Open your HTML file and locate all the image tags (
<img>). Replace thesrcattribute's value with the full, absolute URL for each image.
Example:
Incorrect (Relative Path):
<img src="images/my-banner.jpg" alt="My Banner">
Correct (Absolute URL):
<img src="https://www.yourwebsite.com/assets/images/my-banner.jpg" alt="My Banner">
- Re-upload: Save the updated HTML file and upload it again to our platform. Your images should now appear correctly in the template preview and in the final email.
Comments
0 comments
Please sign in to leave a comment.