[:en]Nowadays the Internet users prefer to check their inboxes on mobile devices gradually moving away from desktops. If an email is difficult to read on a smartphone and one has to scroll or zoom too much, it will more likely be closed.
Responsive Email Template along with the specific structure of the elements are needed for the email to be displayed correctly on mobile devices. In this entry, we are going to discuss which newsletter elements to optimize for mobile users’ convenience.
An Email Template with responsive layout changes its size and structure in real time depending on the device screen size and browser. One of the ways to make an Email Template responsive is to use HTML-code. It defines the screen size and chooses the corresponding size of the template.
Generally, the responsive Email Template works the same as for ordinary websites with the help of CSS media queries rules. Just responsive layout is not enough, because one has to structure the elements of the email for convenient review and click on the smartphone. The following is on that matter.
Preheader
There is more space for a preheader than for a title on a mobile device screen. Make maximal use of it and optimize the preheader copy. There should be no links or meaningless text like “Don’t see images?” or “Link to the web-version”. Start the copy from the title or greetings or even combine these two.
Template
Many columns with rubrics create an informational overload, make it impossible to navigate as well as to move from one information block to another.
One-column layout simplifies the readability, design and allows focusing on the main content.
Simplify navigation as much as possible, don’t include the website sections into the header. But there always should be the brand logo with the link to the site as it ensures the brand recognition.
Optimal Email Template width is 600 px for a desktop and 320 px for mobile devices.
Typography
One should strike a balance between the font size of the title and the text, for instance, 22-24 px for the title and 14-16 px for the text correspondingly. A too small font is difficult to read on a mobile device screen. Avoid hyphenation as well.
Content
The space of a mobile device screen limits the possibilities for placing as many contents as possible, so add only the most important information. For example, in promotional emails, it’s advisable to cut the quantity of the goods.
Follow these tips, but remember to check the display of an email on different devices. Mailcot Email constructor allows this function or you can use ready-made free responsive templates.[:gb]Nowadays the Internet users prefer to check their inboxes on mobile devices gradually moving away from desktops. If an email is difficult to read on a smartphone and one has to scroll or zoom too much, it will more likely be closed.
Responsive Email Template along with the specific structure of the elements are needed for the email to be displayed correctly on mobile devices. In this entry, we are going to discuss which newsletter elements to optimize for mobile users’ convenience.
An Email Template with responsive layout changes its size and structure in real time depending on the device screen size and browser. One of the ways to make an Email Template responsive is to use HTML-code. It defines the screen size and chooses the corresponding size of the template.
Generally, the responsive Email Template works the same as for ordinary websites with the help of CSS media queries rules. Just responsive layout is not enough, because one has to structure the elements of the email for convenient review and click on the smartphone. The following is on that matter.
Preheader
There is more space for a preheader than for a title on a mobile device screen. Make maximal use of it and optimize the preheader copy. There should be no links or meaningless text like “Don’t see images?” or “Link to the web-version”. Start the copy from the title or greetings or even combine these two.
Template
Many columns with rubrics create an informational overload, make it impossible to navigate as well as to move from one information block to another.
One-column layout simplifies the readability, design and allows focusing on the main content.
Simplify navigation as much as possible, don’t include the website sections into the header. But there always should be the brand logo with the link to the site as it ensures the brand recognition.
Optimal Email Template width is 600 px for a desktop and 320 px for mobile devices.
Typography
One should strike a balance between the font size of the title and the text, for instance, 22-24 px for the title and 14-16 px for the text correspondingly. A too small font is difficult to read on a mobile device screen. Avoid hyphenation as well.
Content
The space of a mobile device screen limits the possibilities for placing as many contents as possible, so add only the most important information. For example, in promotional emails, it’s advisable to cut the quantity of the goods.
Follow these tips, but remember to check the display of an email on different devices. Mailcot Email constructor allows this function or you can use ready-made free responsive templates.[:au]Nowadays the Internet users prefer to check their inboxes on mobile devices gradually moving away from desktops. If an email is difficult to read on a smartphone and one has to scroll or zoom too much, it will more likely be closed.
Responsive Email Template along with the specific structure of the elements are needed for the email to be displayed correctly on mobile devices. In this entry, we are going to discuss which newsletter elements to optimize for mobile users’ convenience.
An Email Template with responsive layout changes its size and structure in real time depending on the device screen size and browser. One of the ways to make an Email Template responsive is to use HTML-code. It defines the screen size and chooses the corresponding size of the template.
Generally, the responsive Email Template works the same as for ordinary websites with the help of CSS media queries rules. Just responsive layout is not enough, because one has to structure the elements of the email for convenient review and click on the smartphone. The following is on that matter.
Preheader
There is more space for a preheader than for a title on a mobile device screen. Make maximal use of it and optimize the preheader copy. There should be no links or meaningless text like “Don’t see images?” or “Link to the web-version”. Start the copy from the title or greetings or even combine these two.
Template
Many columns with rubrics create an informational overload, make it impossible to navigate as well as to move from one information block to another.
One-column layout simplifies the readability, design and allows focusing on the main content.
Simplify navigation as much as possible, don’t include the website sections into the header. But there always should be the brand logo with the link to the site as it ensures the brand recognition.
Optimal Email Template width is 600 px for a desktop and 320 px for mobile devices.
Typography
One should strike a balance between the font size of the title and the text, for instance, 22-24 px for the title and 14-16 px for the text correspondingly. A too small font is difficult to read on a mobile device screen. Avoid hyphenation as well.
Content
The space of a mobile device screen limits the possibilities for placing as many contents as possible, so add only the most important information. For example, in promotional emails, it’s advisable to cut the quantity of the goods.
Follow these tips, but remember to check the display of an email on different devices. Mailcot Email constructor allows this function or you can use ready-made free responsive templates.[:in]Nowadays the Internet users prefer to check their inboxes on mobile devices gradually moving away from desktops. If an email is difficult to read on a smartphone and one has to scroll or zoom too much, it will more likely be closed.
Responsive Email Template along with the specific structure of the elements are needed for the email to be displayed correctly on mobile devices. In this entry, we are going to discuss which newsletter elements to optimize for mobile users’ convenience.
An Email Template with responsive layout changes its size and structure in real time depending on the device screen size and browser. One of the ways to make an Email Template responsive is to use HTML-code. It defines the screen size and chooses the corresponding size of the template.
Generally, the responsive Email Template works the same as for ordinary websites with the help of CSS media queries rules. Just responsive layout is not enough, because one has to structure the elements of the email for convenient review and click on the smartphone. The following is on that matter.
Preheader
There is more space for a preheader than for a title on a mobile device screen. Make maximal use of it and optimize the preheader copy. There should be no links or meaningless text like “Don’t see images?” or “Link to the web-version”. Start the copy from the title or greetings or even combine these two.
Template
Many columns with rubrics create an informational overload, make it impossible to navigate as well as to move from one information block to another.
One-column layout simplifies the readability, design and allows focusing on the main content.
Simplify navigation as much as possible, don’t include the website sections into the header. But there always should be the brand logo with the link to the site as it ensures the brand recognition.
Optimal Email Template width is 600 px for a desktop and 320 px for mobile devices.
Typography
One should strike a balance between the font size of the title and the text, for instance, 22-24 px for the title and 14-16 px for the text correspondingly. A too small font is difficult to read on a mobile device screen. Avoid hyphenation as well.
Content
The space of a mobile device screen limits the possibilities for placing as many contents as possible, so add only the most important information. For example, in promotional emails, it’s advisable to cut the quantity of the goods.
Follow these tips, but remember to check the display of an email on different devices. Mailcot Email constructor allows this function or you can use ready-made free responsive templates.[:]