Customize Mobile Layout in Email Templates | Mobile Optimization with AiTrillion

Make mobile-specific layout adjustments in an email template.

Introduction

In this article, you will learn the default mobile optimization configurations offered by AiTrillion for emails, along with the ability to customize how your message appears on different devices.

Common options for optimizing mobile experiences

Numerous settings in each element allow you to make it better for mobile viewing, including:

  1. Responsive images

  2. Mobile alignment settings

  3. Responsive padding configurations

Disable the section on mobile or desktop

You have the flexibility to choose where a block will be displayed—whether on mobile, desktop, or both. This customization can be done for any block by accessing the Hide element buttons.

Automatically adjust to fit the width of the device.

In an image block, you have the option to expand the image to the full width of the frame when it's viewed on a mobile device. This setting can be found in the content tab within the Block settings for any image block. Simply toggle the "Adjust to width" option on or off as needed.

Block displayed on mobile devices.

In the button block, you have the option to adjust the alignment specifically for mobile devices. Additionally, you can customize the external padding and row padding for mobile to ensure the best mobile viewing experience.

    • Related Articles

    • Create Email template Using the Email Editor

      Introduction The Email Editor allows you to easily design, customize, and launch email campaigns without any coding. Using a simple drag-and-drop interface, you can create professional emails, add dynamic content, and personalize messages to engage ...
    • Add Specific Products in Email Template.

      Introduction: Customize your email templates by adding specific products with AiTrillion. Engage customers with targeted promotions and highlight key offerings to drive sales and conversions effectively. Now add the products you want to showcase in ...
    • How to reduce the image for mobile devices?

      Introduction On the majority of websites, images are commonplace. They are employed either for informational or aesthetic objectives. Images must be adjusted when they are shown on a smartphone's small screen because they have a set width and height. ...
    • How to show Product Recommendations in an Email Template

      Introduction Send product recommendations directly to your customer’s inbox and increase the chances of a new sale and of repeat business as well! Here's 3-minutes video to show product recommendations in an email template: Instructions: Step 1: ...
    • Setup Loyalty template - 6

      Introduction Loyalty programs are a powerful way to build lasting relationships with your customers. They not only encourage repeat purchases but also create a sense of community around your brand. However, the key to a successful loyalty program ...