Skip to main content

How to Configure the Direct Booking Widget

D
Written by Delta HQ Support Team

You can configure the Direct Booking widget from Settings > Direct Booking > Booking Widget.

How to view the Direct Booking Widget installation guide?

  1. Go to Settings > Direct Booking.

  2. Select the Booking Widget tab.

  3. Open Direct Booking Widget Installation Guide.

  4. Follow the instructions provided to embed the widget on your website.

How to change the order of filters on the Direct Booking widget?

  1. Go to Booking Widget > Widget Configuration.

  2. Find the Filter section.

  3. Drag and drop the filters into your preferred order.

How to show or hide filters on the Direct Booking widget?

  1. Go to Booking Widget > Widget Configuration > Filter.

  2. Use the visibility icon next to the filter.

  3. Select the filter you want to show or hide.

Available filters:

Collection, Location, Property, Stay Dates, Guests, and Bedrooms.

Note: Property, Stay Dates, and Guests are always displayed and cannot be hidden. When a filter is hidden, it automatically moves to the end of the filter order.

How to customize Direct Booking Widget colors?

  1. Go to Booking Widget > Widget Configuration.

  2. Scroll to the Colors section.

  3. Adjust the Primary, Secondary, and Action colors.

  4. Review the iFrame Preview to see the changes.

How to reset the Widget colors?

  1. Go to Booking Widget > Widget Configuration > Colors.

  2. Click Reset to default.

What is the iFrame Preview?

The iFrame Preview allows you to see how the configured filters and colors will appear on the Direct Booking widget.

Did this answer your question?