Versions Compared

Key

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

...

Drag the four-column structure into the content area to display your content.

...

Understanding the Structure Options

Structure options refer to elements or components used to organize and layout content within an email template. Users can create visually appealing and well-organized email templates with a horizontal layout.

  • Flexibility: Insellerate provides a flexible drag-and-drop interface that allows you to easily add, remove, rearrange, and resize content

...

  • blocks within each stripe. You can adjust the width and height of the blocks to achieve the desired layout.

  • Responsive Design: Insellerate is designed to be responsive, meaning the email templates created using this structure will adapt and display properly on different devices and screen sizes. Insellerate takes care of the responsive coding behind the scenes, making it easier to create mobile-friendly email designs.

Stripes

Horizontal Layout: A Stripe Structure divides the email template or section into multiple horizontal segments or "stripes." Each stripe represents a row in the layout.

  • Content Blocks: Within each stripe, you can add different content blocks such as text, images, buttons, dividers, or other elements. These blocks are arranged horizontally within the stripe and can be customized individually.

Structures

Structure: Insellerate, a structure refers to the overall layout or arrangement of content within an email template. It defines the high-level organization of different blocks of content.

Containers

Container: A container is a specific component within a structure that holds and encapsulates content. It acts as a placeholder or wrapper for other Blocks, such as text, images, buttons, or additional nested structures. Containers provide a way to group related content together, define their positioning, and apply styling properties. They are often used to create visually coherent sections or blocks within email templates.

...

Structure Options

Overall, the Insellerate email editor provides extensive options for structuring the appearance of your email templates. Insellerate offers various data options to populate your templates with personalized and dynamic content, including content blocks, personalization features, data binding, and dynamic variables. These features empower you to create visually appealing, personalized, and data-driven email campaigns.

Stripes -Content

Appearance

Insellerate offers a variety of styling options to customize the appearance of your email templates. You can modify colors, fonts, text sizes, backgrounds, borders, and more.

...

  • Message Area: Selecting the Message Area ensures that the appearance of the message area aligns with the customized settings in the selected areas (header, content, footer, and info area), providing a cohesive and visually consistent email template.

    Image Added
  • Stripe Background Color: The Stripe background color for the Stripe section in an email is the color that fills the area behind the Stripe 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.

    Image Added
  • Background color of content: Easily customize the background color of the content within your email templates, allowing you to create visually appealing and cohesive designs.

    Image Added
  • Background Image

    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 Added

       

    •  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 Added

         

      • Add a link to an image.

         

        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 Added

         

    • Email Background Image - How to Modify

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

  • Change selected images.

    Image Added

     

  • Edit a selected image.

    Image Added

     

  • 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 Added

       

    • 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 Added

       

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

      Image Added

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.

Structure- Content

More About the Content Library

...