If you want to display a registration form on your own website or blog, you can use our embeddable widget, and apply your own styles to make it look like a native part of your website.

A sample screenshot of the Tito widget on an external site, styled with custom CSS.

The widget will open the Tito checkout process in an overlay without leaving your site, unless the customer is visiting from a mobile site, in which case the widget will open the checkout in a new tab.

How to embed the widget on your site

Step 1: Place the following line of code inside your website's <head>  tag:

<script src='https://js.tito.io/v1' async></script>

Step 2: Paste the following line of code wherever you want to place the widget (replacing ultimateconf/2013 with your own event path, which has the format of your account name followed by a forward slash and then the slug for your event):

<tito-widget event="ultimateconf/2013"></tito-widget>

 Step 3 (Optional): If you want to use our default styles, paste the following into your <head>  tag (or you can apply your own styles with custom CSS):

<link rel="stylesheet" type="text/css" href='https://css.tito.io/v1.1' />

 
If your site runs on Wordpress, you can use this plugin to do most of the work for you.

Read the full guide to the widget here.

______________________

If you have any follow-up questions, drop us a line at support@tito.io or chat to us in-app and we’ll get back to you as quickly as we can.

Did this answer your question?