Skip to content
English - United States
Nous Contacter
  • There are no suggestions because the search field is empty.

How to integrate an external booking engine into your hotel website

Simple steps to connect a new provider without disrupting your site

Key points:

  • The change of engine supplier does not affect the site's structure.
  • Integration is done via a link or embed code provided by the new service provider.
  • You need to replace the old booking links with the new ones.
  • A post-publication check ensures that everything is working correctly.

Changing your booking engine is a common occurrence during a redesign, a PMS upgrade, or a new pricing strategy. Fortunately, your Webflow site (or any other CMS) can easily accommodate a new provider without any visual impact or data loss.

1. Identify the desired type of integration

Booking engines are integrated in two main ways:

  • External link (redirection): the "Book" button opens the search engine on a new page.
  • Integrated widget (iframe or script): the search engine is displayed directly on your website.

💡 If you're looking for the best performance, external redirection is lighter. If you want a seamless experience, widget integration is more immersive.

2. Retrieve the information from the new service provider

Contact your new provider (e.g., Amenitiz, D-Edge, Reservit, Mirai, Availpro, Bookassist, etc.) and ask:

  • The official booking link (search engine URL)
  • The integration code (HTML or JavaScript) if it is a widget.
  • Specific parameters: language (?lang=fr), promo code, hotel ID, tracking, etc.
  • Tracking tags to integrate (GA4, Meta Pixel, conversion).

💡 Also note whether the engine uses a secure external domain (https://secure...) or a hosted iframe for compatibility with your site.

3. Replace the old booking link

a) If you use a “Book” button

  1. Open your site in Webflow Editor or Designer.
  2. Click the “Book” button.
  3. In Link Settings, choose External URL.
  4. Paste the new search engine link (e.g., https://booking.newprovider.com/?hotel=1234&lang=fr).
  5. Enable “Open in new tab” if desired.
  6. Click on Publish.

💡 Check that all the “Book” buttons on the site (menu, footer, offers, rooms) have been updated.

b) If the engine is integrated as a widget (code)

  1. Open the page where the current search engine is located (often a “Book” or “Availability” page).
  2. Delete the old Embed block (</>).
  3. Add a new Embed block from the Elements panel.
  4. Paste the new code provided by your service provider.
  5. Click Save & Close, then Publish the site.

💡 If the engine is large or loaded via a script, ask the provider for an asynchronous script to avoid slowing down the page.

4. Adapt the language and tracking

a) Language

Add the parameter ?lang=fr to the end of the link if your search engine opens in English by default. Example: https://booking.nouveaufournisseur.com/?hotel=1234&lang=fr

b) Conversion tracking

Transfer your Google Analytics 4 tags and Meta Pixel to the new engine (via the confirmation page). 💡 Most providers integrate these tools natively: simply provide them with your tracking IDs (GTM, GA4, Pixel).

5. Test the new engine

Before officially publishing:

  1. Click on “Book” from your website.
  2. Verify that the redirection or integration is displayed correctly.
  3. Try a full booking (without payment if possible).
  4. Control the language, currency, taxes, and tracking.

💡 Also test on mobile: some widgets require responsive adaptation.

6. Remove all traces of the old engine

To avoid any conflict or delays, please ensure that you:

  • Delete the old integration code or script.
  • Disable cookies and pixels linked to your previous provider.
  • Update your tracking tags (Google Tag Manager, Analytics, Meta Pixel).

7. Inform your team and partners

Inform your marketing team and partners (SEO, media agencies) about the engine change. They will be able to:

  • Update the links in your campaigns (Google Ads, newsletters, social media).
  • Verify the consistency of tracking and conversions.

Conclusion

Switching booking engines doesn't require a complete overhaul of your hotel website. Simply replace the old link or code with the new provider's, then test the entire process up to booking confirmation. In just a few minutes, your site will be connected to your new engine, ready to welcome your guests and track your conversions.