NightsBridge Calendar Triggers
v1.0

Choose How Your Booking Popup Works

Test different embed styles for your NightsBridge iframe calendar. These options make it easy for anyone to keep visitors on their own site and drop in powerful booking functionality.

Choose a Demo

Floating Standard Button

Classic floating button that opens the NightsBridge Calendar on click.

Floating Round Button

Always-visible, round button with a calendar icon, in the bottom corner.

Exit-Intent Popup

Opens when someone tries to leave (exit) the page. Works on desktop only.

Timed Popup

Appears automatically after 8 seconds. You can change the wait period.

Inline Calendar

Direct iframe embed. Requires 1000px+ width for multiple months.


Generate Your Embed Code

We'll notify you when new versions are available
Enter the domain where you'll use this code (e.g., example.com)

How to Add the Embed Code to Your Website

  1. Copy the generated code above by clicking the "Copy" button.
  2. Open your website's HTML file or content management system (CMS) editor (e.g., WordPress, Wix, Squarespace).
  3. Decide where to place the code:
    • Global placement: Add the code to your website's header or footer to show the popup on every page.
    • Page-specific placement: Add the code to a specific page's HTML to show the popup only on that page.
  4. Paste the copied code into the section of your website's HTML, ideally just before the closing tag.
  5. Save and publish your changes. The booking popup will now appear on your website based on the selected style.
  6. Test the popup to ensure it works as expected. Contact support if you encounter issues.
  7. Need help embedding the code?