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

How to change the link to your booking engine on your hotel website

Simple method to update the link of the “Book” button

Key points:

  • The booking link can be modified directly in the Webflow Editor or Designer.
  • You can replace an outdated URL with a new one provided by your service provider.
  • Enabling "Open in a new tab" improves the user experience.
  • The modification does not require going back through the Designer if you have access to the Editor.

Your booking engine is the gateway to your direct sales. If you change providers (e.g., D-Edge, Reservit, Amenitiz, Mirai) or if your booking URL changes, it's essential to update this link immediately. Here's how to easily modify the link on your "Book Now" button.

1. Retrieve the new URL of the booking engine

Start by copying the new official link from your provider. It is often found in:

  • Your dashboard or administrator account (section “Integration” or “Direct link to the engine”)
  • A configuration email sent by your provider.
  • Your technical documentation (e.g., https://secure.d-edge.com/?hotel=XXXX or https://booking.amenitiz.io/...)

💡 Tip: Test the URL in your browser before pasting it to ensure that it opens the booking page correctly.

2. Edit the link in Webflow Editor (easiest method)

If you have access to Webflow Editor:

  1. Log in to your hotel website.
  2. Open the page containing the “Book” button.
  3. Hover over the button and click Edit Link.
  4. Select the external URL and paste the new booking address.
  5. Check “Open in new tab” to open the engine in a new window.
  6. Click Publish to save the changes and make them available online.

💡 This only takes a few seconds and does not change the button layout.

3. Modify the link in Webflow Designer (advanced method)

If you prefer to work from the Designer:

  1. Open the Designer.
  2. Select the “Reserve” button in the item hierarchy.
  3. In the Settings panel (⚙️), locate the Link Settings field.
  4. Paste the new, complete URL into the link field.
  5. Check “Open in new tab” if it is not already checked.
  6. Publish the site via Publish > Domain to apply the change.

💡 You can also modify several “Book” buttons in succession (e.g., main menu + footer) to ensure consistency across the entire site.

4. Check the display and redirection

Once the link has been modified and published:

  • Refresh your hotel website.
  • Click the “Book” button to test the redirection.
  • Verify that the search engine opens to the correct interface and the correct hotel.

💡 If the redirection doesn't work:

  • Make sure the link starts with https://.
  • Check that the search engine accepts your website's domain in its authorization settings (often configured on the provider's side).

5. Update the link in other areas of the site

Some hotel websites use multiple "Book Now" buttons (menu, rates section, pop-up, footer). Check and update all locations to avoid outdated redirects.

💡 Use Navigator mode (F) in Webflow Designer to quickly locate all buttons with the same class.

Conclusion

Changing the booking engine link on your hotel website is a quick and risk-free process. With just a few clicks in Webflow Editor or Designer, you can redirect your visitors to the new booking interface and ensure the continuity of your direct sales.