Floating Center- Modal

Step 1: Click on Start for further customization

• You can add both an image and a YouTube video using + Add Image and + Add YouTube URL

• Write the heading of the offer or alert

• Include a subheading for the message in a short, complete sentence

• Lead user to the specific action using a button and URL right below the message

Step 2: Go to Appearance

• It allows you to modify the overall appearance of the modal

• Select the modal’s background color by clicking on the circle

• Choose the modal type - Bottom or Floating

• You can also select the colour of carousel dots by clicking on the circle. It is usually a small, horizontal circle at the bottom of a carousel, banner, or image slider that shows the total number of slides.

• Display the text to show on the left, center, or right side of the slide with the Overall Card Orientation

• Set the roundness of the modal’s corner

• Select where you want to show the default close button - inside or outside

• Decide how often the modal will be shown to users - every time or only once. Selecting the Every Time option displays each time the app opens and restarts. If you choose Only Once, it shows only once when the app is installed and opened for the first time

• Define the time gap before the modal is shown, such as instantly or in seconds

• Users can close the modal if tap anywhere outside the modal if you have turned on the toggle of Allow Outside Tap to Close

• Change the colour of the heading and sub-heading’s text

• Set the roundness of the action button

• Also, customize the colour combination of the button’s background and text

Step 3: Navigate to Visibility

Choose the page or URL where the modal will appear

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

• Paste the URL in the given field, whether you chose Exact URL or Start with URL

A regex is a special way to search text using patterns. It helps you show the modal on multiple pages at once. You do not need to add each page separately, as it finds pages that match the pattern you set. You write a pattern rule that tells the system what kind of text is allowed here? For example:

Instead of saying: “Enter email” You define a rule like: “Email must look like text@text.com”

Match words containing offer

• .offer.

Matches:

• “big offer today”
• “special_offer_2026”
• “new offer available”

• Save your settings to apply this modal