Widgets

Learning Centre

Learn more about features and system basics.

Welcome to the learning centre


Create

Setting up a Basic Event

Setting up a Registration Event

Setting up a Tabled Event

Setting up to Sell Merchandise

Cloning an Event

Recycling an Event

Homepage and Images

Seating Plans Overview   


Customise

Session Times Overview   

Extending the Booking Time

Working with Tickets   

Data Collection Fields Overview   

Using Headers

Sections Overview   

Free Events Overview   

Waitlists

Donations

Creating a Tax Invoice

Terms and Conditions

Follow up Emails   

Gift Certificates Overview   


Promote

Promotional Codes Overview    

Event Publication

Sample Buttons

Finding the Event URL


Manage

Different Levels of Access   

Locking Your Bank Account

Introducing TryBooking to your Community

Finding a Booking

Move a Booking

Refund Overview   

Email Buyers

Changing to Daylight Savings Time

Credit Card Description


Run

Mobile Scanning   

Gatekeeper Scanning   


Report

Reporting Overview

Tracking Overview   


Integrate

Integrations   

Widget Overview


Widgets are snippets of HTML you can customise and copy/paste into your own website code, in order to display different kinds of information about your event(s) on your website. 

Widgets can boost your event’s visibility, as well as encourage customers to make ticket purchases and bookings whenever they visit your website.  

To use the widget, you will need to edit the HTML of your website.


Creating your Widget:

Each widget page has HTML code for you to click copy to your clipboard and paste into the HTML of your website. This code will create the required iframe page and pull through the styling and widget content as required.
 

undefined

As you update your widget, the HTML code (via an API call) will update your website look and feel, in most cases, there is no need to update the HTML code again for that event.


Styling your Widget Template:

Your widgets are styled by default with TryBooking colours. If you wish to adjust this to your own colours and styling, please start by selecting Widgets from the configuration section on your dashboard.  

undefined


To change the colour, click on the colour square, enter the HEX code or select from the colour palette. Save and name this template. Multiple templates can be defined for use later.


Types of Widgets:

There are plenty of widget options including an Event Listing, Customisable Buttons, Event Life Cycle, Landing Page and Express Embed. Some widgets are applied across all events where some can be adjusted per event. For each widget, you can define the styling via a template or create a one- off colour palette.


Event Listing (applies to all events):  

The Event Listing collates all of your current events onto one listing, to ensure your patrons can view all events in the one place. This widget is found on your dashboard and applies to all events (open) on this account.

TIP:  There are times where you wish for an event to be private and not to show on this listing. This may include member previews, a special group function (such as a Year 12 formal) where the group / membership will be emailed directly the URL link for that event in order to book.  From Event Publication, if you change the public = NO, this will ensure that the event will not appear on this public listing.
 

undefined



Purchase Button Widgets (set per event):

Drive traffic to your event with branded call-to-actions. You can change the button’s message to say book, purchase or register for your event, colour and font.
 


website_trybooking_buttons


Event Life Cycle Widget (set per event):

This widget allows you to link your event to your website with clear messaging about your events availability. As your event opens, closes or sells out, this widget will automatically update.
 

undefined


Landing Page (set per event):

Embed your event homepage (the first step of the booking process) directly into your website. This page is a complete copy of your current event homepage, which you can view preview on the Event Hompage or via Make a Booking.   
 

trybooking_event_page



Express Embed (set per event):

Embed the first step of our booking options directly with your website to speed up the booking process. This may be selecting the ticket types, selecting a date or section. In this case, the event homepage is bypassed so there are fewer clicks for the patron wishing to make a booking.
 

trybooking_express_ticket

     NEXT >