Integrations
      Back to home
      1. Jurny University
      2. Integrations

      How to Connect the Jurny Booking Widget to Your Website

      Easily integrate Jurny’s booking engine into your website so guests can search, filter, and book stays directly.

      This guide shows you how to connect and customize the Jurny Booking Widget to your personal or business website. Once integrated, it lets guests browse properties, check availability, and complete bookings right on your site.

      Quick Navigation Index

      To easily navigate through this guide, click on any of the sections below to jump directly to the information you need:

      What Is the Jurny Booking Widget?

      The Jurny Booking Widget is a plug-and-play tool that lets you embed a booking experience into your website. It gives guests the ability to:

      • Search for properties by city and date

      • Filter results based on number of guests and pet-friendliness

      • View pricing, photos, and listing details

      • Check out securely through your Stripe or payment provider

      Step 1: Log In and Navigate to the Booking Engine

      1. Log in to your Jurny Dashboard

      2. Go to the Booking Engine section

      3. Click “Add New” to create a website for the widget

      Step 2: Create a New Website

      1. Enter a name for your website (this is for internal use)

      2. Assign properties or buildings to be displayed in the widget

      3. Select your Booking Mode:

        • 🔘 Instant Booking

        • 🔘 Request to Book

        • 🔘 Both

      4. Click “Create New Website”

      Screenshot 2025-05-15 at 2.44.55 PM

      Step 3: Add Your Domain

      After creating your website:

      Option A: Use a Jurny domain

      • Click Add Domain

      • Enter a name that ends with .jurny.com (e.g. yourbrand.jurny.com)

      • Click Add Domain

      Option B: Use your own custom domain

      • Click Add Domain

      • Paste your existing domain (e.g. www.mypropertysite.com)

      • Click Add Domain

      Note: It may take a few minutes for the domain to become active.

      Step 4: Embed the Widget Code in Your Site Builder

      Here’s the code snippet to paste into your website builder (such as WordPress, Wix, Webflow, or Squarespace):

      <!-- Include the Jurny Booking Widget script -->
      <script type="module" src="https://jurny.gitlab.io/jurny-universal-booking-widget/property-widget.es.js"></script>

      <!-- Add the booking widget container -->
      <property-list-container
      clientUrl="http://clientSite.com"
      backgroundColor="#ffffff" <!-- optional -->
      textColor="#333333" <!-- optional -->
      ></property-list-container>

      Tip: Replace http://clientSite.com with your exact domain—entered exactly as it was added in the Booking Engine. For example:

      • If you added https://www.mysite.com, use that exact version

      • Do not substitute it with www.mysite.com or mysite.com—they are treated differently and may cause the widget not to load properly.

       

      Caution: Make sure the script is loaded before the widget container to ensure it functions properly.

      Step 5: Search Filters and Display

      Your widget will now include:

      • City selector

      • Check-in and check-out date picker

      • Guest and pet filters

      All results update in real time based on your Jurny availability and calendar settings.

      Booking Flow: What Guests See

      1. Guest selects city, dates, and number of guests (and pets if allowed)Screenshot 2025-05-15 at 2.10.36 PM

      2. Available properties are displayed, including:

        • Photo carousel

        • Listing content (from your Jurny account)

        • Calendar availabilityScreenshot 2025-05-15 at 3.37.10 PM

      3. Guest selects dates → gets a quote showing:

        • Base rate

        • Cleaning fees

        • Additional charges

        • Local taxes

          Screenshot 2025-05-15 at 3.43.10 PM

      4. Guest continues to secure checkout via Stripe or your payment provider

      FAQs

      Can I use my own domain?
      Yes! You can use either a Jurny-provided domain or your own custom one.

      What if the widget doesn’t show up right away?
      It can take a few minutes to activate. Double-check that you pasted the code into the correct section of your website.

      Can I change the booking mode later?
      Yes, update this in the Booking Engine section anytime.

      Is it mobile-friendly?
      Yes, the widget is responsive and works on mobile devices.

      If you need help or have any questions, don’t hesitate to reach out. Contact your Customer Success Manager or our support team at support.jurny.com – we’re happy to assist.