Shortcodes overview
Shortcodes are WordPress shortcuts you place in pages, patterns, or templates. Booking Engine Connector registers the following:
| Shortcode | Purpose |
|---|---|
[bec_search] | Availability search form (GET) — seeds URL parameters. |
[bec_dates] | Human-readable summary of stay dates from the URL. |
[bec_quote] | Compact availability / price line (optional rate list). |
[bec_checkout] | External checkout button or POST form. |
[bec_booking_summary] | Full booking sidebar/card with search, breakdown, mobile drawer. |
[bec_unit_url] | Outputs only the URL string (for href) keeping search params. |
[bec_unit_info] | Provider-specific HTML blocks (e.g. amenities grid). |
[bec_fallback] | Admin-configured fallback link or rich content. |
[bec_version] | Prints plugin version (support/debug). |
One URL ties everything together
Shortcodes do not pass hidden state between each other—they read the same query string. Always ensure your navigation links preserve parameters ([bec_unit_url] helps).
The unit_id attribute pattern
Several shortcodes accept unit_id:
| Value | Behaviour |
|---|---|
Omitted or 0 | Uses the current post in the WordPress loop—ideal on singular unit templates. |
| Positive number | Targets that specific Units post ID (archive cards, reusable blocks). |
If unit_id points at something that is not a unit, output is typically empty.
Elementor Pro Loop Grid (optional)
If you use Elementor Pro Loop Grid to list units and [bec_quote] inside each card, you can set the grid Query ID to bec_available_only so cards with no availability are omitted when the URL has complete search parameters. See Elementor — hide units with no availability.
Screenshots per shortcode
Each dedicated page below lists CSS hooks you can style safely with Booking Engine → Styling → Extra CSS or your theme stylesheet.
Jump in
- bec_search
- bec_booking_summary — longest guide
- Elementor Loop Grid availability filter — Elementor Pro