Introduction to the ScheduleOnce Theme designer

This article is updated to our latest release, which is being rolled out to all Users gradually. 

If you see a Schedule button  in the top navigation menu, you are viewing the updated version of OnceHub. Otherwise, you can expect to see this in the near future. Please contact us with any questions.

The ScheduleOnce Theme designer allows you to fully customize the look and feel of your Booking pages and Master pages.

Using themes

All OnceHub Administrators can access the Theme designer. On the Setup -> ScheduleOnce setup page, open the lefthand sidebar and select Theme designer in the Tools section.

Themes allow you to comply with any design policy your organization may have. You can create one theme and apply it to all of your pages to achieve uniform branding, or create multiple themes to make each of your pages unique. Learn more about creating Custom themes

You can also select different themes for the same Booking page or Master page when you integrate it onto your website. This gives you the flexibility to visually fit a single Booking page on multiple different website pages.

All themes are centrally managed in the Theme designer. This means that any design changes you make are automatically implemented on the relevant Booking pages and Master pages. 

System themes and Custom themes

The Theme designer comes with 5 out-of-the-box System themes which you can use as they are, or modify them to add your logo and change the background color. 

If you need more customization for your theme, you can create a Custom theme by duplicating an existing theme and modifying it, or you create a new Custom theme from scratch. Learn more about creating Custom themes

You can preview a theme on a Booking page or Master page by selecting it from the drop-down menu in the top right of the Theme designer and clicking the Preview button (Figure 1). 

Figure 1: Previewing a theme

Newly created Booking pages and Master pages are automatically assigned the default theme. You can change the default theme by clicking Set as default theme next to the name of a theme (Figure 2). 

Figure 2: Set as default theme

Theme properties

The specific design of a theme comes from the properties which you can define in four sections of the Theme designer: 

  • Core properties
  • Page background 
  • Interaction pane
  • Information pane. 

Learn more about Theme properties

Was this article helpful?
Thank you for your feedback!