Content Comparison

...

Description

You can ensure consistency and professionalism by following a unified design style across all elements in your email. This includes setting font colors for the copy, choosing fonts and forms for buttons, selecting colors for links, determining paddings in containers, adjusting line spacing, and choosing email and content background colors. The email content background refers to the background applied to the entire email area, while the content background color is the color within the email applied to all containers with products' product cards and contact information.

...

Table of Contents

General Settings

The General Settings section allows you to adjust the default look of an email, like width, padding, backgrounds, and fonts.

...

Expand

title	See General Settings Options

Email Width:
- The default email width is 600px, currently the most common size.
  Image Removed
Default Padding:
- Padding around an email refers to the space between the email content and the email's border or the container in which the email is placed. It's the area between the content and the edge of the email, which can be filled with a background color or left empty.
  Adding padding around an email creates a visually appealing and balanced design by creating enough white space around the email content.
  Image Removed
- Email Background color:
  - The email background color refers to the color applied to the background of an email message. It's the color that fills the entire area behind the email content.
    Image Removed
  - Font:
    - A font dropdown allows the choice of the default font for the email text.
      Image Removed
  - Line Spacing:
    - The line spacing setting allows users to adjust the vertical spacing between lines of text in an email message.
      Image Removed
    - Paragraph Bottom Space. (This toggle has been disabled)
  - Underline Links Toggle
    - When the Underlined Links Toggle is ON, hyperlinks in an electronic document, such as an email or web page, are visually indicated by a line underneath the text to signify that it is clickable and will lead to another location or resource.
      Image Removed
    - When the Underlined Links Toggle is OFF, hyperlinks in an electronic document, such as an email or web page, will not be visually indicated by a line underneath the text.
      Image Removed
  - Responsive Design Toggle
    - The responsive design toggle is a web design and development approach that allows websites and applications to adapt and optimize their layout and functionality based on the device and screen size used to view them. We recommend leaving this toggle on to ensure visibility on mobile and tablets.
      Image Removed
  - Background Image toggle
    - The email background image will allow you to apply an image as the background of an email message. It's the image will fill the entire area behind the email content.
      - The default Background Image toggle is OFF.
        Image Removed
      - Turning the Background Image to ON: This will open up the options to add a background image. The options include.
        Upload
        Image Removed
        Add Link to Image
        Image Removed
        Access Stock images use the search feature to find images through keyword searches.
        Image Removed
      - Change selected images:
        Image Removed
      - Edit the selected image:
        Image Removed
      - Repeat Image Toggle:
        Repeat Image Toggle ON: It will center one image and replicate additional images as necessary on both sides of the image based on screen size.
        Image Removed
        Repeat Image Toggle OFF: Make the image the background and add the background color for any space remaining on both sides of the image based on the screen size.
        Image Removed
        Position: Allows you to determine the background image's exact horizontal and vertical placement.
        Image Removed

Info
Some email clients (Windows 10 Mail, Android 4.4, Gmail app on iOS & Android with non Gmail account) won't support a background image. As a backup, we recommend that you select a background color similar to the image one.

Stripes

The Stripes section includes the appearance options for the Header, Content, Footer, and Info areas.

...

Stripes appear in the content section around the content.

...

title	See Stripes Options

Header

The header section of an email template is the top part of the email that typically contains branding and identification information, such as the company logo, name, and contact information. It may include a header image or banner, navigation links, or a call-to-action. The header section is an important element of the email template as it helps establish the brand identity and set the tone for the message.

...

Text Size: Ability to select the size of the font for the text in the header.

...

Background Color: The background color for a header section in an email is the color that fills the area behind the header content, such as the logo or banner, and can be customized to match the brand colors or overall design of the email template.

The default setting is transparent but can be changed to a Hex Code of the color you want to use.
Image Removed

...

A content background color in an email is the color that fills the area behind the main content, such as text, images, and buttons.

The default setting is transparent but can be changed to a Hex Code of the color you want to use.
Image Removed

...

Font Color: Set the font color for the header text.

...

Link Color: Set the color for links to display in the header.

...

Background image: The email background image will allow you to apply an image as the background of an email message. It's the image will fill the entire area behind the email content.

The default Background Image toggle is OFF.
Image Removed
Turning the Background Image to ON: This will open up the options to add a background image. The options include.
- Upload
  Image Removed
- Add Link to Image
  Image Removed
- Access Stock images use the search feature to find images through keyword searches.
  Image Removed
Change selected images:
Image Removed
Edit the selected image:
Image Removed
Repeat Image Toggle:
- Repeat Image Toggle ON: It will center one image and replicate additional images as necessary on both sides of the image based on screen size.
  Image Removed
- Repeat Image Toggle OFF: Make the image the background and add the background color for any space remaining on both sides of the image based on the screen size.
  Image Removed
- Position: Allows you to determine the background image's exact horizontal and vertical placement.

Info
Some email clients (Windows 10 Mail, Android 4.4, Gmail app on iOS & Android with non Gmail account) won't support a background image. As a backup, we recommend that you select a background color similar to the image one.

...

Content

