Skip to main content

Display a Countdown Clock, Event Calendar, Page Search and Other Widgets

Create a countdown clock, event calendar, page search, counter, thermometer, and roster widget to display on your page or website

Hannah avatar
Written by Hannah
Updated this week

Widgets are a powerful way to enhance your event pages, making them more dynamic, informative, and engaging for your attendees. Whether you're adding a countdown clock to your page, displaying all of your upcoming events, or sharing your available event pages, TicketSpice provides a variety of customizable widgets to help you do just that.

In this article, we’ll walk you through how to set up each widget, customize it to match your brand, and embed it where your audience will see it most.

Jump To...

Countdown Clock

The Countdown Clock Widget displays a live countdown to a date and time you choose. It’s perfect for building urgency around your event or ticketing launch.

Add a Countdown Clock Widget to your TicketSpice Page

  • On the Pages tab, click the pencil icon under the page you want to edit

  • Hover over your page, and click the + icon

  • Select the Widget field

  • Select the Countdown Clock widget

  • Adjust the Label as desired

  • Add the Time to Count Down To

  • Click Done

  • Click Save Now in the upper-right corner of your page to save your changes. Click Publish to publish these changes to your live page


Event Calendar

The Event Calendar Widget displays your upcoming events in a calendar view based on their start dates. It's a great way to give visitors a quick overview of what's coming up.

Create an Event Calendar Widget

  • From the Pages tab, hover over the Extras tab in the top menu bar

  • Select Widgets

  • If you have already created a widget, click Create Widget

  • Add the Name of the widget

  • Add the Pages you want to include on the calendar

  • Check the Event Link checkbox if you want the pages to open in a new window

  • Click Save

  • To embed your code, copy the embed link after clicking Save, or click the Embed icon on the Widgets page


Page Search

The Page Search widget allows you to display a search menu on your site, making it easy for attendees to find and select a specific event page. If you're running multiple events across different TicketSpice pages, this widget streamlines the experience by helping users quickly locate the page they need—all from one central place.

Add a Page Search Widget to your TicketSpice Page

  • On the Pages tab, click the pencil icon under the page you want to edit

  • Hover over your page, and click the + icon

  • Select the Widget field

  • Select the Page Search widget

  • Add the Name of the widget

  • Add the Description of the widget

  • Add the Pages you would like to include in the page search

  • Toggle the Open in New Window to Yes if you would like the pages to open in a new window

  • Select how you would like to sort the pages

  • Toggle the Show Summary to Yes if you would like to show a summary

  • Customize the Button Text that appears under the page search field

  • Click Done

  • Click Save Now in the upper-right corner of your page to save your changes. Click Publish to publish these changes to your live page

Embed a Page Search Widget an External Website or Create a Page Search Widget that Applies to Multiple TicketSpice Pages

  • From the Pages tab, hover over the Extras tab in the top menu bar

  • Select Widgets

  • If you have already created a widget, click Create Widget

  • Select the Page Search widget

  • Add the Name of the widget

  • Add the Page(s) you would like to include in the Page Search widget

  • Add the Description of the widget

  • Select how you would like to sort the pages

  • Check the Event Link checkbox if you would like the pages to open in a new window

  • Click the Show Summary checkbox if you would like to show a summary

  • Customize the Button Text that appears under the page search field

  • Click Save

  • To embed your code, copy the embed link after clicking Save, or click the Embed icon on the Widgets page


Counter

The Counter Widget displays real-time totals for either revenue or orders across one or multiple event pages. It’s a great way to showcase momentum, build urgency, or simply keep your audience informed with up-to-date event stats—all in a clean, customizable display.

Add a Counter Widget to Your TicketSpice Page

  • On the Pages tab, click the pencil icon under the page you want to edit

  • Hover over your page, and click the + icon

  • Select the Widget field

  • Select the Counter widget

  • Choose the Name of the widget

  • Choose whether you would like to track revenue or orders

  • Add the text that displays before the counter in the Text Before Count field

  • Add the text that displays after the counter in the Text After Count field

  • Add Offline Data if you have any offline orders or payments not tracked in TicketSpice that you would like to include in the counter

  • Click Done

  • Click Save Now in the upper-right corner of your page to save your changes. Click Publish to publish these changes to your live page

