Create a Floater – By Scratch Method

A Floater App Banner is a small, non-blocking banner that appears on top of a webpage or application without interrupting the user's current activity. Unlike a modal, a floater does not prevent users from interacting with the page.

After successfully logging in, navigate to the App Banners module from the left-side navigation panel and follow the steps below.

Step 1: Open the App Banners Module

Click App Banners from the left-side navigation panel.

Step 2: Create a New App Banner

Click the Create App Banner button. The App Banner Details form appears.

Enter the required details such as Name,Device,Language, and select Floater theApp Banner Type.

and continue to the Next Step

Click the Next button.

Screen – Create App Banner

Select the Start from Scratch method.

The Visual Editor opens with a blank canvas to create the floater from scratch.

Step 5: Open the Design Block Panel

Click the Plus (+) button on the canvas or the Layout tab to open the Design Block Panel.

Step 6: Add Design Blocks and Modal Content

Add the text, images, styling, and other properties by selecting the required design block, such as Heading,Text,Image,Button (CTA), or any other available element to build the modal.

Screen – Add Floater Design Blocks

Step 7: Save the Floater

Click Save Changes to save the modal.

Step 8: Preview the Floater

Click Preview to review the modal before publishing.

Step 9: Publish the Floater

Click Publish. A popup appears to enable or disable the App Banner.

A Publish popup appears displaying the Floater details. Review the publish settings such as Start Date, End Date, Run Forever, and Show Only Once. Update the settings as required before publishing.

Step 11: Publish the Floater

Click the Publish button to make the app banner live.

After saving or publishing, the Floater App Banner appears on the App Banner Dashboard. Once integrated with the web application, users can view the Floater on the website.