Tito | Developers

Widget (V2)

Add 2 lines of code to embed our full checkout into your own website. The HTML is fully exposed and styleable with your own CSS.

Webhooks

Push data dynamically to other platforms and systems to help automate your tasks.

Admin API

The Admin API powers our admin dashboard. Create events, tickets, discount codes and more.

Checkout API Coming Soon

The Checkout API powers our event registration, via our widget.

Check-in API

The Check-in API powers our mobile and web-based check-in apps.

Integrations

Power when you need it. We have integrations with some of the biggest and best tools to help you build your business on our platform. Sign up to be added to the private beta list.

Badgy
And more…

Use our widgets to drop a complete checkout experience into your site. No coding skills required… unless you want to.

Embedding a list of tickets

The ticket form embeds a list of your publicly visible tickets directly into your site. So long as there is an SSL certificate, customers can then complete the purchase via an overlay without leaving the page.

Rather than using an iframe for the ticket list, the content is injected into your page as HTML and therefore fully accessible for styling.

Default styles

<head>
  <!-- Add the script -->
  <script src="https://js.tito.io/v2" async></script>
</head>

<body>
  <!-- Place the widget -->
  <tito-widget event="demo/exampleconf"></tito-widget>
</body>

Custom styles example

<head>
  <!-- Add the script -->
  <script src="https://js.tito.io/v2/with/inline/without/widget-css" async></script>
  <!-- Link to your own custom styles -->
  <link rel="stylesheet" type="text/css" href="https://your-stylesheet-goes-here.com/tito.css" />
</head>

<body>
  <!-- Place the widget -->
  <tito-widget event="demo/exampleconf"></tito-widget>
</body>

Additional parameters are available to customise your widget code further.

View full documentation

Embedding a Tito button

As an alternative to the ticket form you can also place a button on your web page. This will trigger an overlay with the list of tickets instead of embedding them.

Additional parameters are available to customise your button code further.

View full documentation

<head>
  <!-- Add the script -->
  <script src="https://js.tito.io/v2" async></script>
</head>

<body>
  <!-- Place the button -->
  <tito-button event="demo/exampleconf">Click me!</tito-button>
</body>