HTML Editor

The HTML Editor for In-App Content allows you to design and customize your in-app messages using HTML 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 in-app content projects effectively. You can also add an optional description. Once added, click Next to access the Content Section.

Content Section

Add Languages: You can add multiple language versions for your in-app content 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 among three layout types to display your content:

1. Pop-up

   • Pop-up Width: Set the width of the pop-up to fit your design.
   • Dismiss on Touch Outside: Enable this setting to allow users to close the pop-up by touching outside it.

2. Banner

   • Layout Position: Choose either "Top" or "Bottom" from the dropdown menu for banner placement.
   • Dismiss on Touch Outside: Enable this setting to allow users to close the banner by touching outside it.

3. Full Screen

   • The message covers the entire screen of the device, so there are no additional layout settings.

For all layouts, there's an HTML Editor where you also can:

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

Design with BEE Editor: If you prefer building your message visually instead of writing code, click Design with BEE Editor. It opens a drag-and-drop editor where you can design your layout with ready-made content blocks (title, paragraph, list, image, button, divider, spacer, social, dynamic content, HTML, video, icons, menu, and text). From its toolbar you can preview your design, send a test, show the structure outlines, and export or upload a template. When you're done, click Save and Back; the HTML generated by the BEE Editor is placed into the HTML Editor.

A Preview Tab is available to view the layout on a mobile device frame.

Test: Click the Test button to open the Test In-App Template window. Here you can preview your message on a device frame, click Show Another to change the preview, or click Send Test In-App to send the message to your registered test devices.

After adding your content successfully, save it as a draft for future use or publish it to make it ready for your campaigns. Once saved, you can also use the More menu to duplicate the template or delete it, and if the approval process is enabled for your account, you can send the content for approval before publishing.