Wix Bookings: Adding and Customizing a Cart
Offer clients a better booking experience by adding a cart to your site. Clients can add multiple services to their cart before checking out, saving them time and helping you keep a full schedule.
If you also sell merchandise or other products, your clients can also add these to their cart before completing checkout.
Notes:
To allow clients to add products as well as services to their cart, add Wix Stores to your site.
Currently, it is not possible to add Pricing Plans to the cart. When clients attempt to buy a plan-only service, they purchase the plan before returning to their cart to complete checkout.
Adding a cart to your site
Make it easier for clients to book multiple services in a single checkout by adding a cart to your site.
With the cart installed, the booking form is automatically filled out with the details for each additional service clients add to the cart. They can choose to enter different details for each booking using custom fields in the booking form. Or you can create a custom form for each of your services if you require more specific information.
To add a cart to your site:
Go to Booking Settings in your site's dashboard.
Click Client booking flow under Online Bookings.
Scroll down to the Checkout settings section and enable the Cart toggle.
Click Save.
Note: This adds a cart icon to your site. View detailed instructions for setting up the cart in this article's other sections.
Tip:
With cart checkout, you and your clients receive order confirmation emails after purchases. You can edit or deactivate these emails in your eCommerce settings.
Customizing your Cart Page
Customize the page that shows the services your clients add to their cart so it fits your site's style and branding.
To customize your Cart Page:
Wix Editor
Go to your Cart page:
Click Pages & Menu
on the left side of the editor.
Click Cart & Thank You.
Click Cart Page.
Click the Cart Page element on your page.
Click Settings.
Choose what you want to do:
Customize the settings
Click the Settings tab.
Select the relevant checkboxes next to the information you'd like to display:
Shipping & delivery rates: Show the relevant delivery options based on each client's location, when they buy one of your products.
Note: This is only relevant if you sell products as well as services.
Tax costs: Display the relevant tax estimation for the customer's location.
Note: Estimated taxes aren't displayed when you include tax in the product price.
Promo code link: Allow customers to redeem coupon codes. This also adds the promo code link to your Checkout Page.
Add a note: Let customers add a message to their purchase.
(Optional) Enable the Show link toggle to add a Continue Shopping link to the cart page. Then, click the Link icon
to select the site page it directs to.
(Optional) Enable the Show buttons toggle under Express checkout to show the relevant express checkout options for your site.
Customize the design
Click the Design tab.
Customize the design settings of the following sections, using the available options:
Background and Borders: Change the color of the page's background and dividers.
Text Font & Color: Change the color and font of the page's title, body and links.
Buttons: Change the color, style and appearance of buttons on the Cart page.
Payment methods: Design the buttons that represent your available payment methods.
Customize the text
Click the Text tab.
Edit the text that appears on your cart page (e.g. Checkout button, instructional text, disclaimers, titles, etc.)
Studio Editor
Go to your Cart page:
Click Pages
on the left side of the editor.
Click Cart Page under Cart & Thank You.
Click Cart Page.
Click the Cart Page element on your page.
Click Settings.
Choose what you want to do:
Customize the settings
Click the Settings tab.
Select the relevant checkboxes next to the information you'd like to display:
Shipping & delivery rates: Show the relevant delivery options based on each client's location, when they buy one of your products.
Note: This is only relevant if you sell products as well as services.
Tax costs: Display the relevant tax estimation for the customer's location.
Note: Estimated taxes aren't displayed when you include tax in the product price.
Promo code link: Allow customers to redeem coupon codes. This also adds the promo code link to your Checkout Page.
Add a note: Let customers add a message to their purchase.
(Optional) Enable the Show link toggle to add a Continue Shopping link to the cart page. Then, click the Link icon
to select the site page it directs to.
(Optional) Enable the Show buttons toggle under Express checkout to show the relevant express checkout options for your site.
Customize the design
Click the Design tab.
Customize the design settings of the following sections, using the available options:
Background and Borders: Change the color of the page's background and dividers.
Text Font & Color: Change the color and font of the page's title, body and links.
Buttons: Change the color, style and appearance of buttons on the Cart page.
Payment methods: Design the buttons that represent your available payment methods.
Customize the text
Click the Text tab.
Edit the text that appears on your cart page (e.g. Checkout button, instructional text, disclaimers, titles, etc.)
Wix Harmony Editor
Go to your Cart page:
Click the Page dropdown at the top left of the page.
(In the Site Pages panel) Select the Cart Page page under Bookings Pages.
Click the cart element on your page.
Click the Settings icon
on the action bar.
Choose what you want to do:
Customize the settings
Click the Settings tab.
Customize the following:
Continue Browsing Link:
Show link: Click the toggle to show or hide the "continue browsing" link on your Cart page.
Where does it link to?: Choose where the link sends clients, such as your main services page or another page on your site.
Show buttons: Click the toggle to show or hide express checkout buttons. When this is turned off, the express checkout buttons are also hidden on the Checkout page.
Customize the design
Click the Design tab.
Customize the design settings of the following sections, using the available options:
Background and Borders: Change the color of the page's background and dividers.
Text Font & Color: Change the color and font of the page's title, body and links.
Buttons: Change the color, style and appearance of buttons on the Cart page.
Payment methods: Design the buttons that represent your available payment methods.
Tip:
Click the Display elements icon
on the action bar and select which elements you want to show on your cart page, e.g., shipping and delivery rates, promo codes and more.
Customizing your cart icon
Choose the right cart icon for your brand and business. You can then customize the design so it fits perfectly with your site.
To customize your cart icon:
Wix Editor
Click the Cart icon
in your editor.
Click Settings.
Click the Cart Icon tab.
Choose how to customize your cart icon:
Select a new look for your icon.
Customize the icon's colors, font, or text. Tip: Available options vary based on the icon you select.
Studio Editor
Click the Cart icon
in your editor.
Click Settings.
Click the Cart Icon tab.
Choose how to customize your cart icon:
Select a new look for your icon.
Customize the icon's colors, font, or text. Tip: Available options vary based on the icon you select.
Wix Harmony Editor
Click the Cart icon
in your editor.
Click the Settings icon
on the action bar.
Choose what you want to customize:
Cart Icon: Choose a new icon and adjust its style.
Pop up: Show customers a success notification when they add items to their cart.
Settings: Choose what happens when visitors click the cart icon, e.g., they see a side cart or the full Cart page opens.
Customizing your side cart
The side cart is a preview of the Cart page, which opens on the side of your site pages. Customers can get to the side cart by clicking the cart icon or the 'Add to Cart' button.
This is where clients view the services they've already added to the cart. They can then choose if they want to continue shopping, or go to the Cart page and check out.
You can customize when the side cart opens, as well as its text and design, so that it reflects your brand's look and feel.
Learn more about accessing and customizing the side cart.
FAQs
We are here to help with all your questions. Click a question below to learn more.
What does the cart look like for my clients?
When you add a cart to your site, clients now see the "Add to Cart" option before checkout. The cart icon also appears in the top right corner of your site.
When clients add a service or product to the cart they can then choose to View Cart or Add More Sessions.
The total number of bookings and products your clients add to their cart appears in the top right corner of your site.
Can I deactivate cart checkout?
Yes, you can deactivate it at any point. However, this does not deactivate your cart for Wix Stores. The cart icon remains on your site even after you disable the cart feature.
To deactivate cart checkout:
Go to Booking Settings in your site's dashboard.
Click Client booking flow under Online Bookings.
Scroll down to the Checkout settings section and disable the Cart toggle.
Click Save.
Tip: We recommend hiding the cart icon instead of deleting it, as it can cause issues if you decide to enable the cart for Wix Bookings again in the future.
What happens when clients try to add a plan-only service to their cart?
When clients try to add a plan-only service to their cart, they can choose whether to buy the relevant plan or not.
Clients who choose to buy the plan then follow the instructions to complete the purchase.
Your clients can then complete their Booking.
Is the cart available on the Wix Member apps?
The cart is not currently available on the Wix Member apps.
Can my clients skip the cart?
It's possible to skip the cart and proceed straight to checkout for services with no fee, a custom price or plan-only services.
After clicking "Add to cart", clients can choose if they want to add more sessions to the cart or complete the booking of the selected session.
Need A Professional Website?
Contact Us Today!
I'm a paragraph. I'm connected
I'm a paragraph. I'm connected
I'm a paragraph. I'm connected
I'm a paragraph. I'm connected
I'm a paragraph. I'm connected
I'm a paragraph. I'm connected