How to add BNBForms widget in Drupal

Here are the steps to connect BNBForms to your Drupal website.

  1. Go to Manage > Structure > click Block Layout.
  2. bnbforms-drupal-01

  3. Navigate to Block Layout > choose Custom block library.
  4. Custom block library > click Add custom block.
  5. bnbforms-drupal-03

  6. Add a custom block > click on Basic block.
  7. bnbforms-drupal-04

  8. Add the Basic block custom block > choose Full HTML in Text format > click Source in Body menu > paste code > click Save.
  9. bnbforms-drupal-06

  10. Go to Manage > Structure > Block Layout > choose a block area that will be displayed on all pages and located at the bottom. In the example below, it’s a Bottom area > click Place block > find by name your block > click Place.
  11. Configure block > click Save block.
  12. bnbforms-drupal-08

  13. Select Block layout > click Save blocks at the bottom of the page.
  14. bnbforms-drupal-09

Go to the live site to see your Book Now button.

bnbforms-drupal-10 book now button

Click on it to see the booking widget: