Sometimes it's handy to send customer data to your widget checkout, for example, if you have members who are already logged in to your website booking a ticket.
Ticket Tailor lets you:
Pre-fill data on the checkout (when using an event-specific widget).
Pass metadata to the event-specific widget, which is stored against an order.
💡 To pre-fill data or pass metadata you will need to use a custom domain.
How to specify and pre-fill data on your widget checkout
💡 You can only pre-fill data and pass metadata for a standalone event or single event occurrence.
Head to Promote, then Widget embed code.
Set up your widget, making sure that you've selected the single event you want to pass data to under Edit widget settings.
Click Update widget.
Scroll down and copy the widget code within the Copy embed code section.
Add the below code to the widget URL in the code. 👇
Specify and pre-fill data using code in this format:
&preset_data=1#p[first_name]=Ticket&p[last_name]=Tailor&p[customFormElement_233]=Navy
Any data you specify will be assigned to the checkout form.
Your new widget code to paste into your website will look something like this:
<!-- Ticket Tailor Widget. Paste this into your website where you want the widget to appear. Do not change the code or the widget may not work properly. --> <div class="tt-widget"><div class="tt-widget-fallback"><p><a href="https://tickets.yourdomain.com/checkout/new-session/id/8295952/chk/bb0c/?ref=website_widget&preset_data=1#p[first_name]=Ticket&p[last_name]=Tailor&p[email]=customer@example.com" target="_blank">Click here to buy tickets</a><br /><small><a href="https://www.tickettailor.com?rf=wdg_219765" class="tt-widget-powered">Sell tickets online with Ticket Tailor</a></small></p></div><script src="https://cdn.tickettailor.com/js/widgets/min/widget.js" data-url="https://tickets.yourdomain.com/checkout/new-session/id/8295952/chk/bb0c/?ref=website_widget&preset_data=1#p[first_name]=Ticket&p[last_name]=Tailor&p[email]=customer@example.com" data-type="inline" data-inline-minimal="true" data-inline-show-logo="false" data-inline-bg-fill="false" data-inline-inherit-ref-from-url-param="" data-inline-ref="website_widget"></script></div> <!-- End of Ticket Tailor Widget -->
The allowed fields you can send (excluding meta fields) are:
first_name
last_name
full_name
email
mobile_number
address_1
address_2
address_3
postcode
customFormElement
How to pass metadata to your widget
💡 You can only pre-fill data and pass metadata for a standalone event or single event occurrence.
Use code in this format to pass on your data:
https://yourcustom.domain/checkout/view-event/id/99272/chk/a809/?modal_widget=true&widget=true&preset_data=1#p[first_name]=Ticket&p[last_name]=Tailor&p[meta_fave_colour]=Blue
This will store up to 6 fields of metadata. Your metadata will be retrievable via the API or can be seen on your orders page.
💡 Things to note
Pre-filling customer data to Ticket Tailor checkout URLs is only supported in event-specific widgets, not the box office widget.
This is limited to standalone events, or an individual occurrence of an event.
Passing pre-filled information directly to checkout URLs is not currently possible.