Rebuy's Smart Cart is a flyout cart that takes over the cart experience of your Shopify theme. Smart Cart is deeply customizable through a no-code, low-code or custom code approach and is powered by features that boosts shopping conversion, AOV and LTV.
Familiarizing yourself with the various settings and features of the Smart Cart can enable you to develop a more efficient and seamless shopping experience for your customers, ultimately resulting in higher sales and revenue for your ecommerce store. This document, along with other related articles, will provide guidance on how to utilize the different features of the Smart Cart to achieve these goals.
You can learn more about Smart Cart here:
You can learn how to enable Smart Cart here:
Cart Name
The purpose of the Cart Name field is solely for your own organizational needs. You have the ability to configure up to nine different carts, but only one can be active at any given time. By utilizing the Cart Name field, you can keep track of the different carts and their respective functions. This will help you to efficiently manage your carts and ensure that you are using the correct one for your intended purpose.
Publish Cart & Preview Cart
Preview Cart
The Preview Cart allows you to preview how an unpublished cart will appear on your online store. However, it's important to note that only the settings that have already been saved will be displayed in the preview. This means that any changes made after the last save will not be reflected in the preview. Utilizing this tool can help you to ensure that your cart is visually appealing and functioning correctly before publishing it live on your online store.
When previewing your Smart Cart, you will notice that the URL contains "/?preview_smart_cart=". Each Smart Cart has its own unique identifier numbers associated with it.
Preview from within the Smart Cart settings:
Preview from the Smart Cart management page:
Publish/Enable Smart Cart
When you toggle on the cart and click "Save," the Smart Cart you have configured will become "Active" and will be displayed on your storefront. If there is already another Smart Cart enabled, it will be automatically disabled. This ensures that only one Smart Cart is active on your storefront at a time, preventing any conflicts or errors. Activating your Smart Cart is an important step in utilizing its features and enhancing your customers' shopping experience.
Enabling from within the Smart Cart settings:
Enable from the Smart Cart management page:
Layout Options
You have two different layout options for your Smart Cart which are a single column or double column. The Single Column layout arranges all sections vertically in one column (Header, Goal Box, Body, Footer). The Double Column layout splits content across two columns: the left column contains the Goal Box, Body, and Footer, while the right column is reserved for Cross-Sells. This creates a more balanced, side-by-side display of content.
You’ll select a layout option when setting up a new Smart Cart, but you can always change it later. Just go to the Smart Cart editor and click “layouts” at the bottom of the editor to make updates.
Login
This feature streamlines the customer experience by enabling them to log in directly from the Smart Cart interface. Integrated seamlessly into the Smart Cart, a prominent "Login" button allows customers to authenticate their identity with ease. Upon clicking the button, customers are redirected to a merchant-defined login URL, leading to the login page of the merchant's website or application.
To prevent redundant prompts, the "Login" button is conditionally displayed; if a customer is already logged in before accessing the Smart Cart and the button display setting is enabled, it won't show up. You will also have the option to hide the "Login" button, update the login label, and redirect URL within the Smart Cart settings.
When enabled, the "Login" component is fixed to the top right corner of the Smart Cart interface, unable to be relocated. If the "Login" button is present, the title bar automatically aligns to the left. Additionally, if the "Login" feature is enabled and the customer is already logged in before accessing the Smart Cart, the "Login" component will not be displayed, but the title bar will remain left-aligned as per the default setting.
Announcement Bar
Enabling this toggle will display an announcement bar in your Smart Cart. You can add multiple messages to the announcement bar by clicking on the "+ Add message" button. If you have multiple messages, the announcement bar will cycle through them. This is an excellent way to promote any ongoing promotions or special offers happening on your store, as it ensures that customers are aware of the deals while they are shopping. Utilizing this feature effectively can help to drive sales and increase customer engagement on your online store. Check out our help guide for more information.
Tiered Progress Bar
The Tiered Progress Bar is a feature that allows brands to offer multi-tiered rewards for customers who purchase more products from their store. With this feature, you can create up to three bars for different geographies and include up to four tiers of rewards. These rewards can include one free shipping tier and up to three free gift tiers per bar.
When you enable this feature, a progress bar will be displayed in your Smart Cart. This can be used to showcase how much more a customer needs to spend in order to qualify for free shipping or a free gift, which many brands have found to increase conversion rates. By using the Tiered Progress Bar effectively, you can incentivize customers to purchase more products from your store and drive sales.
Buy More Save More
This feature enables you to entice customers to purchase more of a product by offering dynamic tiered discounts. By doing so, it increases the average order value and boosts revenue for the store. This feature exclusive for Shopify Plus users, as it requires access to the script editor. This makes it easy for you to set up tiered discounting campaigns for specific products. The feature generates the discounting script for you, eliminating the need to pay a developer to write the code. By utilizing this feature effectively, you can incentivize customers to purchase more products and increase their revenue.
Switch to Subscription
Offering a Switch to Subscription functionality can be a powerful tool for driving subscriber acquisition and increasing customer lifetime value. By making it easy for customers to upgrade products in their cart to subscriptions, you're creating a seamless and convenient experience that encourages them to commit to your brand over the long term.
Subscriptions offer a number of benefits for both customers and brands. For customers, they provide a convenient way to regularly receive the products they love without the hassle of constantly reordering. For brands, subscriptions create a predictable revenue stream, while also fostering customer loyalty and engagement.
Product Metafields
You can return product metafields and variant metafields. These will be returned with the product object and can be accessed in a custom template, event callbacks or event listeners. This setting can be found in the cart items settings.
Cross-Sells Widgets (In-Cart Recommendations)
In-cart product recommendations are a great way to enhance the shopping experience for customers and potentially increase the average order value. By displaying personalized product suggestions based on the items that customers have already added to their cart, you're able to offer them relevant, complementary products that they may not have otherwise considered.
In addition to driving increased sales, in-cart product recommendations can also help improve customer satisfaction and loyalty. By offering relevant suggestions that enhance the shopping experience, you're able to create a more engaging and personalized experience that encourages customers to return to your store.
Pre-purchase Cross-Sell
Using the Smart Cart's Checkout button to trigger a popup is a smart strategy for surfacing special offers to customers at the point in their journey where they're most likely to convert on the contents of their cart. By presenting an attractive offer or incentive just as customers are about to check out, you're able to increase the chances that they'll complete their purchase and potentially even increase the size of their order.
Language Settings
Empty Cart Language
Here you have the opportunity to customize what your cart says when you have an empty cart. It defaults to the following wording with the 'shop now' link set to send customers to your main collections page.
Your cart is empty!
Add your favorite items to your cart.
Shop Now
You can go into your cart item settings, and update the verbiage for the empty cart as well as the URL that the link redirects your customers.
Product Recommendation Language
When it comes to product recommendations, it's not just about recommending the right products to the right customers at the right stage of the journey – it's also about presenting those recommendations in a way that fits with the brand's identity and is persuasive enough to grab the customer's attention and interest.
First, it helps to reinforce the brand's personality and voice, which is crucial for building trust and loyalty with customers. Second, it can help to create a sense of urgency or excitement around the recommended products, which can increase the likelihood that customers will take action and make a purchase.
Discount Code Input
The Smart Cart supports and displays a variety of discount types to help you tailor your promotions to specific needs and customer segments. It's helpful that the discounts can be applied at the order level, to specific products, or based on the total number and type of products in an order. Additionally, customer-specific discounts can be a powerful tool for building loyalty and incentivizing repeat business, while free shipping discounts can be particularly appealing to customers who are looking to save on delivery costs.
You can alter the wording of the discount code section and you can "disable discount calculation" which will change the way the discount code is applied to the Smart Cart. This setting will prevent any discount calculations from taking place and only display the message "Code Applied in Checkout".
Checkout Button
Enabling the checkout button in Smart Cart is a great way to streamline the checkout process for your customers and potentially increase conversion rates. By redirecting users straight to checkout instead of the cart page, you remove a step in the checkout process and reduce the likelihood of customers abandoning their carts.
It's also helpful that Smart Cart allows for routing to different checkout types, such as Shopify, Recharge, or a custom URL.
Overall, enabling the checkout button and routing to different checkout types can help to provide a more seamless and customized checkout experience for your customers, which can ultimately lead to increased sales and customer satisfaction.
View Cart Button
The "view cart" button in Smart Cart is a useful feature that allows customers to view their cart from a different perspective by directing them to the cart page. This can be helpful for customers who want to review their order in more detail or make changes to their cart before proceeding to checkout.
While Smart Cart provides customers with a convenient way to view and modify their cart, some customers may prefer the traditional cart page format, which can provide more detailed information about the products they've added to their cart. By including a "view cart" button in Smart Cart, you give customers the option to switch between the two views, providing them with the flexibility to customize their shopping experience according to their preferences.
Continue Shopping Button
The "continue shopping" button in Smart Cart is a helpful feature that allows customers to easily close out the cart and return to their shopping experience. This can be especially useful for customers who want to continue browsing your website or adding more products to their cart.
By providing a clear and visible "continue shopping" button within Smart Cart, you make it easy for customers to navigate back to the main product page or category page they were previously browsing. This can help to reduce frustration and make the shopping experience more intuitive and user-friendly.
Override Cart Page Checkout Button
Enabling the Cart Page Checkout Button Override is necessary if you want customers to input discount codes into SmartCart and also use the Cart page. Without this override, customers would have to re-enter their discount code on the checkout page if they had already entered it in SmartCart and then navigated to the Cart page.
Enable/DisableCart Page
If 'use cart page' is disabled, when customers attempt to navigate to the full cart page, they will instead be redirected to the homepage and the Smart Cart draw will automatically open.
If 'use cart page' is enabled, when customers attempt to navigate to the full cart page, they will be able to land on the cart page.
Product Form Submission Behavior
This function provides the ability to control what occurs when a user adds a product to their cart. You can choose to either keep them on the current page, redirect them immediately to the cart page, or redirect them straight to the checkout page.
This is typically not altered unless there are issues with duplicate events caused by 'Add to Cart' actions.
Notes
Customers have the option to add notes to their order through the note section, which will be included on the packing slip information. Even if the note section is enabled, it is not required for customers to use.
You can customize the Notes Label, Notes Placeholder, and set a character limit for the notes. If you choose to limit characters, you can also include a 'Notes Remaining Message' to display the number of characters remaining.
Payment Installments
If you have a payment installment service, you can activate a feature that allows users to use the installment service directly in the cart. To enable this feature, simply turn it on within the smart cart global settings, and provide information such as the payment count, provider, and terms URL. This will allow customers to take advantage of the installment service while they are still in the cart, potentially increasing the likelihood of successful purchases.
Theme Selectors
The class name ".cart-count" is commonly used by many themes for the number bubble that displays the current quantity of items in the cart. However, some themes may use a different name for this element.
The class name ".cart-subtotal" is commonly used by many themes to refer to the subtotal of the items in the cart, which is the total cost of all the products in the cart before taxes, shipping, and other fees are applied.
If these are not updating automatically, it may be necessary to check the page's source code to determine the name of the elements used for these. Once this name is identified, it can be used to replace ".cart-count" or "cart-subtotal" with the appropriate code for that specific store, allowing the numbers to update accordingly.
Accessibility Heading Level
It is important to maintain a specific order of headings on a webpage to assistive technologies, like screen readers, can parse the page and understand its organization.
This feature allows you to set the semantic heading level (h1, h2, h3, h4, h5, h6) for the Cart title. If you have a unique site or cart markup structure that would cause the Smart Cart title to be considered "out of order" as an H2, they can adjust the heading level using a dropdown to ensure the cart is properly organized in the document markup. This setting can be found in the title bar advanced section.
Terms & Conditions
The "Terms & Conditions" setting allows you to require customers to agree to specific terms before checking out. By enabling this feature, customers will be prompted to agree to your terms and conditions before they can complete their purchase. This can help ensure that customers are aware of your store's policies, such as return or refund policies, before they make a purchase.
Custom Code Blocks
This section accepts HTML, allowing you to add custom content above the checkout button in the Smart Cart footer. By utilizing this field, you can provide additional information or promotions that may encourage customers to complete their purchase. Read more about it in our helpful document.
For those looking for more advanced customizations, you can use custom templates in Smart Cart for component-level edits! 🎨✨
Shop Pay
Shop Pay is an accelerated checkout that lets customers save their email address, credit card, and shipping and billing information. This can save your customers time when they check out, especially if they've already opted in to Shop Pay on any Shopify store. If your store offers a local pickup or delivery option, then customers can choose that option during checkout with Shop Pay.
Enabling this feature will allow Shop Pay to be displayed in the Smart Cart, providing customers with a faster checkout experience. By using Shop Pay, customers can save their shipping and payment information, allowing them to complete their purchase more quickly and efficiently. This can help reduce cart abandonment and improve the overall customer experience on your store.
Accelerated Checkout
Shopify Accelerated Checkout is a feature that allows customers to quickly and easily complete their purchase on Shopify stores. With this feature, customers can skip the traditional checkout process and complete their purchase with just a few clicks.
When customers opt for Accelerated Checkout, they are prompted to enter their shipping and billing information and payment details at the beginning of the checkout process, instead of filling out these details in multiple steps. This makes the checkout process faster and more convenient for customers, which can lead to increased conversions and sales for the store owner.
To use Shopify Accelerated Checkout, store owners need to have a Shopify Payments account and enable the feature in their store settings. Accelerated Checkout is available on desktop and mobile devices and can be used with a variety of payment methods, including credit cards, Apple Pay, Google Pay, and Shop Pay.
Custom CSS
Custom CSS, or Cascading Style Sheets, is a way to modify the appearance of a website beyond the default styles that come with the chosen theme or template. The custom CSS section here allows you to change the colors, fonts, layout, and other visual aspects of your Smart Cart.
In this CSS file, you can add your custom CSS code. This can include styling specific elements on your website, such as headers, footers, menus, and content areas, etc.
It's important to keep in mind that making changes to your CSS can have unintended consequences, so it's always a good idea to test your changes before pushing them live to your website. You can do this by previewing the changes in preview mode as we discussed earlier in this article.
Apps
In addition to its core features, Rebuy's Smart Cart also offers integrations with a range of third-party tech partners, which are available in the Smart Cart App Store. These integrations allow you to extend the AOV and conversion-boosting properties of Smart Cart with partner companies such as Attentive, Klaviyo, Route, and more.
By integrating with these partners, you can leverage additional features and capabilities that can further enhance the performance of their e-commerce store. For example, integrating with Klaviyo can provide additional email marketing and automation tools, while integrating with Route can offer shipping insurance and tracking capabilities.
Our Smart Cart App catalogue is continuously growing, so keep an eye out for the next app you may be interested in! If you would like to request one, you can always open a feature request here.
If you have any questions about Smart Cart, send us those questions through the messenger on this page with your details in hand!