Getting started
Welcome to ShopCart
Welcome to ShopCart In this article: What ShopCart does What you can add to the cart Where to start ShopCart replaces your theme's cart with a cart drawer that helps you sell more. Customers see rewards, product suggestions and useful extras right in the cart, without leaving the page they're on. What ShopCart does Cart drawer: a cart tFew readersQuick start in ShopCart
Quick start in ShopCart In this article: Step 1: Turn on the app embed Step 2: Open the cart drawer editor Step 3: Choose the design and widgets Step 4: Save and publish the cart Step 5: Check the cart on your store ShopCart replaces your themeFew readers
Cart drawer design
How to customize the cart drawer design
How to customize the cart drawer design In this article: Choose a color template Set the card style, font and background Change the colors of each widget Preview on desktop, tablet and mobile You can match the ShopCart cart drawer to your store's look without code: pick a ready-made colorFew readersHow to set up the cart header and footer
How to set up the cart header and footer In this article: Change the cart title Change the checkout button Show the savings on the checkout button The header is the top line of the cart drawer with the cart title and the close button. The footer is the Checkout button at the bottom. Both are always shown, and you can change their textsFew readersHow to set up products in the cart
How to set up products in the cart In this article: Change how products are shown Set up the discount badge Show a product metafield Set up the empty cart Products in cart controls how the products in the cart drawer look: the quantity buttons, prices, images, the "Save" badge and the message for an empty cart.Few readers
Cart widgets
How to add an announcement with a countdown timer
How to add an announcement with a countdown timer In this article: Turn on the announcement Write the announcement text Set up the countdown timer What customers see The announcement is a colored bar at the top of the cart drawer. Use it for a promotion, a shipping note or a countdown that tells customers their cart is reFew readersHow to set up tiered rewards in the cart
How to set up tiered rewards in the cart In this article: How rewards work Turn on rewards Set up a tier Choose how rewards are counted What customers see Rewards show a progress bar in the cart drawer. Each step on the bar is a tier: free shipping, a discount on the order or a free gift. The bar tells customers howFew readersHow to offer a free gift in the cart
How to offer a free gift in the cart In this article: How the free gift works Set up a free gift tier What customers see Why the gift isn't shown A free gift is one of the rewards on the ShopCart progress bar. When the cart reaches the amount you set, customers can add a product to the cart for free. ${color}[#204a87](How theFew readersHow to add product upsells to the cart
How to add product upsells to the cart In this article: How upsells work Turn on upsells Create an upsell offer Choose how upsells look What customers see Upsells suggest more products right in the cart drawer, in a "You might also like" section. Customers add a suggested product with one click, without leaving thFew readersHow to add shipping protection or another add-on
How to add shipping protection or another add-on In this article: What an add-on is Set up the add-on What customers see Hide the add-on product from your catalog An add-on is an optional extra that customers turn on with one switch in the cart, for example shipping protection or gift wrapping. It adds a small amount to theFew readersHow to add a discount code field to the cart
How to add a discount code field to the cart In this article: Turn on the discount code field Change the texts What customers see The discount code field lets customers apply a code right in the cart drawer and see the new total before they go to checkout. Turn on the discount code field Open ShopCart and click Edit in the **CFew readersHow to add a terms and conditions checkbox
How to add a terms and conditions checkbox In this article: Turn on the checkbox Write the text and add a link Make the checkbox required The agreement checkbox asks customers to accept your terms and conditions, return policy or any other rule before they go to checkout. It's shown above the Checkout button in the cart drawer. ${color}[#204a8Few readers
Help
Why isn't the cart drawer showing on my store?
Why isn't the cart drawer showing on my store? In this article: The app embed is turned off The cart isn't published You switched to another theme The page shows an old version Still not working? If customers still see your theme's own cart instead of the ShopCart drawer, one of theFew readersFAQ - ShopCart
FAQ - ShopCart In this article: How much does ShopCart cost? Does ShopCart change my theme code? Why do I still see my theme's cart? How do I turn the cart off for a while? How are rewards applied at checkout? [Do discount codes work in theFew readers