Your website
[haulhq_booking]
Embed the booking widget as a responsive iframe.
This is part of the Dumpster rental workflow
Doing junk removal? Start with the quote workflow.Embed the booking widget as a responsive iframe.
This is the dumpster checkout, not the junk form
If you do junk removal, the shortcode you want is [[haulhq_form]](/docs/wordpress/haulhq-form). It already books pickups. Reaching for this one because you want customers to "book" is the most expensive wrong turn in setup.
Where it goes
Your book-online / checkout page. This is the page your product links point at.
[haulhq_booking height="600"]Copy this to get started
Set it up
- 1Create a page called Book Online, or similar.
- 2Paste
[haulhq_booking]into it and publish. - 3Confirm your catalog has equipment with a quantity above zero, or the widget has nothing to offer.
- 4Test a real booking from your phone on the live page.
Attributes
| Attribute | Default | Values | What it does |
|---|---|---|---|
height | 600 | Pixels | Initial iframe height |
service | empty | service slug | Pre-select a service |
product | empty | product slug | Pre-select a product. A ?product= parameter in the page URL OVERRIDES this attribute, so a link from a product page wins over the value set here. |
Generated from the same definition that drives the plugin's Shortcodes tab, and checked against the plugin code on every build.
Common mistakes
"The widget shows no availability."
Check the equipment quantity, then your business hours and blocked dates, then the per-day caps under Pricing > Load Tiers. In that order.
"I set `product` but a different size is pre-selected."
A ?product= parameter in the page URL overrides the attribute, so a link from a product page wins. That is intended.
"The iframe is cut off at the bottom."
Raise height. It is only the *initial* height -- the widget resizes itself after load, so this matters most on slow connections.