Your website

[haulhq_zip_cta]

A compact "Check Availability" zip field. The visitor enters their zip and the booking flow opens with it pre-filled, landing on the load-size step. Place it anywhere -- header, page, or widget area. Also available as the "HaulHQ Zip CTA" block.

This is part of the Junk removal workflow

Renting dumpsters? Start with the booking workflow.

Use it more than once

Unlike the form, this is meant to be repeated -- hero, mid-page, footer, header. It is the entry point to the flow, not the flow itself.

Where it goes

Anywhere you want to start the flow: home page hero, header bar, a widget area. Use it many times.

[haulhq_zip_cta]

Copy this to get started

Set it up

1Paste [haulhq_zip_cta] into your home page hero.
2Use layout="bar" for a header strip.
3Set booking_url to your quote page if you would rather send visitors to a real page than open a popup.

Attributes

Attribute	Default	Values	What it does
`layout`	box	box, bar	Box is the standard block; bar is a compact single-row variant for site headers
`theme`	light	light, dark	Color theme for the CTA
`color`	empty	Hex e.g. #f15a22	Custom button color (overrides the default)
`label`	Check Availability	Any text	Button label
`placeholder`	Enter your zip	Any text	Zip input placeholder
`booking_url`	empty	A page path or URL, e.g. /book-online/	Optional. When set, the visitor is sent to this page with their zip carried in the URL (a real, trackable pageview) instead of opening a popup. The destination page must embed the [haulhq_form] shortcode. Leave blank to keep the popup behavior.

Generated from the same definition that drives the plugin's Shortcodes tab, and checked against the plugin code on every build.

Common mistakes

"I set `booking_url` and the destination page does nothing with the zip."

The destination page must contain [[haulhq_form]](/docs/wordpress/haulhq-form). The zip is carried in the URL for that form to pick up.