Customizing the Mini Cart
Important:
This article is relevant for Wix Stores, Wix Bookings, and Wix Restaurants Orders (New). We're in the process of replacing the Mini Cart with an improved version called the Side Cart. Learn more. Learn how to customize the Side Cart.The Mini Cart is a preview of the Cart Page, which opens on the side of your page. Depending on your setup, customers get to the Mini Cart in 2 ways. First, when the Cart Icon is clicked, it can direct to the Mini Cart. From there, customers can view items and then either keep browsing or click View Cart to go to the full Cart Page.Another way customers can get to the Mini Cart is from the Wix Stores Product Page. The "Add to Cart" can be set to direct to the Mini Cart.Note:The Mini Cart does not appear in the mobile view.In this article, learn how to:
Set the Cart Icon to open the Mini Cart Set the "Add to Cart" button to open the Mini Cart Customize the Mini Cart FAQsSetting the Cart Icon to open the Mini CartYou can choose what happens when a customer clicks the Cart Icon. It can direct customers to the Mini Cart or send them straight to the Cart Page.To set what happens when the Cart Icon is clicked:
Click the Cart Icon in your editor.
Click Settings. Select the Settings tab. Select an option:
    
Show Mini Cart: When customers click the cart icon, the Mini Cart opens on the right. From there, they can click to go to the Cart Page. Open full Cart page: When customers click the cart icon, they're directed to the Cart Page.  Setting the Product Page's "Add to Cart" button to open the Mini CartYou can set what happens when a customer clicks the "Add to Cart" button on the Product Page.  The option is only for Wix Stores.To set what happens when the "Add to Cart" is clicked:
Click the Product Page in your editor. Click Settings. Click the Settings tab. Under Add to Cart Button, make sure the Show Button toggle is enabled. Under When button is clicked, select an option:
    
Show a success pop-up: A smaller pop-up opens, displaying only the item that was just added. Open Mini Cart: The Mini Cart opens on the right. From there, they can click to go to the Cart Page. Go to Cart Page: Customers are directed to the Cart Page. Stay in Product Page: The "Add to Cart" button text briefly changes to a checkmark.  Customizing the Mini Cart Make changes to the text and design of the Mini Cart so that it matches the look and feel of your business.To customize the Mini Cart:
Click the Cart Icon in your editor.
Click Settings. Click the Mini Cart tab.
    
Click Text to customize the Mini Cart text. Click Design to customize the fonts, colors, and styles.  Tip:To view the Mini Cart while customizing it, click Preview, add an item, then click the Cart Icon to open the Mini Cart. While the Mini Cart is open, click Back to Editor and follow the steps below.FAQsClick a question below to learn more.I don't have a Cart Icon. How can I add it?The Cart Icon can be added from the Add Panel. Depending on the app you're using, click Stores / Bookings / Restaurants and then select Cart Icon.I use Wix Bookings. How can I enable the Mini Cart, Cart Page, and Cart Icon?
Go to Booking Settings in your site's dashboard. Click Cart checkout.  Click the Active toggle to add the Mini Cart, Cart Page, and Cart Icon to your site.
Tip: With the cart active, clients can book more than one session at a time and add store products to the same order. Click Save.