How to add Hostme reservation widget to your website
Jelena R. avatar
Written by Jelena R.
Updated over a week ago

To find Hostme website widget code, go to Admin panel -> Online tools -> Widgets.

BASIC WIDGET SETTINGS

  • Layout (Horizontal, Vertical, Button only)

  • Time appearance (Calendar format, Hourly selection, Periods of the day, Hidden)

  • Preferred guest count

  • Adaptive layout (The widget will adapt depending on screen size. On smaller screens, it will have Button only layout)

    IMPORTANT: There are now four different Time appearance settings to choose from:

    Calendar format - the precise format, always showing the current time.

    Guests select date and time by typing or pressing arrow keys over the time and date field. After clicking or tapping the date field, calendar dropdown will appear with current time and adjustable hours and minutes.

    Available timeslots will be displayed after clicking or tapping the Reserve button.

    Hourly selection - timeslots displayed by hours.

    Guests select date and time by typing or pressing arrow keys over the time and date field or through the calendar dropdown.
    Timeslot dropdown will display approximate timeframe per hour.

    Available timeslots will be displayed after clicking or tapping the Reserve button.

    Periods of the day - morning, afternoon, evening intervals.

    Guests select date and time by typing or pressing arrow keys over the time and date field or through the calendar dropdown.
    Timeslot dropdown will show morning, afternoon and evening interval.

    Available timeslots will be displayed after clicking or tapping the Reserve button.

    Hidden time appearance - no hours displayed.

    Guests select date and time by typing or pressing arrow keys over the time and date field or through the calendar dropdown.

    Available timeslots will be displayed after clicking or tapping the Reserve button.

    ADVANCED WIDGET CUSTOMIZATION

    When it comes to advanced widget code customization, there are many additional features to choose from:

    • Color scheme (Default, dark, light)

    • Language

    • Required guest count/date/time selection (The widget will not open the reservation window unless guest count/date/time are selected)

    • Hide header (Remove header wording above the widget)

    • Multiple restaurants (If you want to use one widget with multiple locations listed in the dropdown menu)

    • In place (If enabled - the widget will open as an overlay window on your website page.
      If disabled - the widget will open in a new tab related to Hostme Guest page)

    WIDGET LAYOUT

    Widget will have Vertical layout by default. You can also choose to have a Horizontal or Button only layout:

    • Horizontal layout

    • Button only layout

      In order to add the widget to your website, you should simply copy the final HTML link and paste it to a relevant website component depending on your website design and planned layout.


Did this answer your question?