Customize your Widget

Created by Julien Pauthier, Modified on Sun, 26 Feb, 2023 at 9:07 PM by Julien Pauthier

Customizing appearance & steps of your scheduling widget

TABLE OF CONTENTS

The widget is the customer interface, it's the booking platform they see when using our Agendize web application. This following tutorial will show you how to customize what you want them to see when they reserve. We are talking about displayed staff, services, prices, photos, locations, thank you messages and many more. 

  1. Start off by locating Dashboard at the top left corner of the page
  2. Click Settings
  3. Click Widget

Widget Options

The widget offers a set of customizable options. This is the sections where you can chose the following options:
  1. Display or Not your service duration as the time can vary from customer to customer.
  2. Display pricing of services or not. Some company have fees that vary depending on complexity of services; such as a hair dresser.
  3. Display Services descriptions, some services can have descriptions but sometimes those services can be expanded to other needs this is why displaying their description could be misleading
  4. Display Time Zone or not, this function can be useful as you might have customers from outside the country.
  5. Activate captcha verification: Google recaptcha.
  6. Allow customer to select time zone : This feature pairs well with notification, as you would want to put the appointment in your agenda without mistaking timezones.
  7. Ask Customers if they would like to opt in to your mailing list: This can be quite the marketing strategy if you have weekly/monthly promotions that you want to share with your customers.
  8. Allow client to print a confirmation page: Some customers prefer to have a printed version of their appointment, as they might want to keep a registry of it.
  9. Allow client to choose the location: This is mostly used for companies that have different franchises or simply have more than one locations, allowing the customers to book the most convient near them.

The second customizable part is mostly for internal usage (Agendize platform owner). Here are some features:

  1. Free slots interval time: This defines the interval between each timeslots a client can choose when scheduling an event (eg: for a hairdresser: you may want to open timeslots each 15 minutes).
  2. Staff name to display: This will let you display your staff by first name, last name or both in any order you want.
  3. Display date and time format: This allows chose the format of the language on the widget (ex: English-Canada or English-US etc) 
  4. Look for an existing customer based on: Is an internal based field that allows you to search existing customer using email, phone or customer reference number.

Note: You can also customize the widget interface by CSS. To learn more on how to do this, check the Customize your widget interface page.

Titles

 In this section you will be able to customize the text that is displayed in your scheduling widget. Titles display by default texts such as "Select a service", "Select a team member", etc. can be replaced by the text of your liking. 


To change the displayed texts, fill the fields you want to customize. You can also add a top message. Remember to click the Save Settings button to save your changes. 

Error messages

You can rewrite messages that are displayed when a specific error or setting prevents booking (eg: maximum number of bookings being reached for a client, online scheduling being disabled because of incident at your location):


Thank You message

In this section you will be able to customize the message that is displayed when your clients complete the booking process. It is possible to dynamically add information related to your business or the appointment by selecting the relevant dynamic tag.

Advanced settings

Advance settings takes you to a whole new level of customization, in this following section you will learn how to display new info in your widget window to narrow down and fully customize your business or customers needs.

Services Sort

In the advanced settings you can also choose how your services / staff members (or resources if your business uses resources) will be sorted in the scheduling widget. To do so, simply select the option from the corresponding list. Default sort is alphabetically. If you wish to change this  simply drag one of the grey rectangles in the order you desire.

Groups of services can be sorted as well:

Staff Sort

This section will let you classify your staff by alphabetical order or customize it by dragging them one over the other.

Widget Fields

Scheduling form

When finalizing the appointment booking, your customer will be asked to provide a set of information by completing a form. By default, these are :

  • First Name
  • Last Name
  • Phone Number
  • Email

To edit the fields that appear in your widget navigate to the Dashboard, click Settings under "Scheduling", and then click Widget Fields. From this screen you are able to add new fields to your widget by clicking them on the left side of the screen:

  • Predefined fields, to collect personal data about your client for your CRM: address, company, job title, language, date of birth, types of reminder & notification, client reference, gender... but also any further custom fields you defined in your Agendize CRM and appointment notes that will be displayed in the event preview (please see the note at the end of this page) ;
  • Custom fields, to pre-qualify the appointment: text areas, input fields, radio buttons, check boxes, date picker, file upload (eg: PDF document or JPEG photo)...


To customize the widget fields customers interact with when booking a specific service, click Add Form in the upper right corner and under "Services" select the specific service you'd like to attach the form to


To add another page of fields to your widget, click the  +  button at the bottom of the page. From here you can add fields by clicking them on the left side of the screen. Once a new field has been added you can edit the field by clicking the pen icon beside that field. To make field mandatory to proceed in the booking process move the slider to the right position beside the text "Required". You can also specify whether a field should be visible for the client or if you want to hide (in case it will be populated through a Javascript (JS) or via a GET parameter in the URL ; please see How to prefill data into your scheduling widget form).



Note: You can collect Appointment notes at booking, so that your client can write down specific request or requirements for the event. These notes will show up in the calendar:

Was this article helpful?

That’s Great!

Thank you for your feedback

Sorry! We couldn't be helpful

Thank you for your feedback

Let us know how can we improve this article!

Select at least one of the reasons
CAPTCHA verification is required.

Feedback sent

We appreciate your effort and will try to fix the article