Trending
![](https://static.wixstatic.com/media/dc84c1_fb2cabc43a3d4f158b2ce7dfc0f8539a~mv2.png/v1/fill/w_49,h_29,al_c,q_85,usm_0.66_1.00_0.01,blur_2,enc_avif,quality_auto/Build%20with%20the%20Wix%20editor%202_0%20New.png)
Build your website with the Wix Editor
Create, build and customize your…
![](https://static.wixstatic.com/media/dc84c1_1808c27633204a3dbe7bd318604babc8~mv2.png/v1/fill/w_49,h_29,al_c,q_85,usm_0.66_1.00_0.01,blur_2,enc_avif,quality_auto/How%20to%20embed%20a%20site%20or%20a%20widget.png)
How to embed a site or widget on your…
In this tutorial, you’ll learn how to…
![](https://static.wixstatic.com/media/dc84c1_98ba5ea91ac44097b5cb57eabb28c579~mv2.png/v1/fill/w_49,h_29,al_c,q_85,usm_0.66_1.00_0.01,blur_2,enc_avif,quality_auto/Digital%20Marketing.png)
Promote and grow your business with Wix
Learn the fundamentals to promote your…
![](https://static.wixstatic.com/media/dc84c1_83d4a2187e0f4773b1163f63759d1985~mv2.png/v1/fill/w_49,h_29,al_c,q_85,usm_0.66_1.00_0.01,blur_2,enc_avif,quality_auto/How%20to%20work%20with%20container%20boxes.png)
How to add and customize a container…
In this tutorial, you’ll learn how to…
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.
Keep on learning
![A screenshot of the Wix Editor showing how to collect and display comments on a site using Velo.](https://static.wixstatic.com/media/dc84c1_e0cd7624a1584d58ba18c5b1c8577be8~mv2.png/v1/fill/w_276,h_164,al_c,q_85,usm_0.66_1.00_0.01,enc_avif,quality_auto/How%20to%20Collect%20_%20Display%20User-Generated%20Content%20on%20Your%20Website.png)
New
Tutorial
...
Watch how you can collect and display user-generated content as…
3m
![A screenshot of the Wix Editor showing how to create a sticky header with Velo.](https://static.wixstatic.com/media/dc84c1_c3a077f4fa1e4756bac0cf104555facc~mv2.png/v1/fill/w_276,h_164,al_c,q_85,usm_0.66_1.00_0.01,enc_avif,quality_auto/How%20to%20Create%20a%20Sticky%20Header.png)
New
Tutorial
...
Watch how to create a sticky header that changes as visitors scroll…
3m
![Three stylish web pages demonstrate the interactions people can add to their sites using Velo.](https://static.wixstatic.com/media/dc84c1_fbeab1ec16c44c2a8437fd21903975e6~mv2.png/v1/fill/w_276,h_164,al_c,q_85,usm_0.66_1.00_0.01,enc_avif,quality_auto/Add%20Interactions%20to%20Your%20Velo%20Site.png)
New
Tutorial
...
In this video, you’ll learn the basics of creating custom…
2m