Tito's widget can be embedded on any website with just a couple of lines of code.
Watch this video for a demo or read on for written instructions.
Preparation: Add JavaScript support to your website
Before adding the Tito widget, you'll need to install a plugin that allows you to add custom JavaScript to the header. There are several plugins available; in this example, we use Simple Custom CSS and JS.
Install and activate the plugin.
Navigate to the plugin’s interface and select the option to add a new JavaScript snippet.
Give your snippet a name (e.g., "Tito widget").
Add the first line of code
Replace the default code in the custom JavaScript snippet with:
<script src='https://js.tito.io/v2' async></script>Publish your changes.
This ensures the Tito widget script is loaded on your website.
Add the widget code to your page
Go to the WordPress page where you want the Tito widget to appear and enter edit mode.
Add a Custom HTML block to the page.
Paste the following line of code into the custom HTML field in the embed block:
<tito-widget event="ultimateconf/2013"></tito-widget>Replace
ultimate.com/2013withyour-account-name/your-event-slug. You can find this out by viewing your event homepage and copying the part afterhttps://ti.to/.Save your changes.
Preview your widget
Open the page in a new tab.
The Tito widget should now be embedded and visible on the page.
Customisation options
The widget documentation provides advanced options to tailor your widget, for instance how to display specific ticket types including secret tickets, apply discount codes, prefill ticket quantities and more.
If you or your team are familiar with CSS, you can also style the widget to match your website’s design.
Still need help? Search our FAQs for instant answers. You can also leave a message for our support team by email or in-app, and we'll get back to you by the next working day.