How to add a promo code to the “Book” button on your hotel website
Enter a promotional code to automatically trigger an offer
Key points:
- You can add a promo code directly to the booking engine link.
- The website does not manage promotions: these are configured in your booking engine.
- The code is passed via a URL parameter, added to the end of the button's link.
- Ideal for creating marketing campaigns or exclusive offers
Adding a promo code to your "Book Now" button allows you to redirect your visitors to a specific offer (e.g., member rate, direct discount, special package). It's easy to do: simply modify the button's link in Webflow to include the code.
1. Configure the promo code in your booking engine
Log in to your search engine provider (e.g., D-Edge, Reservit, Amenitiz, Mirai, BookAssist, etc.) and create an active promotional code. During creation:
- Define the code name (e.g., “WINTER2025”)
- Choose the validity dates and conditions of application (rooms, offers, minimum stay, etc.)
- Copy the URL of the engine specific to the code, if provided.
💡 Most search engines generate a ready-to-use URL already containing the promo code.
2. Add the promo code to the URL manually (if necessary)
If the search engine doesn't automatically generate the link, you can manually add the code to the end of your booking URL. Examples vary depending on the search engine:
- D-Edge → https://secure.d-edge.com/?hotel=XXXX&promo=HIVER2025
- Reservit → https://reservation.reservit.com/?lang=fr&promo_code=HIVER2025
- Amenitiz → https://booking.amenitiz.io/?lang=fr&discount=HIVER2025
💡 The exact name of the parameter (promo, promo_code, discount, etc.) depends on the engine used. You will find it in the documentation or via their technical support.
3. Edit the button link in the Webflow Editor
Once your complete link is ready:
- Log in to Webflow Editor.
- Go to the page containing the “Book” button.
- Click the button, then open the Link Settings.
Choose an external URL and paste the link with the promo code. Example: https://secure.d-edge.com/?hotel=1234&lang=fr&promo=WINTER2025
- Check “Open in new tab” if you want the engine to open in a new tab.
- Click Publish to save.
💡 You can create several different “Book” buttons on your site, each pointing to a specific offer (Ex: “Wellness Offer”, “Romantic Stay”, “Long Stay Rate”).
4. Test the redirection
Once published:
- Reload your site and click the “Book” button.
- Check that the engine opens correctly with the pre-applied offer or promotional rate.
- Test on multiple browsers and devices to confirm proper functionality.
💡 Some search engines display the promo code in an automatic field; others redirect directly to the discounted price.
5. Track the performance of your promo code
To measure the results of your campaign, you can add UTM parameters to the link:
https://secure.d-edge.com/?hotel=1234&promo=WINTER2025&utm_source=site&utm_medium=button&utm_campaign=winter-offer
This will allow you to track clicks and conversions in Google Analytics or your tracking tool.
Conclusion
Yes, you can absolutely add a promo code to the "Book Now" button on your hotel website. Simply integrate the code into the URL of the booking engine configured for this offer. This easy method allows you to personalize your marketing campaigns and offer exclusive discounts, while maintaining a seamless experience for your visitors.