Text Size: Ability to select the size of the font for the text in the header.
Image Removed
Font Color: Set the font color for the header text.
Image Removed
Link Color: Set the color for links to display in the header.
Image Removed

Footer

...

Text Size: Ability to select the size of the font for the text in the header.

...

Background Color: The background color for a header section in an email is the color that fills the area behind the header content, such as the logo or banner, and can be customized to match the brand colors or overall design of the email template.

The default setting is transparent but can be changed to a Hex Code of the color you want to use.
Image Removed

...

A content background color in an email is the color that fills the area behind the main content, such as text, images, and buttons.

The default setting is transparent but can be changed to a Hex Code of the color you want to use.
Image Removed

...

Font Color: Set the font color for the header text.

...

Link Color: Set the color for links to display in the header.

...

Background image: The email background image will allow you to apply an image as the background of an email message. It's the image will fill the entire area behind the email content.

The default Background Image toggle is OFF.
Image Removed
Turning the Background Image to ON: This will open up the options to add a background image. The options include.
- Upload
  Image Removed
- Add Link to Image
  Image Removed
- Access Stock images use the search feature to find images through keyword searches.
  Image Removed
Change selected images:
Image Removed
Edit the selected image:
Image Removed
Repeat Image Toggle:
- Repeat Image Toggle ON: It will center one image and replicate additional images as necessary on both sides of the image based on screen size.
  Image Removed
- Repeat Image Toggle OFF: Make the image the background and add the background color for any space remaining on both sides of the image based on the screen size.
  Image Removed
- Position: Allows you to determine the background image's exact horizontal and vertical placement.

Info
Some email clients (Windows 10 Mail, Android 4.4, Gmail app on iOS & Android with non Gmail account) won't support a background image. As a backup, we recommend that you select a background color similar to the image one.

Info Area
- Text Size: Ability to select the size of the font for the text in the header.
  Image Removed
- Font Color: Set the font color for the header text.
  Image Removed
- Link Color: Set the color for links to display in the header.

Headings

A heading is a text element in an email or document that introduces and organizes content. Headings are typically larger and bolder than the surrounding text and can create a hierarchy of information that helps readers navigate and understand the content.

...

Expand

title	See Heading Options

Font
- Using the drop-down, select a font type for your Headings
  Image Removed
- Line Spacing
  - The line spacing setting allows users to adjust the vertical spacing between lines of text in an email message.
    Image Removed
- Heading Settings
  - Users can adjust three levels of headings for use in their emails.
    - Heading font size drop-down
      Image Removed
    - Bold | Italic Settings:
      - Click on the B to set the heading to Bold
        Image Removed
      - Click on the I to set the heading to an Italic
        Image Removed
    - Font color
      - The default is black to adjust and enter a new HEX Code.
        Image Removed

Button

A button in an email is a clickable graphic element designed to encourage the user to take action. The settings to customize its appearance, such as color, size, and padding, as well as to add links, allow users to create buttons that match their branding and design and to direct recipients to specific destinations.

...

Expand

title	See Button Options

Highlight Hovered Buttons Toggle
- A highlight-hovered button in an email is a clickable graphic element that changes its appearance when the user hovers their mouse over it, typically by increasing the brightness or contrast to create a visual cue that the button is interactive.
  Image Removed
Support of Outlook
- This option ensures the most accurate display of your buttons in MS Outlook email clients by inserting a special VML-code element. When this option is activated, the email size can be increased to kilobyte for each added button.
  Image Removed
Button Color
- Email button color settings refer to the customization options that allow users to change the background color to create a design that matches their branding and visual style.
  Image Removed
Font Color
- Set the font color for the header text.
  Image Removed
Text Style
- Font Selection drop-down.
  Image Removed
- Font Size drop-down
  Image Removed
- Bold and Italic SettingsBold | Italic Settings:
  - Click on the B to set the heading to Bold
    Image Removed
  - Click on the I to set the heading to an Italic
    Image Removed
Border Radius
- The border radius for a button in an email refers to the property that controls the curvature of the button's corners, allowing users to create buttons with sharp or rounded corners or with custom shapes, to add visual interest and reinforce the overall design of the email.
- The default is set to 30
  Image Removed
Border Radius
- The border of a button in an email refers to the outline or frame surrounding the button. It can be customized with options such as color, width, and style to create a distinct and visually appealing button that aligns with the overall design of the email.
  - More Toggle:
    - ON: The default is set to More, allowing you to edit each side of the border independently.
      Image Removed
      - Example
    - Image Removed
      OFF: Turn the More toggle off to adjust the border of the button all the way around the button.
      Image Removed
      - Results
        Image Removed
    - Internal Padding:
      - Padding around a button in an email refers to the amount of space between the edges of the button and the surrounding content. It can be adjusted to create a button that is visually balanced and aesthetically pleasing within the context of the email design.
        Adjust the internal padding to add space to the width or height of the button.
        Image Removed
        Example
        Image Removed

Mobile View

The settings section for mobile viewing experience in an email editor includes customization options for font size, heading size, button size, and email content margins, allowing users to optimize their email design for smaller screens and create a seamless and user-friendly mobile experience for their recipients.

...