Embed a Counter Widget on an External Website or Create a Counter Widget that Applies to Multiple TicketSpice Pages

  • From the Pages tab, hover over the Extras tab in the top menu bar

  • Select Widgets

  • If you have already created a widget, click Create Widget

  • Select the Counter widget

  • Choose the Name of the widget

  • Select the Page(s) you would like to track

  • Choose whether you would like to track revenue or orders

  • Add Offline Data if you have any offline orders or payments not tracked in TicketSpice that you would like to include in the counter

  • Add the text that displays before the counter in the Text Before Count field

  • Add the text that displays after the counter in the Text After Count field

  • Click Save

  • To embed your code, copy the embed link after clicking Save, or click the Embed icon on the Widgets page


Thermometer

The Thermometer Widget visually tracks progress toward a set goal by measuring total revenue or orders across your event(s). It's an eye-catching way to motivate participants, celebrate milestones, and show real-time momentum as you work toward your target.

Add a Thermometer Widget to Your TicketSpice page

  • On the Pages tab, click the pencil icon under the page you want to edit

  • Hover over your page, and click the + icon

  • Select the Widget field

  • Select the Thermometer Widget

  • Choose the Name of the widget

  • Choose whether you would like to track revenue or orders

  • Add the Goal of the widget

  • Add Offline Data if you have any offline orders or payments not tracked in TicketSpice that you would like to include in the totals

  • Change the Thermometer Color and Indicator Text by selecting from the color wheel

  • Toggle the Rounded Corners option to Yes if you would like your thermometer to have rounded corners

  • Adjust the Thermometer Size as desired

  • Click Done

  • Click Save Now in the upper-right corner of your page to save your changes. Click Publish to publish these changes to your live page

Embed a Thermometer Widget on an External Website or Create a Widget that Applies to Multiple TicketSpice Pages

  • From the Pages tab, hover over the Extras tab in the top menu bar

  • Select Widgets

  • If you have already created a widget, click Create Widget

  • Select the Thermometer widget

  • Choose the Name of the widget

  • Select the Page(s) you would like to track with the thermometer

  • Choose whether you would like to track revenue or orders

  • Add the Goal of the widget

  • Add Offline Data if you have any offline orders or payments not tracked in TicketSpice that you would like to include in the totals

  • Change the Thermometer Color and Indicator Text by selecting from the color wheel or adding a color hex

  • Click the Rounded Corners checkbox if you would like your thermometer to have rounded corners

  • Adjust the Thermometer Size as desired

  • Click Save

  • To embed your code, copy the embed link after clicking Save, or click the Embed icon on the Widgets page


Tickets

The Tickets Widget lets you embed the first step of the ticket ordering process directly on your own website, so attendees can start their purchase without leaving your page.

Create a Tickets Widget

  • From the Pages tab, hover over the Extras tab in the top menu bar

  • Select Widgets

  • If you have already created a widget, click Create Widget

  • Select the Tickets widget

  • Choose the Name of the widget

  • Select the Page you would like to track

  • Check the Event Link checkbox if you want the pages to open in a new window

  • Customize the text color, header color, header text color, button color, and button text color as desired

  • Click Save

  • To embed your code, copy the embed link after clicking Save, or click the Embed icon on the Widgets page


FAQs

When I copy my page, does the widget automatically update to track my new page?

No. When a TicketSpice page is copied, the widget will continue to track the original page. Because of this, we recommend deleting any widgets when copying a TicketSpice page, and creating a new widget that tracks the correct page.

Why is my thermometer widget showing the wrong totals, and why isn't my widget updating?

A common reason a thermometer widget is displaying the wrong totals and isn't updating as expected is because the page was copied. When a TicketSpice page is copied, the widget continues to track the original page. If you choose to copy a TicketSpice page with a widget, we recommend deleting the original widget, and creating a new widget on the new page.

What timezone does the countdown clock display?

The countdown clock widget adjusts to the local timezone that is set on a particular device.

How do I edit my widget?

Here is how to edit your widget if you want to adjust any details!

Edit a Widget on my TicketSpice Page

  • On the Pages tab, click the pencil icon under the page you want to edit

  • Hover over your widget, and click the pencil icon

  • Make your edits

  • Click Done

  • Click Save Now in the upper-right corner of your page to save your changes. Click Publish to publish these changes to your live page

Edit a Widget from the Extras Tab

  • From the Pages tab, hover over the Extras tab in the top menu bar

  • Click the pencil icon next to the widget you want to edit

  • Make your edits

  • Click Save

Did this answer your question?