To add ALT text to your image using the Email Designer (launched in 2022), click on the image in your campaign and add 1-2 words into the "Alternate text" field in the Image Block options to the right: ALT text is also strongly recommended because it increases the accessibility of your content for those who depend on screen readers. Use Alt Text with imagesĪLT text is the written copy that appears in place of an image if the image fails to load in a contact's inbox or if they have images blocked. Remember, it's always better to scale a larger image down than a smaller one up. To see how large your image is with the Classic email designer, click the image in the designer and view the size in the Options tab: To see how large your image is with the Email Designer launched in 2022, click the image in the designer and view the size in the Image Block options to the right: Images added as inline within a text block will not scale up. Note that the Actual image width and the width you set in the designer are two different things. If the image or logo is too large when viewed on mobile, you can resize the image and then re-upload it to the email designer. If you upload a large image, it will be sized down to no larger than twice the width of the email. This accounts for logos and icons that aren't intended to scale up. Images smaller than 400 pixels will not scale up on mobile. Image width should be from 400 to 650 pixelsĪn image at 400 pixels wide is the minimum needed to display full width on a mobile device. This makes your message hard to read and may cost you an unsubscribe due to a less-than-stellar experience. If an email is wider than 650 pixels, then a horizontal scroll bar may need to be used to view your message. This is the width that works for most email clients and mobile devices. Keep your email width to no more than 650 pixels When columns collapse in mobile, the content is in the correct order: The dark border represents the designer's column marker and only extends to the first row. The dash represents a row, and the grouping of images and text represents a column. We recommend ordering your content to follow the illustration below. In mobile, columns will collapse from left to right and then from top to bottom. The order in which your content appears in the designer (from left to right) determines their order when columns collapse in mobile view. The columns in your campaign determine the order in which they'll collapse in mobile view Both approaches will remove all accidental styling in your email. Instead, we recommend typing your content directly into the text block, or you can paste the content into a plain-text editor, then copy that to your campaign. This means that extra padding in your design could make the text appear smaller when viewed on mobile and cause the email to look different when sent to an inbox. While we do our best to strip out anything that will affect the rendering of your email, not everything is caught. When text is copied from an external source, such as a word processing program, and pasted into a campaign, we'll pick up all styling from that source in addition to the actual text. Avoid copying and pasting text from an outside source Note that most older versions of the Samsung native email app do not support responsive rendering for mobile. If "Enable mobile responsiveness" is off, click the toggle to turn it on. To ensure this setting is on, click the gear icon on the top right of the email designer. This setting is automatically enabled for every campaign and automation email you create and can be manually turned off. Use the "Enable mobile responsiveness" setting This gives you the flexibility to design a mobile-friendly email and a desktop-friendly version at the same time Additionally, you can hide content on mobile or the web. This setting is located under "Global Settings"> "General Settings"> "Responsive design" of the email designer. Email designer launched in 2022: You can edit an email for mobile and desktop.Instead, you are creating one email that will be rendered differently in both apps Classic email designer: It's not possible to edit an email just for mobile or just for desktop.Below are the best practices you can use when creating templates and campaigns. With more and more people on mobile devices, it's more critical than ever to keep mobile in mind as you create your emails.
0 Comments
Leave a Reply. |