Wix Bookings: Adding and Customizing a Cart

11 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 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. 
Before you begin:
You may already have an inactive cart on your site. When you click Cart checkout in Booking Settings, enable the toggle and 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 the installation finishes.
  5. Click Publish at the top of your editor.
    Note: This adds a cart icon to your site. View detailed instructions for setting up the cart in this article's other sections. 
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:

Wix Editor
Studio Editor
  1. Go to your editor.
  2. Go to your Cart page:
    1. Click Pages & Menu  on the left side of the editor.
    2. Click Cart & Thank You.
    3. Click Cart Page.
      A screenshot showing how to access the cart page in the Wix Editor.
  3. Click the Cart Page element on your 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?

|