Ticket Tailor

How to integrate Ticket Tailor with Webflow

What is Ticket Tailor? Ticket Tailor is an event ticketing platform for creating, managing, and selling tickets, with payouts sent straight to your own payment provider instead of being held by a marketplace. It fits organizers who want to sell from their own Webflow CMS site rather than send buyers to a third-party checkout.

You can connect the two products three ways: native embeds and widgets place a box office or single-event checkout directly on your pages, Zapier automation syncs event data into your CMS when tickets sell or events change, and API integration supports custom builds such as live availability displays and webhook-driven syncs. Direct embedding fits single events and quick setups where buyers should check out without leaving your site. Zapier is the practical no-code route for multi-event operations that need CMS updates. Custom API work suits larger, multi-event builds with logic like dynamic availability or a unified attendee database.

Native features, direct embeds, and widgets

Ticket Tailor gives you three official embed formats that drop straight into a Code Embed element: a Box Office Widget for listing multiple events, a Single Event Widget for one event, and a JavaScript widget you configure with parameters. You generate the embed code in Ticket Tailor and paste it into the element where the box office should appear. You style the widget in Ticket Tailor's Box Office Design Studio, which controls colors, fonts, logos, and layouts to match your site. You can also pass URL parameters such as data-inline-minimal, data-inline-show-logo, and data-inline-bg-fill to change how the widget behaves, though Webflow CSS cannot restyle it because the widget runs inside an isolated iframe.

The embed formats cover the common ways to sell from your own pages:

• Box Office Widget: Display a full list of upcoming events with filtering and sorting, so visitors browse and buy several shows from one place on your site.
• Single Event Widget: Embed one event's details and checkout on a dedicated landing page when you want a focused, single-purchase flow for that event.
• JavaScript widget: Add a configurable inline widget whose parameters let you control layout, logo, and background so it fits the design of a specific page.
• Popup checkout: Trigger the checkout as an overlay from a button, so buyers complete payment in a modal without navigating away from your marketing content.

Direct checkout links on buttons cover the simplest case, when you only need to send a buyer to a specific event page.

To embed a box office on a page:

1. Open your Ticket Tailor dashboard and go to Promote > Website embed codes for a box office, or open an individual event and use its share and embed option for a single event.
2. Copy the generated HTML embed code.
3. In Webflow, add a Code Embed element where you want the widget to appear.
4. Paste the Ticket Tailor code into the element and save.
5. Publish your site to see the live widget, since it does not render in Webflow's preview because of Content Security Policy restrictions.

After publishing, you can refine the listing without touching Webflow again: filter which events show with keyword and date filters in Ticket Tailor, alphabetize the list by adding ?sort=az to the widget URL, or reveal password-protected events with an access-code parameter. All visual changes stay in the Box Office Design Studio under Box office settings.

Use Zapier for automation

Zapier automation is the practical no-code way to keep Webflow in sync with Ticket Tailor once you run more than a handful of events. A Zap watches Ticket Tailor for activity and writes matching data into a Collection List, so you skip manual updates as tickets sell or events change.

Two triggers cover most event sites. Order Created fires when a purchase completes, and Issued Ticket Created fires when a ticket goes to an attendee. In Webflow, a Zap can create or update a collection item, so a new order adds an event record or refreshes a field such as remaining capacity or a sold-out flag.

A common setup creates a collection item whenever an order arrives, then updates availability as sales continue, and the attendee trigger can populate a directory for conferences or networking events. This keeps your listings current without a developer.

Build with Webflow and Ticket Tailor APIs

For anything the widgets and Zapier cannot cover, the two REST APIs let you build custom flows such as live availability displays, check-in interfaces, and a unified customer database driven by webhooks. These builds need development resources and some planning to stay inside the rate limits.

The Ticket Tailor API is a REST API at https://api.tickettailor.com that returns JSON and uses HTTP Basic Auth, passing your API key as the username with no password, and it allows up to 5,000 requests per 30 minutes. The Webflow Data API exposes REST endpoints for CMS collections and items, authenticated with a site token for single-site access or an OAuth token for multiple sites, sent in an Authorization: Bearer header.

Sync event data to Webflow CMS

To populate your CMS, read events from Ticket Tailor and create matching items in Webflow. Call GET /v1/events for a list or GET /v1/events/{event_id} for one event, then create CMS items in the target collection. This pattern works for a one-time import or a scheduled sync.

For real-time updates, subscribe to Ticket Tailor webhooks for the event.created, event.updated, and event.deleted events, then call the Webflow API to apply each change. Webflow places new items in a staged state, so publish them before they appear on the live site.

Track ticket sales and availability

To show live capacity, subscribe to the issued_ticket.created webhook so you get a notification whenever a ticket is purchased. Read the event ID from the payload, query the event for its current capacity, then update the matching CMS item with the remaining count. Publishing the item makes the new number visible on your site.

A typical handler runs a few steps: it receives the Ticket Tailor webhook POST, verifies the signature, reads the event details, updates the CMS item, and publishes the change. Verify every webhook before acting on it, which the FAQ below covers in more detail.

Manage attendee data

To build attendee directories or check-in dashboards, pull records from Ticket Tailor and store them in your CMS. Use GET /v1/issued_tickets for holder names, ticket types, and check-in status, and GET /v1/check_ins for check-in activity. Populate a collection with this data to power networking profiles, printed lists, or a live door dashboard.

To keep the dashboard current during an event, subscribe to the issued_ticket.created and issued_ticket.updated webhooks and process each one as it arrives. Confirm the signature on every request before you trust the payload.

What you can build with the Ticket Tailor Webflow integration

With Ticket Tailor and Webflow together, you can run an event site that markets your program and sells tickets on the same pages while keeping full control of branding and payouts. The methods scale from copy-and-paste embeds to real-time syncs, so you can start simple and add automation later.

These are common builds the integration supports:

• Multi-event festival sites: Build a festival site with lineups, schedule grids, and venue details in the CMS, then embed the Box Office Widget so visitors buy single shows or multi-day passes.
• Venue showcase sites: Create a site for a theater, music hall, or community center that lists upcoming shows and artist profiles alongside direct ticket sales through embedded widgets.
• Recurring workshop registration: Run a site for a yoga studio, cooking school, or training program where Ticket Tailor handles time slots, recurring schedules, and capacity limits.
• Nonprofit fundraiser pages: Combine campaign storytelling with ticket sales and donations, using Ticket Tailor's direct payouts and data ownership to fit nonprofit stewardship needs.

Explore how to embed a Booking.com widget for a similar embed-and-sell pattern you can adapt to a Ticket Tailor box office.