Wix Stores: Customizing the Studio Two Cart Page
To ensure the best experience, we're slowly releasing features in the Studio Two Editor. As a result, some Wix Stores widgets do not yet have the full Studio Two capabilities.
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.
Step 1 | Access your Cart page
Your Cart page can be accessed via the Pages tab in your editor.
To access your Cart page:
Click the Site Structure icon .
Click the Pages tab.
Click Cart Page under Cart & Thank You.
.Step 2 | Customize the settings of your Cart page
Next, choose what you want to display on the Cart page. For example, you can hide the "Enter a promo code" link if you don't offer coupons.
To customize the settings of your Cart page:
Click the Cart element in your editor.
Click the Display elements icon on the action bar.
Select the checkboxes for the information you want to display:
Shipping & delivery rates: Displays delivery info relevant to the customer's location.
Tax costs: Displays the relevant tax estimation based on your customer's location. (Estimated taxes aren't displayed when you include tax in the product price.)
Note: Allows customers to add a note to their order.
Click the Settings icon on the action bar.
Click the Settings tab.
Select or clear the Promo code checkbox to allow customers to enter coupon codes.
Customize the Continue Browsing link:
Click the Show link toggle to show or hide the link.
Click the button under Where does it link to? to select where the link directs customers.
Click the Show buttons toggle under Express checkout to show or hide the express checkout buttons.
on the action bar.
on the action bar.When the cart is empty, it always displays the Continue Browsing link.
Step 3 | Design your Cart page
After fine-tuning your settings, 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 and more.
To design your Cart page:
Click the Cart element in your editor.
Click the Settings icon on the action bar.
Click the Design tab.
Choose what you want to customize:
Background & borders: Change the opacity and color of the page's background and dividers.
Text font & color: Change the font and color of the page's titles, body text and links.
Buttons: Change the style, text, fill, border and corner radius of the buttons on the Cart page.
Payment methods: Select a button style and appearance for the express checkout buttons (e.g. PayPal).
(Optional) Click Reset to original design to restore the default design.
You can also adjust the size, position and appearance of the Cart element in the Design tab of the inspector panel.
FAQs
Click a question below to learn more about customizing the Studio Two Cart page.
