Under Settings > Web Widgets, you can set up user onboarding and drop-in booking widgets that can be embedded directly onto your website.

To customize the look and feel of these widgets, head to Settings > Web Widgets > Theme.

On this Theme page you have a number of properties that can be customized to ensure the experience reflects your organization's branding:

  • Choose a theme - Allows you to select from a templated theme. You can use this as a starting point and then make further customizations.
  • Background - Sets the background color.
  • Dark mode - Enabling dark mode will switch the font color from dark to light so that it displays better on dark background colors.
  • Accent - Use this to set the color for the buttons and navigation indicator.
  • Button text - Use this to choose if you want light or dark text on buttons within the widget.
  • Nav bar - Use this to set the colour of the header and footer bars.
  • Nav bar text - Use this to choose if you want light or dark text on the header.
  • Font - Select your organization's font or check out Google Fonts to find one that works for you.
  • Text field style - Adjust this to change how the input fields are displayed.
  • Navigation bar shadow - Use this to add or change a shadow under the main navigation bar/header.
  • Button corners - Adjust this to make the corners of buttons more round or more square.
  • Button shadows - Enable the toggle to turn on shadows under the widget buttons.
Did this answer your question?