Shortcode & layouts
Place the booking form anywhere with the [medibook_booking] shortcode. Attributes control the layout, how it opens, and what’s pre-selected.
Basic usage
[medibook_booking]Renders the step-by-step wizard inline, where the shortcode sits.
Attributes
| Attribute | Values | Default | Description |
|---|---|---|---|
layout | step, single, compact | step | The booking form layout (see below). |
mode | inline, button, floating, chat | inline | How the form is presented. |
position | left, right, center | right | Corner/anchor for floating and chat modes. |
button_text | any text | “Book an appointment” | Label for button/floating/chat launchers. |
width | e.g. 720px, 96vw | auto | Popup width for launcher modes. |
service | service ID | — | Pre-select a service and skip that step. |
provider | provider ID | — | Pre-select a provider. |
location | location ID | — | Pre-select a location. |
Layouts
- step — a guided wizard: Service → Provider → Date & time → Details, one step at a time. Best on narrow pages.
- single — a four-column single screen (service · provider · calendar · live summary). Best on wide pages; try it on the demo.
- compact — every section on one page using dropdowns. The smallest footprint.
Presentation modes
- inline — the form renders in place.
- button — a button sits inline and opens the form in a popup.
- floating — a launcher pinned to a screen corner opens the popup.
- chat — a chat-style bubble expands into an anchored panel.
Examples
[medibook_booking layout="single"]
[medibook_booking mode="floating" position="right" button_text="Book now"]
[medibook_booking mode="button" width="720px"]
[medibook_booking service="12" layout="compact"]Tip: the single layout defaults to a full-width popup when opened as a launcher, since it needs the room for its four columns.