How to create HTML emails that work on smartphones and points to note
Posted: Tue Dec 03, 2024 5:10 am
HTML email is email that uses a language called HTML.
Compared to text-based emails, which are made up of text only, HTML emails have the advantages of being more aesthetically pleasing and being able to detect when the email has been opened.
In this article, we will explain the problems that can occur when sending HTML email to smartphones, how to deal with them, and how to easily create HTML email that is compatible with smartphones. For more information about HTML email, please see " What is the difference between HTML email and text email? An easy-to-understand explanation of how to use them ."
Kairos3 Marketing is an MA tool that provides strong chief vp operations email lists support for marketing and sales activities.
Contents of this article
Problem 1 when sending HTML email to a smartphone: HTML email is not delivered
Problem 2 when sending HTML email to smartphones: The design of the HTML email is distorted
How to easily create mobile-friendly HTML emails
Method 1: Use an HTML email template site
Method 2: Use an email delivery system or marketing automation
Points to note when creating smartphone-compatible HTML emails
Adjust the width and image size of HTML emails
Adjust the font size and number of characters in HTML emails
Problem 1 when sending HTML email to a smartphone: HTML email is not delivered
When sending an HTML email to a smartphone, the email may not reach the recipient's smartphone.
This problem occurs because the HTML email is not sent as a "multipart email."
HTML emails will not be delivered to recipients who reject HTML emails or who cannot receive HTML emails due to the specifications of their email software or provider.
Send your email as a "multipart email." A multipart email is an email that sends both HTML and text at the same time. Once you have set up multipart email, the text email will automatically be displayed to recipients who have refused to receive HTML emails.
If you want to know more about multipart emails, please see the article
" What is multipart email? An easy-to-understand explanation from an email newsletter specialist ."
Problem 2 when sending HTML email to smartphones: The design of the HTML email is distorted
When viewing HTML emails on a smartphone, the appearance may be distorted. For example, attached images may be too large for the screen, or text may be misaligned.
The reason why HTML emails break on smartphones is because the design of the HTML email is not smartphone-compatible. In the next chapter, we will show you how to easily create smartphone-compatible HTML emails.
How to easily create mobile-friendly HTML emails
By using tools such as free templates, email delivery tools, and marketing automation (MA), you can create HTML emails even without much specialized knowledge.
If you want to acquire basic knowledge of HTML, please see " Basic HTML knowledge that is useful for HTML beginners ."
Method 1: Use an HTML email template site
If you don't have a tool with an email creation function or your own company's email template, you can use a site that distributes HTML email templates. Most sites distribute templates that are compatible with smartphones as well as PCs.
We have put together a list of HTML email newsletter template sites in "The perfect email newsletter design! How to use email newsletter templates and a design gallery summary." Please take a look at this as well .
The process is just four steps.
This time, we will explain the actual steps using a site called cerberus .
First, access the HTML email template site. Cerberus is an English site, but you can instantly download templates by clicking a button. Next, choose a template. Click the button that says "View Raw" for the design you want to use. This time, we chose " Responsive Design ." Responsive design is one of the HTML email formats that is compatible with smartphones. Cerberus refers to it as "Responsive Template."
Compared to text-based emails, which are made up of text only, HTML emails have the advantages of being more aesthetically pleasing and being able to detect when the email has been opened.
In this article, we will explain the problems that can occur when sending HTML email to smartphones, how to deal with them, and how to easily create HTML email that is compatible with smartphones. For more information about HTML email, please see " What is the difference between HTML email and text email? An easy-to-understand explanation of how to use them ."
Kairos3 Marketing is an MA tool that provides strong chief vp operations email lists support for marketing and sales activities.
Contents of this article
Problem 1 when sending HTML email to a smartphone: HTML email is not delivered
Problem 2 when sending HTML email to smartphones: The design of the HTML email is distorted
How to easily create mobile-friendly HTML emails
Method 1: Use an HTML email template site
Method 2: Use an email delivery system or marketing automation
Points to note when creating smartphone-compatible HTML emails
Adjust the width and image size of HTML emails
Adjust the font size and number of characters in HTML emails
Problem 1 when sending HTML email to a smartphone: HTML email is not delivered
When sending an HTML email to a smartphone, the email may not reach the recipient's smartphone.
This problem occurs because the HTML email is not sent as a "multipart email."
HTML emails will not be delivered to recipients who reject HTML emails or who cannot receive HTML emails due to the specifications of their email software or provider.
Send your email as a "multipart email." A multipart email is an email that sends both HTML and text at the same time. Once you have set up multipart email, the text email will automatically be displayed to recipients who have refused to receive HTML emails.
If you want to know more about multipart emails, please see the article
" What is multipart email? An easy-to-understand explanation from an email newsletter specialist ."
Problem 2 when sending HTML email to smartphones: The design of the HTML email is distorted
When viewing HTML emails on a smartphone, the appearance may be distorted. For example, attached images may be too large for the screen, or text may be misaligned.
The reason why HTML emails break on smartphones is because the design of the HTML email is not smartphone-compatible. In the next chapter, we will show you how to easily create smartphone-compatible HTML emails.
How to easily create mobile-friendly HTML emails
By using tools such as free templates, email delivery tools, and marketing automation (MA), you can create HTML emails even without much specialized knowledge.
If you want to acquire basic knowledge of HTML, please see " Basic HTML knowledge that is useful for HTML beginners ."
Method 1: Use an HTML email template site
If you don't have a tool with an email creation function or your own company's email template, you can use a site that distributes HTML email templates. Most sites distribute templates that are compatible with smartphones as well as PCs.
We have put together a list of HTML email newsletter template sites in "The perfect email newsletter design! How to use email newsletter templates and a design gallery summary." Please take a look at this as well .
The process is just four steps.
This time, we will explain the actual steps using a site called cerberus .
First, access the HTML email template site. Cerberus is an English site, but you can instantly download templates by clicking a button. Next, choose a template. Click the button that says "View Raw" for the design you want to use. This time, we chose " Responsive Design ." Responsive design is one of the HTML email formats that is compatible with smartphones. Cerberus refers to it as "Responsive Template."