Appearance Tab
The appearance tab within the email builder provides access to global-level settings that apply to all your emails by default. These include template settings, buttons, dividers, custom CSS, mobile formatting, and Links.
Understanding these settings is essential for a consistent design across all your emails. Allowing you to create a professional-looking email template that aligns with your brand's identity and style.
Template
Within the email builder, you can access the Template Details section to control three aspects - background color, body color, and content width.
Background Color: This allows you to customize your email's background in your own brand colors, you can set default colors here.
Body Color: Change and customize the color of your email body here.
Content Width: You can increase or decrease the content width of your emails here.
Background Image: You can add an image as the background here.
Button
The Button section provides controls to customize the buttons in your emails, typically used as a Call to Action.
Radius: Adjust the size of your buttons, making them either bigger or smaller, depending on your email layout.
Button Color: Select your brand colors or colors that align with your brand's identity to create buttons that effectively stand out.
Fonts: Choose from font types and add formatting such as bold, italics, and underlines to your buttons.
Font Style: Choose a font size and color to achieve a balanced aesthetically pleasing design.
Divider
Dividers make elements in your email template stand out and add visual appeal by breaking up content sections. Within the Dividers settings, you can further control the look and feel of dividers in your email template.
The control options within the divider settings are:
Height: Adjust the height of your dividers, making them either thicker or thinner to suit your email design.
Color: Select the colors you want your dividers to be in, matching your brand colors or standing out with a contrasting color.
Style: You can choose between Solid, Dotted, and Dashed in the Style section. Selecting the right style helps you achieve the look and feel you desire for your email template.
Custom CSS
This option lets you write custom code to achieve the desired email design. You can use it if you're an HTML expert and want extra customization for your email template.
Note: We recommend exercising caution when using this feature since it is intended for those with HTML expertise. If you're unsure how to use this feature, we recommend brushing up on HTML Email Basics or learning more about Code blocks.
Mobile Formatting
The following settings will only work in the mobile version of the email template in email clients that support media queries. There are options for different styles, such as font heights and alignment. For font size or button style, the toggle has to be enabled to apply for mobile formatting.
Once the settings are implemented for mobile, click the three dots after saving the template for preview in the mobile view.
Link
This allows you to customize the appearance of hyperlinks in your emails
