To open the widget by any of your custom buttons or links, you need to add the custom CSS class bnbforms-bookingwidget-button
to the preferable button or link on your website.
For example: by clicking on this button with the custom class added, the booking widget will be opened.
You might want to hide the Book Now button in case, for example, you want to use any other website button for opening the Book Now widget by BNBForms.
# How to open a certain page in the booking widget
To enable site visitors to open a certain page in the booking widget by clicking on Book Now, you need to add the bnbforms-bookingwidget-button
CSS class together with href
attribute as the URL from your BNBForms account page.
Example for opening the Comfort Triple Room accommodation details:
<a class="bnbforms-bookingwidget-button" href="https://bnbforms.com/100112/accommodation/comfort-triple-room/">Book Now</a>
Data-attribute is also supported. You may add data-bnbforms-src
attribute to open a certain page. Example:
<button class="bnbforms-bookingwidget-button" data-bnbforms-src="https://bnbforms.com/100112/accommodation/comfort-triple-room/">Book Now</button>