Smart Cart setup guide

Let's talk about how you can set up the best shopping cart on Shopify, the Rebuy Smart Cart. Our Rebuy Smart Cart is a slide-out cart that replaces your default cart experience with our highly customizable Smart Cart. Now here's how to set it up. First in the Rebuy Admin, we wanna click on Cart and Merchandising, and then click Smart Cart in that left-hand menu. Next, we wanna click right here, New Smart Cart. Then let's give this a name like Test Smart Cart. You can choose to display your cart as a single column or double column layout. I'm gonna keep mine a single column, and just beneath that it says Smart Cart Widget. That's for a pre-made product recommendation to show up in your cart when we create it. Let's leave that on as well, and I'll show you that on the other side by hitting Create right here. This is our visual editor for Smart Cart, and we can see here on the right-hand side, that's that Smart Cart widget for a product recommendation. Already doing its thing, recommending some products beneath. And now on the left-hand side here, it's separated into several different sections. We're gonna go through them one by one and tell you what each of them does. First up, we've got the Cart Title. You can customize this. You can see it on the right-hand side. These changes that we make on the left will appear on the right, so some people to be on brand might wanna call this Your Bag, but I'm gonna leave it as Your Cart for now. Now, just beneath that, we have some advanced settings, one of which is the Login button. This is enabled by default and it allows customers to log into their account with ease straight from their cart, which enhances their shopping experience and your store's personalization capabilities. If you don't want this feature enabled, you can hide it by clicking the Hide button right here, but I'm gonna turn mine back on. Okay, now the rest of these sections, we've got the Header, Goal Box, Body, and Footer sections, and they're all gonna allow us to customize our Smart Carts even further to personalize the experience for our customers. Let's click Add next to Header, and now we can see all the different components we can add in here. With Header, we can add an Announcement Bar. So why don't we click that and now we can customize this language. You can see here at the top, so I could say, "Black Friday Sale, 20% off everything!" I could even adjust this other one. I could say, "Don't miss these great deals!" And then those are just gonna swipe and toggle as you can see there. Let's go back in the Header in just a moment to highlight our Smart Cart Apps. We've got close to 40 of these pre-built integrations with some of the top Shopify integrations available. When you click these apps, each will guide you with detailed instructions on how to install and enable specific functionality to get the most outta your tech stack. But for now, why don't we skip forward? Let's go to the Goal Box. A lot of these components we can add in different places in the cart. You saw there was a Tiered Progress Bar available for the Header. But let's add one in right here in the Goal Box, beneath that Announcement Bar. The Tiered Progress Bar is a great way to boost a customer's AOV by showing them how close they are to qualifying for a certain offer, like free shipping, free products, or a discount. So first things first, let's use Shopify Functions by toggling this on right here and now let's look at what we can set up with this feature. You can have up to four tiers, so let's do that. Unlock free shipping. Then let's do another tier. And now let's do a free product at $100. Let's just select this moisturizer here. You can see there's all sorts of different ways we can continue to customize this. We can change that default icon to a product image. We could adjust the image size. And like I mentioned, more advanced customization options here and we can have up to four tiers available for us to play with. Okay, let's keep it moving. Let's go back to our menu here and look at the Body. So if I click Add, you can see we could have an Announcement Bar, a Cross-Sell Widget, all sorts of different options here, Discount Code Input. But actually, let me just jump back out. I wanna show you that pre-built widget that we had toggled on to begin with. So that's this widget with the numbers here, you can see, and that's what's appearing—that "You May Also Like" products on the right-hand side. We could go into this and adjust the data source if we wanted to by clicking those three dots on the right, but it's perfect how it's set up. It's using Rebuy AI to recommend products based on what is in the cart. By the way, if you wanted a different cross-sell widget that you'd already set up, you can play with that by just clicking here. We'll create a new cross-sell widget and we can just choose from all our pre-existing. You can see we've built a lot here and you can toggle them on and decide whatever one you wanna have available in your cart. Okay, let's look at some more ways we can add AOV to our cart. So let's click on Cart Items, and let's just highlight some of these in here. If you're selling one-time products and subscription products, Switch to Subscription allows your customers to effortlessly upgrade a one-time purchase to subscription directly in the cart. Product Metafields is a useful setting for those with developer experience to grab some custom data. And Buy More, Save More—a personal favorite of mine. Such a great way to encourage customers to boost the value of their carts so they can get an incremental discount every time. And we've got all sorts of ways that we can customize that from a percentage, from a set monetary price. We can change up the tiers. We can be super specific and intentional here. We can choose which products we want this on. So why don't I add that to this oil mist right here and there you can see, "Buy two, save 5%." So let's add a new tier. Actually, you know what? Let's change this up. Let's give them even more of a deal. We'll do 10% for two. Let's do 20% for three. So now you can see here, depending on—and you can toggle, you can play with this on the right-hand side here. So if they just have one in the cart, it's showing that "Buy two, save 10%." But if they had two, you can see it disappeared. And it's just showing them that "Buy three, save 20%," just showing them the next one they're available to hit. We can play with how we want these cart items shown with nested cart items, with a dropdown, all sorts of other customization options available here. But let's get outta here and let's keep this moving. Let's go into the Footer. Okay, so if I click Cart Subtotal here, this setting allows you to adjust how your subtotal text appears. Now let's jump into the Checkout Area. And you can see here we have different express checkout buttons available to us from accelerated checkout payment methods to Shop Pay directly in the cart. We've got additional options here for installments, which we could set up, but I'm gonna keep that toggled off for now and just keep this moving. View Cart button, Continue Shopping button, all sorts of different customization options available to us in the Footer. Then, you know what? Let's actually add something in the Footer here. I wanna have a Discount Code Input available to us. So that looks good. But you know what? Let's actually drag it beneath the Cart Subtotal and just see how that looks. You know what? I think I preferred it the other way around, so let me just switch that back. And this all looks great to me. So if we wanted this live, we would just hit this switch in the top here and toggle it live. And of course, hit Save. Hit Yes. And away we go. If you need help troubleshooting your Smart Cart, we've added documentation on this page, and of course in the admin itself, if you go to the right-hand corner and click that Rebuy logo, you can connect with our support team right away. That's all for this video. We'll see you in the next one.