HS Slide Cart Drawer Upsell adds a customizable slide-out cart to your Shopify store. The cart drawer opens on top of the page shoppers are browsing, so they can review their items, discover upsells, track rewards and check out faster. This guide covers installation and your first configuration.
What the app does
- Slide cart drawer that opens when shoppers add a product or click the cart icon, with your own layout, colors and texts.
- Cart upsells and product recommendations that shoppers can add without leaving the cart, to help increase average order value.
- Rewards bar that shows progress toward free shipping, an order discount or a free gift.
- Urgency and messaging with countdown timers and rotating announcement messages.
- Footer add-ons such as a discount code field, order note, gift wrap, shipping protection, trust badges, terms checkbox, minimum order and accelerated checkout buttons.
- Store-wide extras such as a sticky cart button, a sticky add-to-cart bar and quick buy buttons.
Step 1: Install the app
Install the app from its Shopify App Store listing and follow the prompts to open it in your Shopify admin.
Step 2: Create and activate a cart drawer
The app's dashboard includes a quick setup guide. Create your first cart drawer, configure it and set its status to Active. Only active cart drawers can appear on your storefront. You can create several cart drawers and use their targeting conditions (device, customer type, customer tags, country and active dates) to decide which shoppers see each one.
Step 3: Enable the app embed in your theme
The cart drawer loads through a Shopify app embed. Open the theme editor (the setup guide can open it for you), turn on the Slide Cart app embed and click Save. App embeds are enabled per theme, so repeat this step if you publish a different theme.
First configuration checklist
- Set the design: brand colors, cart style, width and position.
- Edit the header and choose which product details appear for items in the cart.
- Add a rewards bar with your free shipping or discount goals.
- Add upsells or recommendation widgets.
- Configure the footer: checkout button, discount code field, trust badges and optional add-ons.
- Customize the empty cart and review the cart's texts and labels.
- Save, then test on your storefront: add products, open the cart and continue to checkout without placing an order.
Tips
- Start with a few modules and add more as you learn what works.
- Test every change on your storefront, on desktop and mobile.
Troubleshooting
- The drawer does not appear: check that the app embed is on and saved in your published theme, that at least one cart drawer is Active, that its targeting conditions match the visitor and that your app plan is active.
- Advanced theme option: the app embed includes an option for custom cart drawer implementations. Leave it off unless our support team asks you to enable it.
Where to get help
Need a hand with setup? Contact our support team at [email protected].