Wix Stores: Customizing the Cart Page

Wix Stores lets you customize the page that shows the products your customers added to their Cart. 

Head over to the Settings panel to make it look and behave just as you want, controlling the design, text and information your customers see right before they make their purchase.

Choose what options and information to show to customers on the Cart page. You can display localized delivery rates and tax costs so your customers are more knowledgable about their purchases, and give them the option to redeem a coupon or add a note. 

2. If the Cart is empty, add an item to the cart to see how it looks with products.

3. Click the Cart in the Editor.

4. Click Settings.

5. Click the Settings tab. 

6. Select the relevant checkbox(s) according to the information you'd like to display:
  •  Delivery Rates: shows a link to delivery options relevant for each customer's location.

  •  Tax Costs: displays 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: allows customers to redeem coupon codes.
        Note: If selected, the promo code link appears on the Checkout Page, as well.

  •  Add a note: shows a link customers can click to add a message.

  •  Show link: enables the toggle to display the Continue Shopping link on the cart page.
     If enabled, click Link icon  to select where the link directs to.

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

2. If the Cart is empty, add an item to the Cart to see how it looks with products.

3. Click the Cart in the Editor.

4. Click Settings.

5. Click the Design tab.

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 buttons that represent your available payment methods.

Adjust the text that appears on your Cart page so it has the same tone and voice as the rest of you site. You can edit titles and buttons across the page and add your own instructions or disclaimers if needed. 

2. If the Cart is empty, add an item to the Cart to see how it looks with products.

3. Click the Cart in the Editor.

4. Click Settings.

5. Click the Text tab.

6. Edit the text that appears on Cart page (e.g. Checkout button, instructional text, store disclaimer, titles etc...) 

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

3.  Click the Cart page in the mobile Editor. 

4.  Click Settings.

5.  Select the placement for the checkout button.