Wix Bookings: Adding and Customizing a Cart

9 min read
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. 
A screenshot showing a cart with several services on a live site.
In this article, learn more about:
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 autofills for each additional service they add to the cart, for a smoother experience. Their details copy over to each booking service in the cart automatically. They can choose to enter different details for each booking using custom fields in the booking form if they wish. Or you can create a custom form for each of your services, if you require more specific information. 
Before you begin:
You may already have an inactive cart on your site. When you click Cart checkout in Booking Settings, click to enable the toggle and then click Save. The cart is now active on your site and you do not need to follow the steps in the section below.
Screenshot showing how to enable the cart toggle in Booking Settings.

To add a cart to your site:

  1. Go to Booking Settings in your site's dashboard.
  2. Click Cart checkout.
  3. Click Install Cart. This takes you to your Editor.
  4. (In your Editor) Click Done when installation finishes.
  5. Click Publish at the top of your Editor.
    Note: This adds a cart icon to your site, instructions for which you can find in the sections further down in this article. 
A screenshot showing how to access the cart checkout settings in the dashboard.
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:

  1. In your Editor, go to your Cart Page. 
Wix Editor
Studio Editor
  1. Go to your editor.
  2. Click Pages  on the left side of the Editor.
  3. Click Cart & Thank You. 
  4. Click Cart Page. 
A screenshot showing how to access the cart page in the Wix Editor.

3.  Click anywhere on the Cart Page.
4.  Click Settings.
5.  Choose what you want to do:

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:

  1. Click the Cart icon  in your Editor.
  2. Click Settings.
  3. Click the Cart Icon tab.
  4. 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. 
A screenshot showing how to edit your cart icon in the editor.

Customizing your mini cart

When clients click the cart icon, a mini cart panel opens on the side of the page.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 the text that appears in the mini cart panel, as well as the design. 

To customize the mini cart:

  1. Click the Cart icon  in your Editor.
  2. Click Settings.
  3. Click the Mini Cart.
  4. Choose how to customize the mini cart:
    • Text: Customize the text that appears in this panel.
    • Design: Customize the fonts, colors, and styles.
A screenshot showing how to edit your mini cart in the editor.

FAQs

We are here to help with all your questions. Click a question below to learn more. 

Did this help?

|