Visual Banner Modal

Step 1: Tap on Start to add a visual banner to your app

• You have the option to add both an image and a YouTube video using + Add Image and + Add YouTube URL

• Describe your heading in the heading section for the offer or alert

• Add a button with a URL below the message to direct users to a specific action.

Step 2: Open the Appearance Settings

• Personalize the modal layout and style

• Click on the colour picker to change the background theme

• Select how the modal will appear: Bottom or Floating

• Update the dot colour using the colour picker. These dots show how many slides are available.

• Use Overall Card Orientation to place text on the desired side- left, center, or right

• Change the modal corner shape (sharp to rounded)

• Configure the close button position: inside or outside

• Set how often the modal appears for users, whether it will show every time they open the app, or only once during the first installation. So, if you select the option Every Time, the modal will display on each app launch and restart. But choosing Only Once will show only once when the app is installed and opened for the first time.

• Set the display delay before the modal is shown

• The modal will automatically close if users click anywhere outside of the modal. To apply this setting, turn on the Allow Outside Tap to Close.

• You can also modify the colour of the heading

• Adjust the roundness of the action button

• Choose the action button colour theme for background and text

Step 3: Move to the Visibility Menu

Pick how the modal should trigger:

1. Exact URL
2. Start with URL
3. Custom Reges

• Enter the URL in the provided field, whether selected Exact URL or Start with URL

• A regex is a regular expression that is used to understand a rule for finding specific text patterns. This way, the system automatically recognizes multiple matching pages or inputs. You do not need to manually list each one. For example, matching a page or text that includes the word discount anywhere in it:

.discount.

This would match:

• “today's discount sale”
• “extra_discount_available”
• “holidaydiscount2026”

• Save the changes to use this modal