How to create a custom booking button for your site?

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.

  • Bu makaleyi faydalı buldunuz mu?
  • Evet   Hayır