Order widget

Add one JavaScript file to your existing website and its links become add-to-cart buttons. A floating cart shows a running total, and checkout hands off to your hosted booking page.

One script, your own buttons

The widget is a single file served from your Chobble Tickets site at /order.js, added to any website with one script tag. Any link on your site marked with a data-add-listing attribute, pointing at a listing's booking page, becomes an add-to-cart button.

An optional data-add-quantity attribute sets how many are added per click. The link's normal address stays in place, so visitors without JavaScript follow it straight to the booking page instead.

A floating cart

As visitors add items, a floating cart button appears with the item count. Opening it shows each line with quantity controls, line totals, and a subtotal. The cart does not reserve items. Prices and availability are checked before payment and again when payment confirmation arrives.

The cart is stored in the visitor's own browser and holds only listing references and quantities, no personal data. Pressing Continue sends the visitor to the hosted booking page with the chosen items and quantities filled in, where payment and attendee details are collected as normal.

A pottery studio website with the ticket cart open over its workshop cards
The cart runs on the organiser's website and sends the chosen quantities to the hosted checkout.

Controlled by a domain allowlist

The widget is off by default. You switch it on and list the domains allowed to use it; a wildcard entry such as *.example.com covers every subdomain. Requests from other domains receive no listing data.

Widget or iframe

The order widget is separate from the embeddable widget. The iframe embed shows your listings inline on a page, while the order widget turns your own site's existing links and buttons into a cart. The two can run on the same website and share the same domain allowlist.