Since a few days, all the elements of my emails appear in double when I see the “full message” in gmail. It only appears when I decide to see “full message” but as my emails are long and sometimes clipped, it happens to be a problem. Also, every element is either designed for Desktop or Mobile, never both at the same time, that’s why I do not see where does the problem comes from.
Here is how it appears:
Thanks for the help!
Best answer by alex.hongView original
Thanks for sharing to the Community.
This could be due to something known as Gmail Clipping.
Our Support team created this loom video here (with sound) going over best practices to avoid Gmail Clipping.
In the video, they explain that templates should be around 75 KB in order to avoid being clipped by Gmail. Email templates with over 102KB of HTML will definitely be clipped by Gmail.
To find the exact size of the email when it is delivered in the inbox (including click tracking), send yourself a one-off email using this method, then click ‘View Entire Message’ if the email is clipped in your inbox.
Once the full message is open in your browser, right-click anywhere in the window, then, click View Page Source.
Copy all of the page source code, then visit bytesizematters.com and paste your email’s code into the text field. The size of your email will appear in the right corner above the text field.
This GIF below illustrates these steps:
To avoid clipping, the template will have to become smaller.
In the video, they also go over some techniques to cut down on KB size, such as using 'desktop & mobile' blocks rather than one block for desktop only and one block for mobile only, using just one product block, and limiting how many header and table blocks are used. Product and header blocks use the most HTML & CSS, so they are larger.
Also, if you are copying & pasting content from another source (such as Google Docs, internal emails, etc.) into your Klaviyo emails, please use the Paste as Plain Text button to clear inline styles from the original source. These external inline styles that are getting carried over from the original source can add additional HTML/CSS, increasing the size of the email.
Image sizes do not affect KB size of emails. So, if your images are large (2000px wide for example) this will not make the email larger.
Hope this helped,
Thank you alex!
Have a nice day