How to integrate a third-party tool (calendar, chat, reviews) on a specific page?
Add an external widget without impacting the rest of the site
Key points • Integrating a third-party tool is done via a script or integration code • Only the Designer allows you to place this code on a specific page • Global integrations should be avoided if the widget only applies to one page • Testing the display, responsiveness, and speed is essential
Adding a third-party tool—such as an external booking calendar, chat widget, review module, interactive map, CRM tool, or event planner—is an excellent way to enhance a dedicated page on your hotel website. To avoid overloading the entire site, it's often recommended to integrate it only on the relevant page.
Here's how to proceed in a clean, efficient and controlled manner.
Understanding how third-party tools work
Most external tools provide: • a JavaScript script • an iframe • HTML code • an integrated widget
This code must be added to the exact location where the widget should appear.
💡 The Designer is mandatory whenever custom code needs to be integrated.
Integrate a third-party tool into a specific page (recommended method)
To prevent the widget from appearing on all pages, it must be integrated directly into the desired page.
Procedure :
- Open the Designer.
- In the Pages tab, select the page in question.
- Place an embed code block where the widget should be displayed.
- Paste the code provided by the third-party tool (script, iframe, etc.).
- Save, then Publish.
- Test the display on desktop, tablet, and mobile.
💡 A widget integrated via an Embed block only loads on that page, which improves the overall performance of the site.
Integrate a tool into the <head> of a single page
Some tools require a script in the head section, such as: • advanced chat • tracking script • plugins that need to load before displaying
Method :
- Designer → Pages → select your page.
- Open Page Settings.
- Paste the script into the `before` section.
- Save and publish.
💡 This method allows the script to be limited to a single page, ideal for heavy tools.
Integrate an external calendar into a rooms or offers page
External booking calendars often use uniframes.
Procedure: • Insert an Embed block • Paste the provider's iframe • Adjust the width (100%) for responsive rendering • Test on mobile • Add appropriate padding if necessary
Integrate a chat only on one page
Chats are often global, but some tools allow for targeted integration.
To limit it to a single page: • Add the script via Page Settings → Custom Code • Do not add it to the global site's Custom Code • Test its appearance only on the page in question
Integrate a review widget (Google, TrustYou, TripAdvisor, etc.)
Depending on the tool, you will receive either an HTML widget or an iframe. Method:
- Insert an Embed block
- Paste the code
- Center or align the widget
- Check the height on mobile
- Ensure that the widget does not slow down the page.
💡 Review widgets are often heavy: prioritize integration on a single page (e.g., Reviews page, Room page).
Test the display after integration
After adding a widget: • Test on desktop • Check on mobile (essential) • Check page speed • Check that nothing extends beyond the screen • Test interactivity (scroll, clicks, forms)
What not to do
To preserve site performance and consistency: • Do not add the script to the global code if the widget applies to only one page. • Do not paste code into the Editor (not supported). • Do not use multiple resource-intensive widgets on a single page. • Do not leave an iframe without a responsive width.
Conclusion
Yes, you can integrate a third-party tool like a calendar, chat, or review module specifically on a single page. Using the Designer, you can place the script in an Embed block or in the page settings to precisely control where the widget appears. By testing for responsiveness and performance, you ensure a smooth and professional integration for your visitors.