\u201cTo view the email in browser click here\u201d or \u201cto unsubscribe click here\u201d are some of the common links we always find in the pre-header. The preview text is displayed right after the subject line in the inbox, looks distinctive, and is utmost important to improve the open rate.<\/p>\n
A study by Litmus suggests that an informative or an optimized preview text surges the open rate up to 45%. It also states that there are 3,959 pages on the web about email subject lines for every one page about email pre-headers (Woah, that\u2019s huge!).This means that a strategic approach towards the pre-header is the key.<\/p>\n
![\"\"](\"https:\/\/email.uplers.com\/blog\/wp-content\/uploads\/2020\/01\/Email-template-production-768x192-1.jpg\")
<\/a><\/div><\/div>\nThrough their extensive experience, Email Uplers will enlighten you with the pre-header best practices<\/p>\n
1) Be Creative and Avoid Clich\u00e9<\/h2>\n
Get rid of the standard practices, they will not reap you benefits. Consider Pre-header text as the second subject line and use it wisely. Differentiate your primary and secondary subject lines.<\/p>\n
\u2022 Offer coupons and discounts as promotion<\/h3>\n![\"Offer](\"https:\/\/email.uplers.com\/blog\/wp-content\/uploads\/2015\/09\/11-1.jpg\" "\\"Email")
<\/h3>\n\u2022 Greet the recipient personally by writing a personalized copy in the pre-header<\/strong><\/h3>\n![\"personalized](\"https:\/\/email.uplers.com\/blog\/wp-content\/uploads\/2015\/09\/2-2.jpg\" "\\"Html")
<\/h3>\n\u2022 Create a sense of urgency by offering extra discount for a limited period<\/strong><\/h3>\n![\"offering](\"https:\/\/email.uplers.com\/blog\/wp-content\/uploads\/2015\/09\/31-1.jpg\" "\\"Email")
<\/p>\n
\u2022 Create the pre-header in such a way that it is complementing or support the subject line<\/strong><\/h3>\n![\"support](\"https:\/\/email.uplers.com\/blog\/wp-content\/uploads\/2015\/09\/4-1.jpg\" "\\"Email")
<\/p>\n
2) Fonts, Character Limit & Alignment<\/h2>\n
Don\u2019t get too fancy with fonts & colors. Due to a steady rise in the use of mobiles, tablets, and smart watches it is necessary to keep things simple. Use of Arial font with 12 points is the usual practice and is legible across all the devices.<\/p>\n
Keep the text of pre-header aligned to left. This will help you make your text more readable.<\/p>\n
![\"\"](\"https:\/\/email.uplers.com\/blog\/wp-content\/uploads\/2018\/04\/custom-email-design-coding.jpg\")
<\/a><\/div><\/div>\nAn average length of a subject line in an email is 50 characters, followed by preview text. Email clients<\/a> (as per the devices) have different character limits for preview texts. The average character limit of pre-header text is 75, but based on the devices & clients used by your viewers, you can define the character limit for your emails. Here is a list of some of them<\/strong><\/p>\n![\"Fonts,](\"https:\/\/email.uplers.com\/blog\/wp-content\/uploads\/2015\/09\/Pre-header-Character-Limit-458x1024.png\" "\\"Email")
<\/p>\n
(Source: Litmus)<\/p>\n
3) Hidden Preview Text<\/h2>\n
Hidden preview text basically means that the preview text will not be displayed in your html email, but will appear in the inbox after the subject. Hidden preview text can be useful for marketers who want to concentrate more on design and want their header to be clean. Hidden Preview text can be achieved with the help of HTML & CSS.<\/p>\n
![\"\"](\"https:\/\/email.uplers.com\/blog\/wp-content\/uploads\/2018\/08\/campaign-management.jpg\")
<\/a><\/div><\/div>\n4) Add Emoji<\/h2>\n
Add a symbol to your preview text to make your email look different or catchy. By adding a witty symbol, you surely will grab a lot of viewers\u2019 attention and increase the conversion.<\/p>\n
![\"Add](\"https:\/\/email.uplers.com\/blog\/wp-content\/uploads\/2015\/09\/51-1.jpg\" "\\"Html")
<\/h2>\n5) A\/B Test is important<\/strong><\/h2>\nTest your preview text by using different copies on different email clients. This will help you increase the performance of your email campaigns<\/a>. Analyze the reports of your campaigns to know which preview text has fetched you more opens.<\/p>\n
<\/h3>\n\u2022 Greet the recipient personally by writing a personalized copy in the pre-header<\/strong><\/h3>\n<\/h3>\n\u2022 Create a sense of urgency by offering extra discount for a limited period<\/strong><\/h3>\n<\/p>\n
\u2022 Create the pre-header in such a way that it is complementing or support the subject line<\/strong><\/h3>\n<\/p>\n
2) Fonts, Character Limit & Alignment<\/h2>\n
Don\u2019t get too fancy with fonts & colors. Due to a steady rise in the use of mobiles, tablets, and smart watches it is necessary to keep things simple. Use of Arial font with 12 points is the usual practice and is legible across all the devices.<\/p>\n
Keep the text of pre-header aligned to left. This will help you make your text more readable.<\/p>\n
<\/a><\/div><\/div>\nAn average length of a subject line in an email is 50 characters, followed by preview text. Email clients<\/a> (as per the devices) have different character limits for preview texts. The average character limit of pre-header text is 75, but based on the devices & clients used by your viewers, you can define the character limit for your emails. Here is a list of some of them<\/strong><\/p>\n<\/p>\n
(Source: Litmus)<\/p>\n
3) Hidden Preview Text<\/h2>\n
Hidden preview text basically means that the preview text will not be displayed in your html email, but will appear in the inbox after the subject. Hidden preview text can be useful for marketers who want to concentrate more on design and want their header to be clean. Hidden Preview text can be achieved with the help of HTML & CSS.<\/p>\n
<\/a><\/div><\/div>\n4) Add Emoji<\/h2>\n
Add a symbol to your preview text to make your email look different or catchy. By adding a witty symbol, you surely will grab a lot of viewers\u2019 attention and increase the conversion.<\/p>\n
<\/h2>\n5) A\/B Test is important<\/strong><\/h2>\nTest your preview text by using different copies on different email clients. This will help you increase the performance of your email campaigns<\/a>. Analyze the reports of your campaigns to know which preview text has fetched you more opens.<\/p>\n
<\/h3>\n\u2022 Create a sense of urgency by offering extra discount for a limited period<\/strong><\/h3>\n<\/p>\n
\u2022 Create the pre-header in such a way that it is complementing or support the subject line<\/strong><\/h3>\n<\/p>\n
2) Fonts, Character Limit & Alignment<\/h2>\n
Don\u2019t get too fancy with fonts & colors. Due to a steady rise in the use of mobiles, tablets, and smart watches it is necessary to keep things simple. Use of Arial font with 12 points is the usual practice and is legible across all the devices.<\/p>\n
Keep the text of pre-header aligned to left. This will help you make your text more readable.<\/p>\n
<\/a><\/div><\/div>\nAn average length of a subject line in an email is 50 characters, followed by preview text. Email clients<\/a> (as per the devices) have different character limits for preview texts. The average character limit of pre-header text is 75, but based on the devices & clients used by your viewers, you can define the character limit for your emails. Here is a list of some of them<\/strong><\/p>\n<\/p>\n
(Source: Litmus)<\/p>\n
3) Hidden Preview Text<\/h2>\n
Hidden preview text basically means that the preview text will not be displayed in your html email, but will appear in the inbox after the subject. Hidden preview text can be useful for marketers who want to concentrate more on design and want their header to be clean. Hidden Preview text can be achieved with the help of HTML & CSS.<\/p>\n
<\/a><\/div><\/div>\n4) Add Emoji<\/h2>\n
Add a symbol to your preview text to make your email look different or catchy. By adding a witty symbol, you surely will grab a lot of viewers\u2019 attention and increase the conversion.<\/p>\n
<\/h2>\n5) A\/B Test is important<\/strong><\/h2>\nTest your preview text by using different copies on different email clients. This will help you increase the performance of your email campaigns<\/a>. Analyze the reports of your campaigns to know which preview text has fetched you more opens.<\/p>\n
<\/p>\n<\/p>\n
2) Fonts, Character Limit & Alignment<\/h2>\n
Don\u2019t get too fancy with fonts & colors. Due to a steady rise in the use of mobiles, tablets, and smart watches it is necessary to keep things simple. Use of Arial font with 12 points is the usual practice and is legible across all the devices.<\/p>\n
Keep the text of pre-header aligned to left. This will help you make your text more readable.<\/p>\n
<\/a><\/div><\/div>\nAn average length of a subject line in an email is 50 characters, followed by preview text. Email clients<\/a> (as per the devices) have different character limits for preview texts. The average character limit of pre-header text is 75, but based on the devices & clients used by your viewers, you can define the character limit for your emails. Here is a list of some of them<\/strong><\/p>\n (Source: Litmus)<\/p>\n Hidden preview text basically means that the preview text will not be displayed in your html email, but will appear in the inbox after the subject. Hidden preview text can be useful for marketers who want to concentrate more on design and want their header to be clean. Hidden Preview text can be achieved with the help of HTML & CSS.<\/p>\n Add a symbol to your preview text to make your email look different or catchy. By adding a witty symbol, you surely will grab a lot of viewers\u2019 attention and increase the conversion.<\/p>\n Test your preview text by using different copies on different email clients. This will help you increase the performance of your email campaigns<\/a>. Analyze the reports of your campaigns to know which preview text has fetched you more opens.<\/p>\n<\/p>\n3) Hidden Preview Text<\/h2>\n
<\/a><\/div><\/div>\n4) Add Emoji<\/h2>\n
<\/h2>\n5) A\/B Test is important<\/strong><\/h2>\n
![\"\"](\"https:\/\/email.uplers.com\/blog\/wp-content\/uploads\/2019\/09\/email-audit.jpg\")
<\/a><\/div><\/div>\n![\"\"](\"https:\/\/email.uplers.com\/blog\/wp-content\/uploads\/2020\/01\/html-email-coding-768x192-1.jpg\")
<\/a><\/div><\/div>\n