5 min czytania

[Plan Darmowy Dostępność Rezerwacja](https://www.bookingmood.com/pl-PL/pricing)

# Embed customization

**You can change many widget settings in the embed code instead of in the admin panel. That way one widget can serve several pages, for example the same calendar on the English and the German version of your website.**

## [Available parameters](#available-parameters)

Parameters that are missing or have an invalid value fall back to the widget's own setting.

### [Booking](#booking)

| Parameter | Description | Values |
| --- | --- | --- |
| `start` | Initially selected arrival date | Date as `YYYY-MM-DD` |
| `end` | Initially selected departure date | Date as `YYYY-MM-DD` |
| `guests` | Initially selected number of guests | Positive integer |
| Name of a capacity group, such as `adults` | Initially selected number of guests in that group (lowercase name) | Positive integer |
| `product_id` | Initially selected unit, in widgets with several units | Unit ID |
| Name of an attribute, such as `pool` | Initially selected option of that attribute (lowercase names) | Option name |

### [All widgets](#all-widgets)

| Parameter | Description | Values |
| --- | --- | --- |
| `locale` (or `language`) | Language of the widget | A [supported language](#supported-languages) |
| `currency` | Currency to display prices in | A [supported currency](#supported-currencies) |
| `font` | Font of the widget | Font name from Google Fonts |
| `stay_expanded` | Always show the booking form | `true` or `false` |
| `autocomplete_date_selection` | Complete the date selection when only one date is possible | `true` or `false` |
| `date_visibility` | Which dates to show | `all`, `hide-closed`, `hide-unavailable` |
| `initial_date` | Month the calendar opens on | `today`, `next-available` |
| `week_starts_on` | First day of the week | `0` (Sunday) to `6` (Saturday) |
| `first_week_contains_date` | Date that the first week of the year contains | `1` or `4` |
| `color_available`, `color_booked`, `color_closed`, `color_tentative`, `color_unavailable` | Colors of dates | Hex color, such as `00C483` |
| `color_primary`, `color_surface`, `color_text`, `color_info`, `color_warning`, `color_error` | Colors of the widget | Hex color |

### [Calendar widgets](#calendar-widgets)

| Parameter | Description | Values |
| --- | --- | --- |
| `display_legend` | Show a legend explaining the colors | `true` or `false` |
| `display_product_images` | Show the unit's images above the calendar | `true` or `false` |
| `display_product_name` | Show the unit's name above the calendar | `true` or `false` |
| `display_week_numbers` | Show week numbers | `true` or `false` |
| `interval_wrap_style` | Shape of bookings that continue in the next week | `square`, `jagged` |
| `number_of_months` | Number of months shown side by side | Positive integer |
| `rate_location` | Where prices are shown | `inline`, `tooltip` |
| `rate_visibility` | On which dates prices are shown | `all`, `available`, `none` |
| `show_totals` | Show the total price when dates are selected | `true` or `false` |
| `show_yearly` | Show a yearly calendar when there's room | `true` or `false` |
| `size` | Size of the widget | `compact`, `regular` |
| `theme` | Theme of the widget | `modern`, `classic` |

### [Timeline widgets](#timeline-widgets)

| Parameter | Description | Values |
| --- | --- | --- |
| `display_legend` | Show a legend explaining the colors | `true` or `false` |
| `display_product_covers` | Show unit images next to their names | `true` or `false` |
| `display_product_details` | Show unit details when a unit is selected | `true` or `false` |
| `display_weekdays` | Show the days of the week | `true` or `false` |
| `limit_height` | Limit the height, so only a few units are visible at a time | `true` or `false` |
| `max_height` | Maximum height in pixels | Positive integer |
| `rate_location` | Where prices are shown | `inline`, `tooltip` |
| `rate_visibility` | On which dates prices are shown | `all`, `available`, `none` |
| `show_totals` | Show the total price when dates are selected | `true` or `false` |
| `size` | Size of the widget | `responsive`, `compact`, `wide` |
| `theme` | Theme of the widget | `modern`, `classic` |

### [Inventory widgets](#inventory-widgets)

| Parameter | Description | Values |
| --- | --- | --- |
| `autoselect_random_unit` | Select an available unit of a group at random | `true` or `false` |
| `display_legend` | Show a legend explaining the colors | `true` or `false` |
| `display_product_details` | Show unit details when a unit is selected | `true` or `false` |
| `display_week_numbers` | Show week numbers | `true` or `false` |
| `grouping_attribute_id` | Attribute to group units by | Attribute ID |
| `interval_wrap_style` | Shape of bookings that continue in the next week | `square`, `jagged` |
| `number_of_months` | Number of months shown side by side | Positive integer |
| `rate_location` | Where prices are shown | `inline`, `tooltip` |
| `rate_visibility` | On which dates prices are shown | `all`, `available`, `none` |
| `round_search_result_prices` | Round prices in the results | `true` or `false` |
| `search_result_layout` | Layout of the results | `list`, `grid`, `map` |
| `show_rates` | Show the price of each unit | `true` or `false` |
| `show_unavailable_products` | Also show unavailable units in the results | `true` or `false` |
| `show_yearly` | Show a yearly calendar when there's room | `true` or `false` |
| `size` | Size of the widget | `compact`, `regular` |
| `theme` | Theme of the widget | `modern`, `classic` |

### [Search widgets](#search-widgets)

| Parameter | Description | Values |
| --- | --- | --- |
| `autoselect_random_unit` | Select an available unit of a group at random | `true` or `false` |
| `display_product_details` | Show unit details when a unit is selected | `true` or `false` |
| `filters` | Search fields, in order | Repeat for each field: `dates`, `occupancy` or an attribute ID |
| `grouping_attribute_id` | Attribute to group units by | Attribute ID |
| `rate_location` | Where prices are shown | `inline`, `tooltip` |
| `rate_visibility` | On which dates prices are shown | `all`, `available`, `none` |
| `round_search_result_prices` | Round prices in the results | `true` or `false` |
| `search_result_layouts` | Layouts guests can choose from | Repeat for each layout: `list`, `grid`, `map` |
| `show_unavailable_products` | Also show unavailable units in the results | `true` or `false` |
| `size` | Size of the widget | `small`, `regular` |

## [Modifying embed codes](#modifying-embed-codes)

To modify a widget, you'll have to change the embed code. For example, let's modify a widget to show week numbers. Then we can modify the embed code as follows:

### [Inline](#inline)

Change `display_week_numbers=false` to `display_week_numbers=true`

> Note that we use `snake_case` for parameter names here.

### [Popup](#popup)

Change `data-display-week-numbers="false"` to `data-display-week-numbers="true"`

> Note that we use `kebab-case` for parameter names here.

### [Popover & Side tab](#popover-side-tab)

Change `displayWeekNumbers: false,` to `displayWeekNumbers: true,`

> Note that we use `camelCase` for parameter names here

## [Supported languages](#supported-languages)

Use one of these codes for `locale`:

- `be-BY` białoruski
- `bg-BG` bułgarski
- `cs-CZ` czeski
- `da-DK` duński
- `de-DE` niemiecki
- `en-GB` angielski brytyjski
- `en-NZ` angielski (Nowa Zelandia)
- `en-US` angielski amerykański
- `es-ES` hiszpański
- `eu-ES` baskijski
- `fr-FR` francuski
- `gr-EL` Ελληνικά
- `he-IL` hebrajski
- `hr-HR` chorwacki
- `hu-HU` węgierski
- `it-IT` włoski
- `ja-JP` japoński
- `lt-LT` litewski
- `lv-LV` łotewski
- `nl-NL` niderlandzki
- `nn-NO` norweski (nynorsk)
- `pl-PL` polski
- `pt-BR` portugalski
- `ro-RO` rumuński
- `ru-RU` rosyjski
- `sk-SK` słowacki
- `sl-SI` słoweński
- `sr-Cyrl` serbski (cyrylica)
- `sr-Latn` serbski (łacińskie)
- `sv-SE` szwedzki
- `tr-TR` turecki
- `uk-UA` ukraiński

## [Supported currencies](#supported-currencies)

Use one of these codes for `currency`. Prices are converted with exchange rates that are updated daily; guests pay in the unit's own currency.

- `ARS` peso argentyńskie
- `AUD` dolar australijski
- `BRL` real brazylijski
- `BYN` rubel białoruski
- `CAD` dolar kanadyjski
- `CHF` frank szwajcarski
- `CLP` peso chilijskie
- `CNY` juan chiński
- `COP` peso kolumbijskie
- `CZK` korona czeska
- `DKK` korona duńska
- `EGP` funt egipski
- `EUR` euro
- `GBP` funt szterling
- `HKD` dolar hongkoński
- `HUF` forint węgierski
- `ILS` nowy szekel izraelski
- `INR` rupia indyjska
- `JPY` jen japoński
- `KRW` won południowokoreański
- `KYD` dolar kajmański
- `MAD` dirham marokański
- `MXN` peso meksykańskie
- `MYR` ringgit malezyjski
- `NGN` naira nigeryjska
- `NOK` korona norweska
- `NZD` dolar nowozelandzki
- `PEN` sol peruwiański
- `PHP` peso filipińskie
- `PLN` złoty polski
- `RON` lej rumuński
- `RUB` rubel rosyjski
- `SEK` korona szwedzka
- `SGD` dolar singapurski
- `THB` baht tajski
- `TRY` lira turecka
- `TWD` nowy dolar tajwański
- `UAH` hrywna ukraińska
- `USD` dolar amerykański
- `XOF` frank CFA
- `VND` dong wietnamski
- `ZAR` rand południowoafrykański

Ostatnia modyfikacja 3 listopada 2026