Content Comparison

...

Drag a single column into the content area to display your content.

...

Two-Column Structure

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

Two evenly-spaced columns

...

Two columns with a smaller column on the left

...

Two columns with a smaller column on the right

Three-Column Structure

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

...

Image Added

Four-Column Structure

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 lay out 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 users to easily add, remove, rearrange, and resize content blocks within each stripe. You Users 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 manages the responsive coding behind the scenes, making it easier for users to create mobile-friendly email designs.

Stripes

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

...

Within each stripe,

...

users 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 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 Blocksblocks, 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 The Insellerate email editor provides extensive options for structuring the appearance of your email templates. Insellerate It 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 users to create visually appealing, personalized, and data-driven email campaigns.

...

...

• Background color of the structure 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.

  

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

    

     

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

    

    The options include the following:

    • Upload an image.

      

       

    • Add a link to an image.

       

      

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

        

      • Accept the Link by selecting the check mark.

      • 

        Image Storage Options

        

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

      

       

  • Modify Background Image - Users can modify the appearance and layout of images once they have been selected.

    • Change selected images.

      

    •  Edit a selected image.

      

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

        

         

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

        

         

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

      

...

• Padding between containers on mobile, this toggle adjusts the padding between containers on mobile devices, ensuring optimal spacing and layout consistency across different screen sizes, resulting in a seamless and visually pleasing email design.

  • Default option is On ON (Recommended recommended to leave at default)

...

By leveraging the Data section in the structure section, you users can enhance your email templates with personalized and dynamic content, streamline content management, and ensure your messages are tailored to the individual recipient's data.

...