Official Shopify Partner

Built with artificial intelligence

Official Shopify Partner

Perfect Cart

Tutorials

/

Setup

/

Installing Perfect Cart on Your Shopify Store

Installing Perfect
Cart on Your Shopify Store

Learn how to install Perfect Cart, connect your Shopify store, and enable the cart drawer so you can start improving conversions in just a few minutes.

6 min watch

Beginner friendly

Updated Jun 2026

482 store owners completed this

Installing Perfect Cart on Your Shopify Store tutorial preview

Overview

This tutorial walks you through installing Perfect Cart on a live Shopify store. By the end, your storefront will have a working cart drawer, a starting layout, and a live connection back to your Perfect Cart dashboard so every change you make later shows up instantly for shoppers.

What you'll need

Admin access to your Shopify store

A free or paid Perfect Cart account

About 5 minutes, no coding required

01

0:12

Connect your Shopify store

From your Perfect Cart dashboard, select Add store and sign in with your Shopify admin credentials. Perfect Cart requests read and write access to your theme and checkout settings only it never touches customer or order data.

Tip :

Use the store owner account the first time you connect. You can invite teammates with limited access afterward.

02

1:48

Install the cart drawer

Perfect Cart adds a single snippet to your theme automatically. If your theme is customized, you can also drop the tag in manually just before the closing </body> tag:

<!-- theme.liquid -->

<script src="https://cdn.perfectcart.app/drawer.js" data-store="{{ shop.permanent_domain }}"></script>

Save your theme and refresh your storefront the drawer icon should now appear next to your cart.

03

3:05

Choose your starting template

Pick a drawer layout that's closest to your finished look Minimal, Bold, or Editorial. Every element inside is editable later, so this choice just sets your starting point for colors, spacing, and card style.

04

4:20

Test the drawer on your storefront

Add a product to your cart from the live storefront and confirm the drawer opens, quantities update, and totals recalculate correctly. Test on both desktop and mobile before moving on.

Tip :

Use the store owner account the first time you connect. You can invite teammates with limited access afterward.

05

5:32

Go live

Once testing looks good, toggle Drawer status to Live from your dashboard. Shoppers will now see the Perfect Cart drawer immediately — no theme republish needed for future changes.

Troubleshooting

The drawer isn't showing up on my storefront

Clear your browser cache and confirm the theme you edited is the one currently published. Unpublished or duplicate themes won't reflect the change.

Can I install Perfect Cart on more than one store?

Yes. Each store connects separately from your dashboard and keeps its own settings, offers, and templates.

Was this tutorial helpful?

Ready to install Perfect Cart?

Get your drawer live on your storefront in under five minutes.

get started