Appearance Tab Overview

Global Appearance Settings

The "Appearance" tab in the email builder allows you to configure global settings that impact all your emails. These settings include options for template styles, buttons, dividers, and custom CSS. Familiarizing yourself with these options is crucial for maintaining a cohesive look across all your emails.

Use these tools to tailor the appearance of your email template, integrate buttons, dividers, and add custom CSS. This will help you create a visually appealing and professional email template that aligns with your brand's image and style.

Template Customization

In the "Template Customization" section, you can adjust the following elements:

• Background Color: Set the default color to match your brand or make it stand out.

• Body Color: Customize the color of the email’s body area.

• Content Width: Adjust the width of the content to fit your needs.

• Background Image: Add an image to serve as the email's background.

Button Design

Customize your email buttons with these settings:

• Radius: Modify the button’s size to better fit your layout.

• Button Color: Choose colors that complement your brand or make your buttons prominent.

• Fonts: Select from various font types and apply styles like bold or italics.

• Font Size: Pick a font size that matches your button design.

Divider Options

Enhance your email layout by adjusting the dividers with these controls:

• Height: Adjust the thickness of the dividers to fit your design.

• Color: Choose colors to either match or contrast with your brand.

• Style: Pick from Solid, Dotted, or Dashed styles to achieve your desired look.

Advanced CSS Customization

For those skilled in HTML, the Code block allows for additional customization. This feature enables you to write custom code for more complex email designs. If you’re not experienced with HTML, it's advisable to review HTML Email Basics or learn about Code blocks before using this feature.

Mobile View Adjustments

Optimize your email for mobile devices using media queries in the Mobile Formatting section. You can modify styles, font sizes, and alignment specifically for mobile views. Toggle the necessary settings and preview them by clicking the three dots after saving the template.