How To Create A New Appointment Widget

Insight Appointment Widgets allow you to create easy-to-use widgets for your customers to book tours, personal training sessions, or other appointments. Once you create an appointment widget in Insight, you can link to it from your own website and social media accounts.
Widget with default colors.png

This article will walk through the process of creating a new appointment widget.

  1. Login to your Insight account, and on the upper right of the screen select the dropdown next to your location name and click Applications
    Click_Applications.png

  2. On the left side of the screen, under WEBSITE WIDGETS, click Appointments
    Click_Appointments.png

  3. On the lower right side of the screen, click the ADD APPOINTMENT WIDGET button
    Click_ADD_APPT_WIDGET.png

  4. In the Add Appointment Widget pop-up's Name field, give your widget a unique name
    Widget Name.png

  5. Click the Appointment Types field, select your desired appointment type (e.g. Personal Training), and click OK
    choose_appt_type.png
  6. Optional: Customize your Appointment Widget's color and title. Insight allows you to customize your theme if you prefer non-default settings. If you're happy with the default settings, jump straight to step 7. Here are the settings you can customize for your widget:

    • Background Color: The color to appear behind the widget.
    • Primary Color: Used for primary theming such as open time slots.
    • Secondary Color: Used for additional navigation actions.
    • Accent Color: The color used for accents, e.g. buttons and selected items.
    • Main Title: The title that appears on the top of the widget, the default value is "Book Appointment".

    By clicking into any of the 4 Color fields, you can change the colors of the widget. By typing a title in the Main Title field, you can give your widget a custom title. To use any of the color fields, simply click the desired field and use the popup to select your desired colors.

    custom_colors_widget2.png

    Optional Title.png

  7. Once you are done making changes, click ADD in the lower right of the screen to create your widget. If you want to close the popup without saving, click CANCEL.
    Add_widget.png

That's it! Your Appointment Widget will be created and available for use at Applications → WEBSITE WIDGETSAppointments. Now you can link directly to your widget, get the code required to embed it on your website, or edit it to make changes.

Created A widget.png