Please follow the steps below to add a feature to manage the booking button from a menu or button on your website.
- Please place the booking button code you have created through your HotelRunner panel onto an area of your choice. Suggested area <head> … </head>or <footer> … </footer> tag content.
Sample Code:
-
<style type='text/css'>@import url(//d2uyahi4tkntqv.cloudfront.net/assets/widgets.booknow.css?v=1.0.0); </style><script async='true' src='//d2uyahi4tkntqv.cloudfront.net/assets/jquery.js?v=1.0.0'></script><script id='hr_widget_script' async='true' src='http://test-hotel.hotelrunner.com/widgets/8f104702bb1c57984586/values.js?v=1.0.0'></script>
- Please add your code in the below button.
onclick="HotelRunnerWidget.show(); return false;"
After this step, HotelRunner booking button will open successfully when you click on your own button. To hide the HotelRunner booking button, you may add the display=”none” feature.