Wix Stores: Customizing the Cart Page
7 min read
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.
In this article, learn how to:

Customizing the settings of your Cart page
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.
To customize your settings:
- Go to your store's Cart Page.
Wix Editor | Show me how
Editor X | Show me how
2. If the Cart is empty, add an item to the cart to see how it looks with products.
Show me how
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.
• 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.
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.
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.
If enabled, click Link icon

Designing your Cart page
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.
To design your Cart page:
- Go to your store's Cart Page.
Wix Editor | Show me how
Editor X | Show me how
2. If the Cart is empty, add an item to the Cart to see how it looks with products.
Show me how
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.
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 you site. You can edit titles and buttons across the page and add your own instructions or disclaimers if needed.
To edit your Cart page text:
- Go to your store's Cart Page.
Wix Editor | Show me how
Editor X | Show me how
2. If the Cart is empty, add an item to the Cart to see how it looks with products.
Show me how
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...)
Note:
If you selected PayPal as a payment option along with an additional option (e.g. manual payment, Square, Stripe), customers see more than one checkout button. Eligible customers can click the "More Payment Options" link to access PayPal's Pay Later and PayPal Credit.


Customizing the Cart page on mobile
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.

Note:
This feature is not currently available in Editor X.
To customize the cart on mobile:
- Go to your store's Cart page.
- Click Pages
on the left side of the Editor.
- Click Store Pages.
- Select the Cart page.
- Click Pages
- Click the Switch to Mobile icon
at the top of the Editor.
3. Click the Cart page in the mobile Editor.
4. Click Settings.
5. Select the placement for the checkout button.
Did this help?
|