top of page

Trending

Build your website with the Wix Editor

Create, build and customize your…

How to embed a site or widget on your…

In this tutorial, you’ll learn how to…

Promote and grow your business with Wix

Learn the fundamentals to promote your…

How to add and customize a container…

In this tutorial, you’ll learn how to…

Looking for Studio resources?

Head over to the Wix Studio Academy to learn all things Studio.

TUTORIAL

How to create a quick-booking form with the Wix Bookings API (Part 1/2)

Learn how to create a quick-booking form for your services using the Wix Bookings API. In this video, you’ll build a form that lets clients quickly book an appointment for the current week. You’ll use a lightbox, text and a variety of user input elements to create and design the form. Then, you’ll create a new collection, “Pending Appointments”, to store client info and manage the status of your booking requests (i.e. pending, approved or dismissed). You’ll add several functions to ensure that when clients make a booking request, they’ll only see available dates and times—all of your requests marked as “pending” or “approved” will be filtered out and not appear as an option in the form. When a potential client submits a booking request, all their info will appear in your “Pending Appointments” collection as a new item and their status will be labeled as “pending” until you approve or decline their request.

Coding   |   17:25

Learn how to create a quick-booking form for your services using the Wix Bookings API. In this video, you’ll build a form that lets clients quickly book an appointment for the current week. You’ll use a lightbox, text and a variety of user input elements to create and design the form. Then, you’ll create a new collection, “Pending Appointments”, to store client info and manage the status of your booking requests (i.e. pending, approved or dismissed). You’ll add several functions to ensure that when clients make a booking request, they’ll only see available dates and times—all of your requests marked as “pending” or “approved” will be filtered out and not appear as an option in the form. When a potential client submits a booking request, all their info will appear in your “Pending Appointments” collection as a new item and their status will be labeled as “pending” until you approve or decline their request.

Sign in to view all course videos.
Get started

 →

Congratulations on finishing this tutorial— keep up that momentum

Keep on learning

A screenshot of the Wix Editor showing how to collect and display comments on a site using Velo.

New

Tutorial

...

Watch how you can collect and display user-generated content as…

3m

Start Tutorial →
A screenshot of the Wix Editor showing how to create a sticky header with Velo.

New

Tutorial

...

Watch how to create a sticky header that changes as visitors scroll…

3m

Start Tutorial →
Three stylish web pages demonstrate the interactions people can add to their sites using Velo.

New

Tutorial

...

In this video, you’ll learn the basics of creating custom…

2m

Start Tutorial →
Sign in to view all course videos.
Get started

 →

Congratulations on finishing this tutorial— Keep up that momentum
bottom of page

We use cookies and similar technologies. You can opt-out by clicking 'Do Not Sell or Share My Personal Information' at the bottom of the page.