The HTML Editor allows you to design and customize layouts that align with your brand's unique style using code. This section offers full control over the layout and design elements, enabling you to tailor each aspect to fit your specific brand identity.

General Section

Name and Folder Details: Enter a name and folder location to organize your HTML editor projects effectively. Once added, click Next to access the Content Section.

Content Section

Add Languages: You can add multiple language versions for your HTML editor project to reach diverse audiences. When adding a new language, you’ll have two options:

1. Copy from Content: Duplicate the existing content in a new language to ensure consistency across versions.
2. Create Blank Content: Start from scratch with a blank template to build unique content for the selected language.

Select Layout: In the Select Layout section, choose between two layout types to display your content:

1. Popup
   • Popup Width: Set the width of the popup to fit your design.
   • Close Button: Add a close button with an option to position it outside the popup.
   • Dismiss on Click Outside: Enable this setting to allow users to close the popup by clicking outside it.
2. Banner
   • Layout Position: Choose either "Top" or "Bottom" from the dropdown menu for banner placement.
   • Keep in Place on Scroll: Toggle this option to keep the banner visible as users scroll.

For both layouts, there’s an HTML Editor where you also can:

• Insert Customization Tags: Use tags for personalization.
• Image URL: Link an image directly.
• Dynamic Image and Dynamic Content: Include dynamic assets to match user-specific data.

A Preview Tab is available to view the layout on both mobile and desktop versions.

After adding your content successfully, save it as a draft for future use or publish it to make it ready for your campaigns.