If your Marketing Cloud Account Engagement (Pardot) email looks broken and you can’t figure out why, then you’re in the right place …
Here are highlights from article Help! My Account Engagement Email Looks Broken
1. Images appear broken
– Check image URLs and ensure they are correctly linked in the HTML code
– Optimize images for faster loading times and consider using alternative text
– Confirm the image format is correct and supported by email clients
– Update image URLs to use HTTPS if using SSL/HTTPS on the website
2. Inserting “pardot-region” correctly
– Pay attention to the “pardot-regions” in the HTML code when customizing or replacing images in Account Engagement
– These regions define editable sections, including images
3. Image cut off in text editor
– Change the attribute “mso-line-height-rule:exactly” to “mso-line-height-rule:at-least” to give more flexibility and prevent cropping
4. Dark mode compatibility
– Test emails in both light and dark mode to identify color or readability issues
– Use CSS media queries to adjust styling specifically for dark mode
5. Dark mode meta tags and CSS media queries
– Include dark mode (or light mode) meta tags to enhance visual presentation and user experience
– Use dark mode-specific CSS media queries for responsive design in dark mode.
You can read it here: https://sfdc.blog/xboMP
Source from thespotforpardot(dot)com