Versions Compared

Key

  • This line was added.
  • This line was removed.
  • Formatting was changed.

...

The Stripes section includes the appearance options for the Header, Content, Footer, and Info area in an email.

...

Stripes appear in the Stripe Content section around the content.

...

This article describes the following options available in the Stripes section:

...

The header section of an email template is the top part 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

This allows users to select the size of the font for the text in the header.

...

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 users want to use.

...

Content Background Color

This is the color in an email 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 users want to use.

...

Font Color

...

This allows users to set the font color for the header text.

...

Link Color

...

This allows users to set the color for links to display in the header.

...

...

Background Image - How to Add

The email background image allows users to apply an image as the background of an email message. It's the image that will fill the entire area behind the email content.

...

  • Turning the Background Image toggle to ON opens the options to add a background image.

    Image RemovedImage Added


    The options include the following:

    • Upload an image.

       

    • Add a link to an image.

      Image Removed

      a linked path to access an image from a shared storage space.

      Image Added
      • Tiles: The option to tile an image as a background allows you to repeat the image seamlessly across the element, creating a pattern-like effect.

        Image Added
      • Accept the Link by selecting the check mark.

      • Image Added

        Image Storage Options

        Image Added
        • Download to the gallery will store the image in the gallery for use in other communications.

        • Leave it as an external link. It will reference the link when used. 

    • Access stock images using the search feature to find images through keyword searches.

      Image Removed

       

    • Change selected images.

      Image Removed

       

    • Edit a

      Image Added
      •  If you plan to use the image once:

        • Select Leave as external link from the dropdown menu.

        • Click the checkmark.

      • If you plan to use the image for multiple email campaigns:

        • Go to the Project tab and insert the link.

        • Select Download to the gallery.

        • Click the checkmark to save the image for future use.

Email Background Image - How to Modify

Users can change or modify the appearance and layout of images once they have been selected.

  • Change selected images. Clicking the Change Image button allows users to change the selected image.

    Image Added

  • Edit a selected image. Clicking the Edit Image button allows users to edit the selected image.

    Image Modified 

  • Set the Repeat Image toggle.

    • Turning the Repeat Image Toggle ON centers one image and replicates additional images as necessary on both sides of the image based on screen size.

      Image Modified

    • Turning the Repeat Image Toggle OFF makes the image the background and adds the background color for any space remaining on both sides of the image based on the screen size.

      Image Modified 

  • Adjusting the Position X and Y options allows users to determine the background image's exact horizontal and vertical placement.

    Image Modified

Info

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

...

Content

...

Text Size

...

This allows users to select the size of the font for the text in the header.

...

Content Background Color

The background color for a footer section in an email is the color that fills the area behind the footer 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 users want to use.

...

Font Color

...

This allows users to set the font color for the header text.

...

Link Color

...

This allows users to set the color for links to display in the header.

...

...

Text Size

...

This allows users 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 users want to use.

...

Content Background Color

...

This is the color in an email 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 users want to use.

...

Font Color

...

This allows users to set the font color for the header text.

...

Link Color

...

This allows users to set the color for links to display in the header.

...

...

...

Email Background Image - How to Add

This allows users to apply an image as the background of an email message. It's the image that will fill the entire area behind the email content.

  • The default Background Image toggle is OFF.

    Image RemovedImage Added

     

  • Turning

     Turning the Background Image toggle to ON opens the options to add a background image.

    Image Added


    The options include the following:

    • Upload an image.

      Image Modified

       

    • Add a link to an image.

      Image Removed

       

      Image Added
      • Tiles: The option to tile an image as a background allows you to repeat the image seamlessly across the element, creating a pattern-like effect.

        Image Added
      • Accept the Link by selecting the check mark.

      • Image Added

        Image Storage Options

        Image Added
        • Download to the gallery will store the image in the gallery for use in other communications.

        • Leave it as an external link. It will reference the link when used. 

    • Access stock images using the search feature to find images through keyword searches.

      Image Modified

       

Email Background Image - How to Modify

Users can modify the appearance and layout of images once they have been selected.

  • Change selected images.

    Image Modified 

  • Edit a selected image.

    Image Modified 

  • Set the Repeat Image toggle.

    • Turning the Repeat Image Toggle ON centers one image and replicates additional images as necessary on both sides of the image based on screen size.

      Image Modified

    • Turning the Repeat Image Toggle OFF makes the image the background and adds the background color for any space remaining on both sides of the image based on the screen size.

      Image Modified

       

    • Adjusting the Position X and Y options allows users to determine the background image's exact horizontal and vertical placement.

      Image Modified

Info

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

...

Info Area

...

Text Size

...

This allows users to select the size of the font for the text in the header.

...

Font Color

...

This allows users to set the font color for the header text.

...

Link Color

...

This allows users to set the color for links to display in the header.

...

More About the Content Library

...