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

Joel Velazco avatar
Written by Joel Velazco
Updated yesterday

Widgets are a powerful way to enhance your event registration pages, making them more dynamic, informative, and engaging for your registrants. Whether you're adding a countdown clock to your page, displaying all of your upcoming events, or sharing your available registration pages, RegFox 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 registration launch.

Add a Countdown Clock Widget to your RegFox 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 registrants to find and select a specific event page. If you're running multiple events across different RegFox 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 RegFox 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 RegFox 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 registrants 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 RegFox 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 registrants

  • 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 payments that are not tracked in RegFox 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 RegFox 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 registrants

  • Add Offline Data if you have any offline payments that are not tracked in RegFox 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 registrations 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 RegFox 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 registrants

  • Add the Goal of the widget

  • Add Offline Data if you have any offline payments that are not tracked in RegFox 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 RegFox 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 registrants

  • Add the Goal of the widget

  • Add Offline Data if you have any offline payments that are not tracked in RegFox 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


Roster

The Roster Widget displays a live list of registrants for your event, giving visitors a real-time look at who has already signed up. Whether you're building excitement, creating social proof, or offering transparency, this widget makes it easy to showcase participant details directly on your event page.

Create a Roster 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 Roster widget

  • Choose the Name of the widget

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

  • Include the Field(s) of the page you would like to include in the roster

  • Select the From Date/Time you would like (this will be the first date that will be included in the roster)

  • Select the To Date/Time you would like (this will be the final date that will be included in the roster)

  • Select the Status you would like to include in the roster

  • 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 RegFox page is copied, the widget will continue to track the original page. Because of this, we recommend deleting any widgets when copying a RegFox 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 widget is displaying the wrong totals and isn't updating as expected is because the page was copied. When a RegFox page is copied, the widget continues to track the original page. If you choose to copy a RegFox 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 would like to adjust any details!

Edit a Widget on my RegFox 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?