Customizing the Cart Page

Important:

• This article is relevant for Wix Stores, Wix Bookings, and Wix Restaurants Orders.

• The Cart page is not available with Wix Donations or Pricing Plans.

Similar to a shopping cart in a supermarket, your Cart page is where customers place items they are interested in buying. When they're done browsing, they can proceed to checkout and complete the order.

Accessing the Cart page settings

Access to the Cart page varies according to which business solution or solutions you use.

Tips:

• If you're using Wix Restaurant Orders, access to the Cart page is always through Cart & Thank You.

• Wix Restaurant Orders is not yet available in the Wix Harmony editor.

Wix Editor

1. Go to your editor.

2. Go to your Cart page:

   1. Click Pages & Menu

      

      on the left side of the editor.

   2. Select an option:

      • You have only 1 business solution (e.g. only Wix Stores or Wix Bookings):

        1. Click your business solution (e.g. Wix Stores).

        2. Click Cart Page.

      • My site has 2 or more business solutions:

        1. Click Cart & Thank You.

        2. Click Cart Page.

1. Click the Cart page element on your page.

2. Click Settings.

Studio Editor

1. Go to your editor.

2. Go to your Cart page:

   1. Click Pages

      

      on the left side of the editor.

   2. Select an option:

      • You have only 1 business solution (e.g. only Wix Stores or Wix Bookings): Select Cart Page under your business solution (e.g. under Wix Stores).

      • My site has 2 or more business solutions: Select Cart Page under Cart & Thank You.

1. Click the Cart page element on your page.

2. Click Settings.

Wix Harmony

1. Go to your editor.

2. Click the Page dropdown at the top left of the page.

3. Click the Cart Page.

   Tip: If you only use 1 business solution (e.g. only Wix Stores or Wix Bookings), you'll find the cart page under that solution's category. If you're using 2 or more business solution, the cart page is under Cart & Thank You.

4. Click the Cart page element on your page.

5. Customize the Cart page using the options available on the action bar.

Customizing the settings of your Cart page

Choose what you want to display on the Cart page. For example, you can choose to hide the 'Enter a promo code' link if you don't offer coupons.

Wix Editor

1. Go to the Cart page in your editor.

2. Click the Cart page element.

3. Click Settings.

4. Click the Settings tab.

5. Select the relevant checkbox(es) according to the information you'd like to display:

   • Shipping & delivery rates: Displays delivery info relevant to the customer's location.

     Tip: If you use only Wix Bookings, we recommend unchecking this option.

   • Tax Costs: Displays the relevant tax estimation based on your customer's location.

     Note: Estimated taxes aren't displayed when you include tax in the product price.

   • Promo code link: Allows customers to enter coupon codes.

     Note: If selected, the promo code link appears on the Checkout page, as well.

6. Customize the Continue Browsing link:

   1. Click Show link under Continue Browsing Link to show or hide the link.

   2. If enabled, click Link icon

      

      to select where the link directs to.

1. Click the Show buttons toggle under Express Checkout to show or hide them:

   • Enabled: If you set up an express checkout payment provider (e.g. PayPal), an extra checkout button (e.g. PayPal button) is displayed. This directs customers to complete checkout there. Learn more

   • Disabled: Only the "Checkout" button is displayed.

Studio Editor

1. Go to the Cart page in your editor.

2. Click the Cart page element.

3. Click Settings.

4. Click the Settings tab.

5. Select the relevant checkbox(es) according to the information you'd like to display:

   • Shipping & delivery rates: Displays delivery info relevant to the customer's location.

     Tip: If you use only Wix Bookings, we recommend unchecking this option.

   • Tax Costs: Displays the relevant tax estimation based on your customer's location.

     Note: Estimated taxes aren't displayed when you include tax in the product price.

   • Promo code link: Allows customers to enter coupon codes.

     Note: If selected, the promo code link appears on the Checkout page, as well.

6. Customize the Continue Browsing link:

   1. Click Show link under Continue Browsing Link to show or hide the link.

   2. If enabled, click Link icon

      

      to select where the link directs to.

1. Click the Show buttons toggle under Express Checkout to show or hide them:

   • Enabled: If you set up an express checkout payment provider (e.g. PayPal), an extra checkout button (e.g. PayPal button) is displayed. This directs customers to complete checkout there. Learn more

   • Disabled: Only the Checkout button is displayed.

Wix Harmony Editor

1. Go to the Cart page in your editor.

2. Click the Cart page element.

3. Click the Display Elements icon

   

   on the action bar.

4. Select the relevant checkbox(es) according to the information you'd like to display:

   • Shipping & delivery rates: Displays delivery info relevant to the customer's location.

     Tip: If you use only Wix Bookings, we recommend unchecking this option.

   • Tax Costs: Displays the relevant tax estimation based on your customer's location.

     Note: Estimated taxes aren't displayed when you include tax in the product price.

   • Promo code link: Allows customers to enter coupon codes.

     Note: If selected, the promo code link appears on the Checkout page, as well.

   • Add a note: Customers can click to leave you a message.

     Note: Learn more about viewing customer notes.

