The scheduler widget is a component that can be embedded directly on a page of a website. It is designed to automatically inherit the font and colors of your website.

You are able to manually adjust the font and colors of the widget to more closely match your website and seamlessly blend with your branding.

Contents in this article:

  • Choosing a font
  • Choosing your own colors
  • Advanced color customization

Choosing a font

Schedulista offers a choice from over 15,000 fonts.

(1) Go to Settings > Scheduler

Note: This is the Scheduler (design) page on the Settings page and not the Scheduler option (to preview the scheduler) in the menu at the top of your dashboard.

(2) Select the Widget tab

(3) Click Advanced Customization

(4) Scroll down to the Font section and select Choose Font

(5) Type the name of a font into the search field

(6) Select a font from the search results

Your choice will automatically be saved and your scheduler widget instantaneously updated.

Choosing your own colors

You can adjust the various colors displayed in your scheduler.

(1) Go to Settings > Scheduler

Note: This is the Scheduler (design) page on the Settings page and not the Scheduler option (to preview the scheduler) in the menu at the top of your dashboard.

(2) Select the Widget tab

(3) Click on the color tiles to adjust the colors

(a) accent color - The color of any links appearing in the widget

  • Select Choose Color to pick a color using the wheel and shade of that color using the square tool; or you can enter the 6-digit/character color hex code

(b) text color - The color of any non-linked text in the widget

  • Select Choose Color to pick a color using the wheel and shade of that color using the square tool; or you can enter the 6-digit/character color hex code

(c) background color - The color of the background of the widget

  • With Choose Color, you can pick a color using the wheel and shade of that color using the square tool; or you can enter the 6-digit/character color hex code
  • Select Transparent to have a clear background that allows the color of the page or any image on the page of your website to serve as a background. The widget defaults to a transparent background.

Advanced color customization

In the Additional Colors section under Advanced Customization, you can choose a color for the info sections and alerts that appear in the scheduler when clients are booking.

Example of an info field:

Example of an alert field:


keywords: scheduler, widget, settings, color, colors, font, fonts, accent, text, background, look, design, feel, website, embed, embedded, custom, customize

Did this answer your question?