How to add BNBForms widget in Webflow

Note: in order to add the BNBForms script to Webflow, you need to be on a premium (paid) Webflow account or have an active Webflow site plan.

There are different ways to add the code script, but we recommend adding it to the Head section in order for the code to be applied to the entire site and the widget displayed automatically on every page.

Follow these steps to add the BNBForms script to Webflow and display the booking widget on every page.

  1. Copy the BNBForms widget script
  2. copy script

  3. In your Webflow account, visit Site settings > Custom code tab.
  4. Copy and paste the BNBForms widget code script to the Head code section.
  5. Save the changes.