Widget Integration

The Quicket widget lets visitors buy tickets directly from your website without leaving the page. A button opens a modal with the full ticket flow (categories, registration, cart, payment). Orders are processed as normal Quicket registrations.

Where

• Event dashboard → Marketing & Sales → Widget Integration (.../events/<eventSlug>/integration)

How it works

1. Add the embed code — Paste the HTML snippet into your site where you want the button.
2. Visitor clicks — A modal overlay opens with the ticket purchase flow.
3. Complete purchase — The visitor selects tickets, registers, and pays — all in the modal.

Embed code (HTML)

The integration page provides an HTML snippet like:

<!-- Quicket Ticket Widget -->
<div data-quicket-event="your-event-slug"
     data-quicket-label="Buy Tickets"
     data-quicket-color="#F23F39">
</div>
<script src="https://quicket.me/widget.js"></script>

Options

Attribute	Description
data-quicket-event	Your event slug (required)
data-quicket-label	Button text (e.g. "Buy Tickets")
data-quicket-color	Button color (hex)
data-quicket-theme	"light" or "dark" (default: dark)

JavaScript API

For more control (e.g. open on custom click), use the JavaScript API:

// Load widget.js first, then:
QuicketWidget.open('your-event-slug', {
  color: '#F23F39',
  theme: 'dark'
});

Customization

On the Widget Integration page you can:

• Choose theme (dark / light).
• Set button label and button color.
• Copy the embed code or JS API snippet.

Image placeholder: Widget Integration page with customization options and copyable embed/JS snippets. Add screenshot when ready.