TUTORIAL
How to create a payment flow with the Wix Pay API
Learn how to create a custom payment flow and accept payments using code and the Wix Pay API. In this video, you’ll create a checkout flow starting from a lightbox. You’ll create a web module in the backend of your site to secure your store’s product info and transaction details. Then, you’ll add a function that accesses this module in your front-end code and generate a payment object that initiates the checkout process. When customers complete a purchase, they’ll receive a thank you message.
Coding | 3:53
Learn how to create a custom payment flow and accept payments using code and the Wix Pay API. In this video, you’ll create a checkout flow starting from a lightbox. You’ll create a web module in the backend of your site to secure your store’s product info and transaction details. Then, you’ll add a function that accesses this module in your front-end code and generate a payment object that initiates the checkout process. When customers complete a purchase, they’ll receive a thank you message.
Keep on learning
![A cursor hovers over a link, “Request Consultation” on a Wix Bookings API quick booking form.](https://static.wixstatic.com/media/dc84c1_ad30c71c012349e297068e763e2ac440~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%20Quick-Booking%20Form%20with%20the%20Wix%20Bookings%20API%20(Part%201_2).png)
New
Tutorial
...
Learn how to create a quick-booking form for your services using the…
17m
![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