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>