Skip to main content

Can I add my event checkout as a pop-out from my website?

Use this code to embed a modal widget to your website.

Rhio avatar
Written by Rhio
Updated over 3 months ago

Copy the below code and replace the relevant placeholders to add your event checkout as a pop-out modal on your website, rather than embedding the widget onto your page


For use with custom domains in Ticket Tailor

  • If you're using a custom domain in your box office and want to retain your domain throughout checkout for tracking purposes, use the code below.

    • Note: You may have to scroll left in the code box to see the complete code.

<script src="https://cdn.tickettailor.com/js/TTWidget.js"></script> <a href="javascript://" onclick="TTWidget.loadEvent('YOURBOXOFFICENAME',EVENTID, 'widget', 'tickets.mycustomdomain.com');"> <img src="https://app.tickettailor.com/images/btns/bt_wh.gif" alt="Buy tickets" /> </a>
  • Replace the following:

    • 'YOURBOXOFFICENAME' with the name of your box office (you can see this in the top right corner of your Ticket Tailor dashboard. Don't include spaces).

    • 'EVENTID' with your numeric event ID.

      • To find your Event ID, navigate to your event summary.

      • The number at the end of your URL is your event ID.

        A screenshot of an example event URL, with an arrow highlighting the event ID.
    • 'tickets.mycustomdomain.com' with your custom domain.

    • '<img src=“https://app.tickettailor.com/images/btns/bt_wh.gif” alt=“Buy tickets” />' with whatever link you'd like to show on your website. This could be an image or text link.

      • Using the example code above will add the white 'buy tickets' button.

        A screenshot of a white Buy Tickets button.

For use without a custom domain in Ticket Tailor

  • If you're not using a custom domain in your box office, use the code below.

    • Note: You may have to scroll left in the code box to see the complete code.

<script src="https://cdn.tickettailor.com/js/TTWidget.js"></script> <a href="javascript://" onclick="TTWidget.loadEvent('YOURBOXOFFICENAME',EVENTID,'widget');"> <img src="https://app.tickettailor.com/images/btns/bt_wh.gif" alt="Buy tickets" /> </a>
  • Replace the following:

    • 'YOURBOXOFFICENAME' with the name of your box office (you can see this in the top right corner of your Ticket Tailor dashboard. Don't include spaces).

    • 'EVENTID' with your numeric event ID.

      • To find your Event ID, navigate to your event summary.

      • The number at the end of your URL is your event ID.

        A screenshot of an example event URL, with an arrow highlighting the event ID.
    • '<img src=“https://app.tickettailor.com/images/btns/bt_wh.gif” alt=“Buy tickets” />' with whatever link you'd like to show on your website. This could be an image or text link.

      • Using the example code above will add the white 'buy tickets' button.

        A screenshot of a white Buy Tickets button.
Did this answer your question?