Access the form template directly from your Business Tools -> Form Template.

🎥 Video Guide: When creating your forms with the Drag and Drop Form Builder, follow our step-by-step video to guide you.

Associate form to a service 

Following the above, you can associate a form with all relevant services directly from here. You can select all services or just specific ones:

Graphical user interface, application, Teams

Description automatically generated

Here, you can also change the form sending conditions including:

After finalizing the form settings, click on the top right “Draft” and switch it to “Publish”. Yay! Your newly built form is now live! 

💡Yocale Tip: Did you know? You do not need to associate a form with a service to benefit from the forms feature. You can create any type of form and send it manually for both internal and external use!

🎨 Color- Coded Annotations

Some things are better explained with visuales. Let’s experience a full visual journey around forms and annotations with the following video tutorial. 

🎥 Video Tutorial: To summarize, this video starts off by accessing a Botox treatment form from the appointment window, then navigates through to options available within the form and submission portal. The video continues to display the Annotation features and the usability of it.

🏈 Practice Drill: Part I 

Now that I got you here, let’s create a beauty consultation form together! Using the above video tutorial and these steps to guide you, let’s create your first form together:

  1. Access the form builder by navigating to Business Tools > Form Templates. Here you will have full access to manage your forms and submissions. Note: (Some users will have selected “Tools” > “Business Tools”)
  2. Click on “Add New Form” and enter the form name. You can enter categories, descriptions, and tags if needed. You can also mark the form as internal if you want this to not be sent to clients. You have the option to change settings.
  3.  Click on “Build & preview” and select whether you want the form to be attached (sent to clients’ emails, appears as a button on the widget) or embedded (sent to clients’ emails, displayed directly on the booking widget). Click on “Start Building”
  4. To begin building, drag and drop the elements on the left side onto the form
  5. Click on the element again to edit the element settings (appear on the right side). Each element has its own unique setting. 
  6. You can change the size of the elements and or delete elements by clicking on it to edit these two options. 
  7. After dragging and dropping various elements and editing the settings, you have completed building your form. You can now style the aesthetics of the form by clicking on the “Style” button at the top. From here, you can change the color of the form and the form divider. On the left-hand side, you can also change the form type from attached (Form opens in another web page) to embedded (Form opens in the same web page)
  8. Congratulations, after applying any styling options you have officially created your first form! Click on “Update Form Template” on the top right. 
  9. Then click on the form name to go back to the Form Settings page. On the Form Settings page, you can now apply any final changes.
Graphical user interface, application

Description automatically generated

Was the first practice drill easy to implement? We hope so! Let’s pursue the last part of our practice drill for this task.

Upload Images and Use Color-coded Annotations

Did you know you can annotate on images and or documents that you have associated with a form? Basically, if you upload an image to a form, you can annotate it by adding notes, pinning items, and highlighting areas! Such sophisticated tools have evolved into a popular communication tool between interdisciplinary professionals. Let’s explore it! 

If you recall, in our previous practice drill, the video guide displayed how to upload an image while creating a form (either drag and drop an image or upload it from your files).  As easy as it was to upload photos, it is as easy to remove them. In the area you built your forms, you will see the “Annotations” field and under it, you will see a 3-dot icon. Once you navigate on it, the following actions are available: 

Graphical user interface, text, application

Description automatically generated

Here, you will as well see all the tools available to you for annotations! 🎥 Video Tip: See Annotations in action! 

🏈 Practice Drill: Part II

💡Yocale Tip: Sometimes, it is nice to speak to a real person. Contact us to request a demo.

Mobile Client Consultation Form

Thanks to technology, many salons and spas are going paperless and mobile consultation forms are a great entrance to do so. When a client books their appointment, they receive an email with the required form to be fulfilled (before their appointment.) Once completed, your business will automatically receive the completed form and it will get saved to the client’s digital file for future reference.

Here is an example of a simple consult form created in under 5 minutes (Tip: you can customize the aesthetics of your form and include your branding):

Graphical user interface, application, Teams

Description automatically generated

💡Did you know? If you have a client’s outdated address, their information (in their profile) will be  automatically reflected with the updated details once they fulfill the form you’ve sent them. This reflects all the fields in the lookup elements (fields are outlined in the below image) and results in precision: