![]() ![]() Preview and Test the Design on Multiple Devices Use large, tappable buttons and clickthrough links.Choose a web-friendly font with a font size of 16px or larger for body copy and 20px or larger for headings.Optimize for readability and interactivity Keep image width narrow (600px or less).Keep image sizes small (1 MB or smaller) so your email loads faster.Group content into columns logically so that related information will display together on mobile. Two- and three-column sections will vertically stack into a single column, from left to right.The easiest way to facilitate easy scrolling is to use a single-column format.Use white space to give elements of your email room to move around in adaptive or responsive layouts.You may need to view the table properties or examine the HTML code for the rich text block to find where this problem is occurring. Content Blocks - if you have added DIVs or Tables into your Rich Text blocks, make sure they are also using a percentage width. ![]() Toggle from using px to 100% width by checking the box Use 100%. Stationery Properties - In the Email Composer, go to the Design tab and review the Stationery on the right-hand side.Use percentages, not fixed widths, in your message.Optimize the layout for scrolling on mobile devices For Message Width, check the box for Use 100%.Open the dropdown menu for Responsive Design and select On.In the Email Composer, navigate to Design > Stationery.Instructions Enable Responsive Design and use Percentage Widths To get off to a strong start, try following these introductory steps for creating mobile-friendly designs. There are countless ways to finetune your designs to translate flawlessly from desktop to mobile. You always have the option to send Plain Text emails, which are inherently mobile responsive, but if you're using Rich HTML or Interactive emails, you will need to pay attention to your design and how it displays in differently-sized viewing areas. Emails are the most effective method of communication in marketing campaigns, and designing with mobile users in mind has become a standard practice to ensure that content looks attractive and is easily ready across a wide range of devices and browsers.
0 Comments
Leave a Reply. |
AuthorWrite something about yourself. No need to be fancy, just an overview. ArchivesCategories |