How can I create a floating message or offer bar on my website?

Implement a floating bar popup to deliver messages or offers seamlessly on your website.


A floating message or offer bar is an effective way to deliver important announcements, promotions, or messages to your visitors in a highly visible and engaging manner.


Here’s how you can set it up:

  1. Navigate to Popup Manager: You’ll find this in your right navigation menu.
  2. Select the Floating Bar Template: Choose “Floating Bar - 1” to use the floating bar template.
  3. Copy the Template to Campaign Manager.
  4. Set Your Campaign Details:
    1. Campaign Name: Helps you identify your popup.
    2. Trigger Time: Sets how long a user needs to be on the page before the campaign starts.
    3. Recurrence: Sets how often the campaign can be seen again (in minutes).
    4. Segmentation List: This is the list of segments to whom this campaign is available.
    5. Frequency: How often the campaign is available (daily/ weekly/ monthly).
    6. Device Type: Which devices will display the campaign (Desktop/ Mobile/ Both).
    7. Location: Where the popup will appear on the screen.
  5. Customize Your Popup: This step involves several sub-steps:
    1. Bar Background Color: Choose the color for the background of the floating bar.
    2. Bar Text: Decide on the text that would be written on the floating bar.
    3. Text Color: Select the color of the text.
    4. Bar Height: Set the height of the bar or leave it as default.
    5. Bar Target: Determine upon clicking the floating bar, whether the link will open in a new window, the same window, or there will be no action.
    6. Target URL/Function: Specify the link to which the user would be redirected on clicking the bar.
  6. Choose Your URLs: Make a list of URLs where this popup will appear. These should be the pages on your website where you want the popup to be displayed.
  7. Finalize Your Popup: In the last step, decide where the popup should be displayed. The template has to be set to ‘Active’ to work.
  8. API Key: If you want to use the API for this popup, you can find the key at the bottom of the last page. This could be useful if you want to further customize the behavior of the popup using your own scripts.
  9. Save Your Changes: Once you’re happy with your floating message or offer bar, click “Save”.

And that’s it! Your floating message or offer bar is now live on your website. 


Did this answer your question?