Skip to main content
All CollectionsFAQs for organisersWidget
Does Tito integrate with Weebly?
Does Tito integrate with Weebly?

How to embed the Tito widget in your Weebly website

Vicky Carmichael avatar
Written by Vicky Carmichael
Updated over a month ago

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.

Add the JavaScript code to your website header

  1. Open your Weebly website editor and navigate to the SEO tab.

  2. Paste the following JavaScript snippet into the Header section:
    ​<script src='https://js.tito.io/v2' async></script>

  3. Publish your site to apply the changes.

Embed the custom HTML code

  1. In Weebly, go to the Build tab to edit your page.

  2. Drag an Embed Code block to the desired location on your page.

  3. Click the embed block to edit the custom HTML.

  4. Paste the following line of code into the custom HTML field in the embed block:
    ​<tito-widget event="ultimateconf/2013"></tito-widget>

  5. Replace ultimate.com/2013 with your-account-name/your-event-slug. You can find this out by viewing your event homepage and copying the part after https://ti.to/.

  6. Save your changes.

Publish and preview

  1. Save your changes. Note that the widget won't display in the Weebly editor preview.

  2. Publish your website and view the live page to see the widget in action.

  3. Refresh the page if needed to ensure the widget appears.

Optional customisation

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.

Did this answer your question?