![]() Responsive 2-Column: Finally, the Responsive 2-Column template is used for creating an email containing text and images divided into a two-column arrangement. You can customize this section by adding the dates, names and other pertinent information for your email campaign. ![]() In the example below, there is a section that provides information (and perhaps a calendar callout) for an event. This template also includes a placeholder for a callout. It is important to follow the rules provided in order to ensure that your emails render properly in various email clients. Within the email template body there are specific guidelines for what codes and tags to use when adding your content.Įxample: In order to ensure that emails viewed in Microsoft Outlook are rendered properly, do not use paragraph tags, only "". Responsive 1-Column with Callout: This template is geared towards smaller resolution email clients (600 px or lower). Responsive Multi-Column Top Story: This template is similar to the 2-Column Split Header template, except for the heading which is shown in a single column of 320 x 60 px size. The content within the column sections can be modified when creating your email. The body of the email is also divided into two columns. Responsive 2-Column Split Header: This template contains a two-column header (the company logo placeholder on the left and a placeholder for other content on the right, 180x50 px). To create the CSS responsive two-column layout (two equal columns, or two unequal columns) follow the steps below: Skip to the content. You’ll need to conduct some testing to see what design works best for you and your email lists. At the same time, you can create two-column, responsive designs suitable for either desktop or mobile experiences. The following describes the responsive HTML templates: More people are using mobile devices to scan emails, making single-column designs a valid marketing strategy. ![]() Deleting these from the template will remove the responsive nature of the email. Note: The responsive HTML email templates rely on CSS media queries. Responsive HTML templates are available from the Template Chooser in the Mobile Templates folder. However, you can continue to use the responsive HTML templates. Next well add the actual column which will be one of two columns, with matching HTML, that will align next to each other at the full 600px width and stack on. The Design Editor provides various layouts that you can use to build a fully responsive email.
0 Comments
Leave a Reply. |