5. Click the Settings icon

   

   on the action bar.

6. Click the Settings tab.

7. Customize the 'Continue Browsing' link:

   1. Click Show link under Continue Browsing Link to show or hide the link.

   2. If enabled, click Link icon

      

      to select where the link directs to.

1. Click the Show buttons toggle under Express Checkout to show or hide them:

   • Enabled: If you set up an express checkout payment provider (e.g. PayPal), an extra checkout button (e.g. PayPal button) is displayed. This directs customers to complete checkout there. Learn more

   • Disabled: Only the "Checkout" button is displayed.

Tips:

• If you use Wix Restaurant Orders, you need to disable the Express Checkout option.

• When the cart is empty, it always displays the 'Continue Browsing' link.

Designing your Cart page

Customize the design of the Cart page so it matches your site's overall look and feel. You have full control of the way this page looks, including the colors, fonts, buttons, links, and more.

Wix Editor

1. Go to the Cart page in your editor.

2. Click the Cart page element.

3. Click Settings.

4. Click the Design tab.

5. (Optional) Click the Stretch to full width toggle to enable it.

6. Customize the design settings of the following areas:

   • 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 express checkout buttons (e.g. PayPal).

Studio Editor

1. Go to the Cart page in your editor.

2. Click the Cart page element.

3. Click Settings.

4. Click the Design tab.

5. Customize the design settings of the following areas:

   • 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 express checkout buttons (e.g. PayPal).

Wix Harmony Editor

1. Go to the Cart page in your editor.

2. Click the Cart page element.

3. Click the Settings icon

   

   on the action bar.

4. Click the Design tab.

5. Customize the design settings of the following areas:

   • 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 express checkout buttons (e.g. PayPal).

Tips:

• To optimize the way the cart displays on mobile, make sure that the mobile page background color and cart background color are the same.

• If you go to the mobile editor and change the page background, it doesn't affect the background color on desktop.

Editing your Cart page text

Adjust the text that appears on your Cart page so it has the same tone and voice as the rest of your site. You can edit titles and buttons on the page.

You can also add a short message that appears between the total and your checkout button.

Wix Editor

1. Go to the Cart page in your editor.

2. Click the Cart page element.

3. Click Settings.

4. Click the Text tab.

5. Edit any of the text options.

6. (Optional) Add a disclaimer: Enter a short message (max. 90 characters).

   Tip: This message appears under the total in the order summary.

Studio Editor

1. Go to the Cart page in your editor.

2. Click the Cart page element.

3. Click Settings.

4. Click the Text tab.

5. Edit any of the text options.

6. (Optional) Add a disclaimer: Enter a short message (max. 90 characters).

   Tip: This message appears under the total in the order summary.

Wix Harmony Editor

1. Go to the Cart page in your editor.

2. Click the Cart page element.

3. Click Edit Text on the action bar.

4. Edit any of the text options.

5. (Optional) Add a disclaimer: Enter a short message (max. 90 characters).

   Tip: This message appears under the total in the order summary.

Customizing the Cart page on mobile

Make sure the Cart page looks great when viewed on a mobile device.

Wix Editor

Decide where you want to display the checkout button for customers viewing your site on mobile. Choose from just displaying it only at the bottom of the page or display it at both the top and the bottom.

To access the mobile customizations:

1. Click the Switch to mobile icon

   

   at the top of the editor.

2. Click the Cart page in the mobile Editor.

3. Click Settings.

4. Select a placement option for the checkout button.

Studio Editor

Many customizations are available for the mobile breakpoint in the Studio Editor, however, it's not possible to select where to display the 'Checkout' button.

To access the mobile customizations:

1. Go to the cart page in your editor.

2. Click the relevant breakpoint at the top of the editor.

3. Click the cart page element.

4. Click Settings.

5. Customize the mobile view using the available options.

Wix Harmony Editor

Many customizations are available for the mobile breakpoint in the Studio Editor, however, it's not possible to select where to display the 'Checkout' button.

To access the mobile customizations:

1. Go to your editor.

2. Click the Mobile icon

   

   at the top right of the page.

3. Click the cart page element.

4. Customize the mobile view using the available options on the action bar.

FAQs

Click a question below to learn more about the Cart page.

What will customers see if I enable express checkout?

You can connect to PayPal, Apple Pay or Google Pay as payment providers. When you do, you can display the buttons as express checkout options.

Enabling express checkout will add a checkout button to the Cart page:

and the Checkout page:

If you use Wix Stores and enabled the 'Buy Now' button in the Product page, you can also display express buttons there.

Tip: If you selected an express payment option along with an additional option (e.g. manual payment, Square, Stripe), customers see more than one checkout button.

Learn more about the:

• PayPal express button

• Apple Pay/Google Pay express button

How can my Wix Stores customers go straight to checkout, bypassing the Cart Icon and Cart page altogether?

If you have the type of store where customers often purchase a single item, you may want to streamline the checkout process by allowing customers to bypass the cart icon, side cart, and Cart page.

1. Click the Product page in your editor.

2. Click Settings.

3. Click the Settings tab.

4. Scroll down and click the Show button toggle under Buy Now to enable it.