---
title: Booking Component Shortcode
description: "The `[homerunner-booking-widget]` shortcode is used to display the property booking component on single property pages. ## Basic Usage ``` [homerunner-booking-widget] ``` ## Alternative Usage To display the component for a specific property on any page, use either the `id` or…"
url: "https://homerunner.io/docs/property-booking-component-shortcode/"
updated: "2026-10-13"
category: Shortcodes
---

# Booking Component Shortcode

The `[homerunner-booking-widget]` shortcode is used to display the property booking component on single property pages.

## Basic Usage

```
[homerunner-booking-widget]
```

## Alternative Usage

To display the component for a specific property on any page, use either the `id` or `central_id` parameter:

```
[homerunner-booking-widget id="PROPERTY_ID" coupon_code="WELCOME25"]
```

or

```
[homerunner-booking-widget central_id="CENTRAL_PROPERTY_ID"]
```

## Parameters

| Parameter | Default | Description |
| --- | --- | --- |
| id |  | WordPress Property ID to display the booking component for |
| coupon_code |  | Coupon code that will be auto-applied / pre-filled. |
| central_id |  | Central Property ID to display the booking component for |
| checkin |  | Pre-defined / selected checkin date. formatted as yyyy-mm-dd |
| checkout |  | Pre-defined / selected checkout date. formatted as yyyy-mm-dd |
| guests |  | Pre-defined / selected number of guests |
| sticky |  | Set "0" or "no" to disable sticky element from booking component |
| sticky_class | uk-card uk-card-default | Sticky component additional css classes |
| sticky_btn_class | uk-button-text | Sticky component button additional classes |
