{"id":14212,"date":"2024-12-27T14:18:28","date_gmt":"2024-12-27T11:18:28","guid":{"rendered":"https:\/\/adoric.com\/blog\/?p=14212"},"modified":"2024-12-27T14:18:28","modified_gmt":"2024-12-27T11:18:28","slug":"how-to-set-up-a-cart-drawer-on-shopify","status":"publish","type":"post","link":"https:\/\/adoric.com\/blog\/how-to-set-up-a-cart-drawer-on-shopify\/","title":{"rendered":"How to Set Up a Cart Drawer on Shopify"},"content":{"rendered":"\n<p>If you are looking to streamline customers\u2019 shopping experience on your website by making it easy for them to complete <a target=\"_blank\" href=\"https:\/\/adoric.com\/blog\/7-tips-to-improve-shopify-checkout-process-in-2023\/\">checkout<\/a> quickly, you should consider adding a cart drawer on your website.&nbsp;<\/p>\n\n\n\n<p>As you might have guessed from the name, cart drawers are, well, carts that draw. By draw, we mean they slide from the corner of your computer screen when you add an item to your website. It looks something like this:&nbsp;<\/p>\n\n\n\n<figure class=\"wp-block-image\"><img decoding=\"async\" data-src=\"https:\/\/lh7-rt.googleusercontent.com\/docsz\/AD_4nXetcCVAmB8u5R2CGqVnGR6QpBJBMXYrnmBnPYdXIofk24jT8EHsdYMaVUenwHk0l3hiEcwLts2dxog9AjSY7L7bl9DTV532yTCADm_nP1a14-CE2movxkK-0OukxC3UvIcl8IAZNS0EDpmhYXFiwy-J7XMk?key=aradTTmHcJGRcExhmGuhAw\" alt=\"\" src=\"data:image\/gif;base64,R0lGODlhAQABAAAAACH5BAEKAAEALAAAAAABAAEAAAICTAEAOw==\" class=\"lazyload\" \/><noscript><img decoding=\"async\" src=\"https:\/\/lh7-rt.googleusercontent.com\/docsz\/AD_4nXetcCVAmB8u5R2CGqVnGR6QpBJBMXYrnmBnPYdXIofk24jT8EHsdYMaVUenwHk0l3hiEcwLts2dxog9AjSY7L7bl9DTV532yTCADm_nP1a14-CE2movxkK-0OukxC3UvIcl8IAZNS0EDpmhYXFiwy-J7XMk?key=aradTTmHcJGRcExhmGuhAw\" alt=\"\"\/><\/noscript><\/figure>\n\n\n\n<p>When put to effective use, cart drawers can supercharge your website\u2019s conversion rate and allow you to upsell your customers.&nbsp;<\/p>\n\n\n\n<p>If you run your online store on Shopify, you are in luck because setting up a cart drawer would be easy peasy, lemon squeezy. We will show you how to go about it in this post, so stay tuned.&nbsp;<\/p>\n\n\n<div id=\"ez-toc-container\" class=\"ez-toc-v2_0_66_1 counter-hierarchy ez-toc-counter ez-toc-light-blue ez-toc-container-direction\">\n<div class=\"ez-toc-title-container\">\n<p class=\"ez-toc-title \" >Table of Contents<\/p>\n<span class=\"ez-toc-title-toggle\"><a href=\"#\" class=\"ez-toc-pull-right ez-toc-btn ez-toc-btn-xs ez-toc-btn-default ez-toc-toggle\" aria-label=\"Toggle Table of Content\"><span class=\"ez-toc-js-icon-con\"><span class=\"\"><span class=\"eztoc-hide\" style=\"display:none;\">Toggle<\/span><span class=\"ez-toc-icon-toggle-span\"><svg style=\"fill: #999;color:#999\" xmlns=\"http:\/\/www.w3.org\/2000\/svg\" class=\"list-377408\" width=\"20px\" height=\"20px\" viewBox=\"0 0 24 24\" fill=\"none\"><path d=\"M6 6H4v2h2V6zm14 0H8v2h12V6zM4 11h2v2H4v-2zm16 0H8v2h12v-2zM4 16h2v2H4v-2zm16 0H8v2h12v-2z\" fill=\"currentColor\"><\/path><\/svg><svg style=\"fill: #999;color:#999\" class=\"arrow-unsorted-368013\" xmlns=\"http:\/\/www.w3.org\/2000\/svg\" width=\"10px\" height=\"10px\" viewBox=\"0 0 24 24\" version=\"1.2\" baseProfile=\"tiny\"><path d=\"M18.2 9.3l-6.2-6.3-6.2 6.3c-.2.2-.3.4-.3.7s.1.5.3.7c.2.2.4.3.7.3h11c.3 0 .5-.1.7-.3.2-.2.3-.5.3-.7s-.1-.5-.3-.7zM5.8 14.7l6.2 6.3 6.2-6.3c.2-.2.3-.5.3-.7s-.1-.5-.3-.7c-.2-.2-.4-.3-.7-.3h-11c-.3 0-.5.1-.7.3-.2.2-.3.5-.3.7s.1.5.3.7z\"\/><\/svg><\/span><\/span><\/span><\/a><\/span><\/div>\n<nav><ul class='ez-toc-list ez-toc-list-level-1 ' ><li class='ez-toc-page-1 ez-toc-heading-level-2'><a class=\"ez-toc-link ez-toc-heading-1\" target=\"_blank\" href=\"https:\/\/adoric.com\/blog\/how-to-set-up-a-cart-drawer-on-shopify\/#What_is_a_Cart_Drawer\" title=\"What is a Cart Drawer?\">What is a Cart Drawer?<\/a><\/li><li class='ez-toc-page-1 ez-toc-heading-level-2'><a class=\"ez-toc-link ez-toc-heading-2\" target=\"_blank\" href=\"https:\/\/adoric.com\/blog\/how-to-set-up-a-cart-drawer-on-shopify\/#Understanding_Cart_Drawers\" title=\"Understanding Cart Drawers\">Understanding Cart Drawers<\/a><\/li><li class='ez-toc-page-1 ez-toc-heading-level-2'><a class=\"ez-toc-link ez-toc-heading-3\" target=\"_blank\" href=\"https:\/\/adoric.com\/blog\/how-to-set-up-a-cart-drawer-on-shopify\/#Choosing_the_Right_Cart_Drawer_App\" title=\"Choosing the Right Cart Drawer App\">Choosing the Right Cart Drawer App<\/a><ul class='ez-toc-list-level-3' ><li class='ez-toc-heading-level-3'><a class=\"ez-toc-link ez-toc-heading-4\" target=\"_blank\" href=\"https:\/\/adoric.com\/blog\/how-to-set-up-a-cart-drawer-on-shopify\/#UpCart%E2%80%94Cart_Drawer_Cart_Upsell\" title=\"UpCart\u2014Cart Drawer Cart Upsell\">UpCart\u2014Cart Drawer Cart Upsell<\/a><\/li><li class='ez-toc-page-1 ez-toc-heading-level-3'><a class=\"ez-toc-link ez-toc-heading-5\" target=\"_blank\" href=\"https:\/\/adoric.com\/blog\/how-to-set-up-a-cart-drawer-on-shopify\/#iCart_Cart_Drawer_Cart_Upsell\" title=\"iCart Cart Drawer Cart Upsell\">iCart Cart Drawer Cart Upsell<\/a><\/li><li class='ez-toc-page-1 ez-toc-heading-level-3'><a class=\"ez-toc-link ez-toc-heading-6\" target=\"_blank\" href=\"https:\/\/adoric.com\/blog\/how-to-set-up-a-cart-drawer-on-shopify\/#Slide_Cart_Drawer_by_AMP\" title=\"Slide Cart Drawer by AMP\">Slide Cart Drawer by AMP<\/a><\/li><li class='ez-toc-page-1 ez-toc-heading-level-3'><a class=\"ez-toc-link ez-toc-heading-7\" target=\"_blank\" href=\"https:\/\/adoric.com\/blog\/how-to-set-up-a-cart-drawer-on-shopify\/#Cartly_Slide_Cart_Drawer\" title=\"Cartly Slide Cart Drawer\">Cartly Slide Cart Drawer<\/a><\/li><\/ul><\/li><li class='ez-toc-page-1 ez-toc-heading-level-2'><a class=\"ez-toc-link ez-toc-heading-8\" target=\"_blank\" href=\"https:\/\/adoric.com\/blog\/how-to-set-up-a-cart-drawer-on-shopify\/#How_to_Install_and_Configure_a_Cart_Drawer\" title=\"How to Install and Configure a Cart Drawer\">How to Install and Configure a Cart Drawer<\/a><ul class='ez-toc-list-level-3' ><li class='ez-toc-heading-level-3'><a class=\"ez-toc-link ez-toc-heading-9\" target=\"_blank\" href=\"https:\/\/adoric.com\/blog\/how-to-set-up-a-cart-drawer-on-shopify\/#Method_1_Using_Themes_that_offer_Cart_Drawer\" title=\"Method 1: Using Themes that offer Cart Drawer\">Method 1: Using Themes that offer Cart Drawer<\/a><\/li><li class='ez-toc-page-1 ez-toc-heading-level-3'><a class=\"ez-toc-link ez-toc-heading-10\" target=\"_blank\" href=\"https:\/\/adoric.com\/blog\/how-to-set-up-a-cart-drawer-on-shopify\/#Method_2_Through_Third-Party_Apps_on_the_Shopify_Store\" title=\"Method 2: Through Third-Party Apps on the Shopify Store\">Method 2: Through Third-Party Apps on the Shopify Store<\/a><\/li><\/ul><\/li><li class='ez-toc-page-1 ez-toc-heading-level-2'><a class=\"ez-toc-link ez-toc-heading-11\" target=\"_blank\" href=\"https:\/\/adoric.com\/blog\/how-to-set-up-a-cart-drawer-on-shopify\/#Conclusion\" title=\"Conclusion\">Conclusion<\/a><\/li><\/ul><\/nav><\/div>\n<h2 class=\"wp-block-heading\" id=\"what-is-a-cart-drawer\"><span class=\"ez-toc-section\" id=\"What_is_a_Cart_Drawer\"><\/span>What is a Cart Drawer?<span class=\"ez-toc-section-end\"><\/span><\/h2>\n\n\n<p>A cart drawer is a small window that slides out when a customer clicks on the add to cart button when shopping for a product.&nbsp;<\/p>\n\n\n\n<p>It shows all the products in the cart including the product availability, price, payment option and shipping methods. More of, a checkout page on the product page.&nbsp;<\/p>\n\n\n\n<p>Cart drawers draw more attention than conventional checkout pages because of its user-friendly interface that allows customers to checkout easily without having to navigate to the cart page or go through rigorous checkout processes.<\/p>\n\n\n\n<p>Additionally, you can customize the look and feel of your cart drawer to match your store\u2019s theme making it more cohesive and professional.&nbsp;<\/p>\n\n\n\n<p>Cart Drawer is a must-features to have in your store. Worlds perfectly for every screen size making it easier for shoppers to navigate and shop on their phones and tablets.&nbsp;<\/p>\n\n\n\n<figure class=\"wp-block-image\"><img decoding=\"async\" data-src=\"https:\/\/lh7-rt.googleusercontent.com\/docsz\/AD_4nXevnNoRQJmAYsxNqb0duGV5I0O8MRhGvvyOI9qqs5cqvRNETkIhWFgVqGuRkimmff5KeIUruy8IhfCEQlR9shaQWc2XhZQT6tN3x92SrhHnuVefMFxSoFgbZ6ubouJlIdQHwMERfi3hN7xl7_7jPr_f-Lk?key=aradTTmHcJGRcExhmGuhAw\" alt=\"\" src=\"data:image\/gif;base64,R0lGODlhAQABAAAAACH5BAEKAAEALAAAAAABAAEAAAICTAEAOw==\" class=\"lazyload\" \/><noscript><img decoding=\"async\" src=\"https:\/\/lh7-rt.googleusercontent.com\/docsz\/AD_4nXevnNoRQJmAYsxNqb0duGV5I0O8MRhGvvyOI9qqs5cqvRNETkIhWFgVqGuRkimmff5KeIUruy8IhfCEQlR9shaQWc2XhZQT6tN3x92SrhHnuVefMFxSoFgbZ6ubouJlIdQHwMERfi3hN7xl7_7jPr_f-Lk?key=aradTTmHcJGRcExhmGuhAw\" alt=\"\"\/><\/noscript><\/figure>\n\n\n<h2 class=\"wp-block-heading\" id=\"understanding-cart-drawers\"><span class=\"ez-toc-section\" id=\"Understanding_Cart_Drawers\"><\/span>Understanding Cart Drawers<span class=\"ez-toc-section-end\"><\/span><\/h2>\n\n\n<p>You should have a cart drawer on your Shopify store if you intend to improve your shoppers&#8217; experience and increase conversion. Its benefits are tremendous and cannot be over-emphasized.&nbsp;<\/p>\n\n\n\n<p>First, the convenience it provides for customers. The frustration of switching between the product and checkout page is one of the main reasons for cart abandonment. Cart drawers make it easy for customers to view and manage their items without leaving their current page. Shopify cart drawers influence customers to shop more.&nbsp;<\/p>\n\n\n\n<p>Secondly, the increase in sales. It creates opportunities for upselling and cross-selling to customers in a bid to keep them longer in your store. For example, when customers can see their cart products, they can easily add complementary products suggested from the cart drawer. The more reason you should have effective <a target=\"_blank\" href=\"https:\/\/adoric.com\/blog\/product-recommendations-for-shopify-2\/\">product recommendation strategies<\/a> in your Shopify store.<\/p>\n\n\n\n<p>Lastly, the reduced cart abandonment rate. Customers would rather leave their cart than go through a long and tiring checkout process. However, with cart drawers, there is no need to worry as they provide all the necessary information such as payment methods, total price and discount rate if any.&nbsp; Having a smooth checkout process reduces the chances of people abandoning their carts before completing their purchases.<\/p>\n\n\n\n<p>Overall, setting up the right cart drawer in your Shopify store can improve the shopping experience for your customers and help boost your sales.<\/p>\n\n\n<h2 class=\"wp-block-heading\" id=\"choosing-the-right-cart-drawer-app\"><span class=\"ez-toc-section\" id=\"Choosing_the_Right_Cart_Drawer_App\"><\/span>Choosing the Right Cart Drawer App<span class=\"ez-toc-section-end\"><\/span><\/h2>\n\n\n<p>It\u2019s not just about choosing the first cart drawer app that you see. You need to choose the right app that is compatible with your store theme and has powerful features that will help improve your shopper experience and increase your average order value.&nbsp;&nbsp;<\/p>\n\n\n\n<p>There are lots of cart drawers out there, however we will review 5 of the best Cart Drawer apps in Shopify. The comparison highlights their unique features, prices and how Shopify merchants rate them on Shopify.&nbsp;<\/p>\n\n\n<h3 class=\"wp-block-heading\" id=\"upcartcart-drawer-cart-upsell\"><a target=\"_blank\" href=\"https:\/\/apps.shopify.com\/upcart-cart-builder?ot=5a4a77a2-6caa-41f6-ba91-0cec09e63b5e&amp;search_id=792bffa7-a883-480d-9d53-0e380b36966c&amp;surface_detail=cart+drawer&amp;surface_inter_position=1&amp;surface_intra_position=1&amp;surface_type=search_ad\">UpCart\u2014Cart Drawer Cart Upsell<\/a><\/h3>\n\n\n<figure class=\"wp-block-image\"><img decoding=\"async\" data-src=\"https:\/\/lh7-rt.googleusercontent.com\/docsz\/AD_4nXc7xB_8BCoursCejBp8kqiKdN_wGj8PMS1W3KxOVTAemsDSc3915rbzYeHFZdiu1XYd4MB42gDAoNhvpw7E125Udk3oODgex0Mzx3cRGDEZTpLaTyQU04vcccBesEtMQUmnGOUeIULrJqZKePDu86JNY9Kg?key=aradTTmHcJGRcExhmGuhAw\" alt=\"\" src=\"data:image\/gif;base64,R0lGODlhAQABAAAAACH5BAEKAAEALAAAAAABAAEAAAICTAEAOw==\" class=\"lazyload\" \/><noscript><img decoding=\"async\" src=\"https:\/\/lh7-rt.googleusercontent.com\/docsz\/AD_4nXc7xB_8BCoursCejBp8kqiKdN_wGj8PMS1W3KxOVTAemsDSc3915rbzYeHFZdiu1XYd4MB42gDAoNhvpw7E125Udk3oODgex0Mzx3cRGDEZTpLaTyQU04vcccBesEtMQUmnGOUeIULrJqZKePDu86JNY9Kg?key=aradTTmHcJGRcExhmGuhAw\" alt=\"\"\/><\/noscript><\/figure>\n\n\n\n<p>This cart drawer is developed by AfterSell. It\u2019s unarguably one of Shopify\u2019s best cart drawers. It\u2019s an awesome cart builder packed with powerful features to help you set up and customize an amazing cart experience.<\/p>\n\n\n\n<p>Upcart is the best bet for you if you want to increase your average order value, reduce cart abandonment or increase conversion. It&#8217;s tailored in a way to match the rest of your brand.&nbsp;<\/p>\n\n\n\n<p><strong>UpCart Unique Features<\/strong><\/p>\n\n\n\n<p>Customer reward module to offer free shipping and discounts<\/p>\n\n\n\n<p>Upsell modules where you can show multiple offers and AI recommend offers to increase <a target=\"_blank\" href=\"https:\/\/adoric.com\/blog\/tips-to-improve-average-order-value\/\">average order value<\/a>.<\/p>\n\n\n\n<p>Time bar announcement module to show sales or new releases. Also, you can display sales countdown timers to create urgency.<\/p>\n\n\n\n<p>Express Payment module to show your preferred payment options. Works perfectly with Paypal, Apple Pay and Shop Pay.<\/p>\n\n\n\n<p>The sticky cart features improve the cart visibility as well as display it anywhere you want in your Shopify store.<\/p>\n\n\n\n<p><strong>Price<\/strong><\/p>\n\n\n\n<p>$14.99\/ month for stores with 0 &#8211; 50 monthly orders<\/p>\n\n\n\n<p>$19.99\/ month for stores with 51 &#8211; 200 monthly orders<\/p>\n\n\n\n<p>$34.99\/ month for stores with 201 &#8211; 500 monthly orders<\/p>\n\n\n\n<p><strong>Ratings&nbsp;<\/strong><\/p>\n\n\n\n<p>4.8 \u2b50<\/p>\n\n\n<h3 class=\"wp-block-heading\" id=\"icart-cart-drawer-cart-upsell\"><a target=\"_blank\" href=\"https:\/\/apps.shopify.com\/icart?search_id=792bffa7-a883-480d-9d53-0e380b36966c&amp;surface_detail=cart+drawer&amp;surface_inter_position=1&amp;surface_intra_position=7&amp;surface_type=search\">iCart Cart Drawer Cart Upsell<\/a><\/h3>\n\n\n<figure class=\"wp-block-image\"><img decoding=\"async\" data-src=\"https:\/\/lh7-rt.googleusercontent.com\/docsz\/AD_4nXcH2sI20GX_pvGQj8HxT5dkhbaishGldSeNNz0KgxNrbwKescBQnbn1_iZQp00lhIhqQZ4H1p-yFEW6mI4gjWT8InZt90-zbj7iHTlYJYwS_ujcKyGDxXPmqwSzku64RKBKeHKn3x2vW9j9UrZ58t_PWo4C?key=aradTTmHcJGRcExhmGuhAw\" alt=\"\" src=\"data:image\/gif;base64,R0lGODlhAQABAAAAACH5BAEKAAEALAAAAAABAAEAAAICTAEAOw==\" class=\"lazyload\" \/><noscript><img decoding=\"async\" src=\"https:\/\/lh7-rt.googleusercontent.com\/docsz\/AD_4nXcH2sI20GX_pvGQj8HxT5dkhbaishGldSeNNz0KgxNrbwKescBQnbn1_iZQp00lhIhqQZ4H1p-yFEW6mI4gjWT8InZt90-zbj7iHTlYJYwS_ujcKyGDxXPmqwSzku64RKBKeHKn3x2vW9j9UrZ58t_PWo4C?key=aradTTmHcJGRcExhmGuhAw\" alt=\"\"\/><\/noscript><\/figure>\n\n\n\n<p>This cart drawer offers all upsell and cross-sell features to keep customers buying more products from your store. It offers different kinds of cart drawers\u2013slide cart, side cart and cart discount. Anything you want in your cart drawer to improve sales, iCart offers it and even better.<\/p>\n\n\n\n<p><strong>iCart Unique Features<\/strong><\/p>\n\n\n\n<p>Easy to add a side cart, popup cart or full cart page to your Shopify store<\/p>\n\n\n\n<p>Varieties of in-cart upsell options to set cart upsell offer rules<\/p>\n\n\n\n<p>Upsell in cart with progress bar, drawer cart and cart discounts<\/p>\n\n\n\n<p>Analytics dashboard to help make data-driven decisions.<\/p>\n\n\n\n<p><strong>Price<\/strong><\/p>\n\n\n\n<p>$12.99\/ month for stores with 0 &#8211; 50 monthly orders<\/p>\n\n\n\n<p>$19.99\/ month for stores with 51 &#8211; 100 monthly orders<\/p>\n\n\n\n<p>$29.99\/ month for stores with 101 &#8211; 200 monthly orders<\/p>\n\n\n\n<p><strong>Ratings<\/strong>&nbsp;<\/p>\n\n\n\n<p>4.8 \u2b50<\/p>\n\n\n<h3 class=\"wp-block-heading\" id=\"slide-cart-drawer-by-amp\"><a target=\"_blank\" href=\"https:\/\/apps.shopify.com\/slide-cart?search_id=792bffa7-a883-480d-9d53-0e380b36966c&amp;surface_detail=cart+drawer&amp;surface_inter_position=1&amp;surface_intra_position=5&amp;surface_type=search\">Slide Cart Drawer by AMP<\/a><\/h3>\n\n\n<figure class=\"wp-block-image\"><img decoding=\"async\" data-src=\"https:\/\/lh7-rt.googleusercontent.com\/docsz\/AD_4nXf34My9rFzhGNg2yNf44nnXYzJ4OXtfMiYn0Ao-tpR4UMQsf2us95wlaTiQszK8frtte-RZwtNNKdzArzbGxrWvp3jPGO_7rB1zwv5hdKSg7cq6o12-tD1tMmHN3PHkltYm_9VQDLz8jlaxIpWCDLKoKlg?key=aradTTmHcJGRcExhmGuhAw\" alt=\"\" src=\"data:image\/gif;base64,R0lGODlhAQABAAAAACH5BAEKAAEALAAAAAABAAEAAAICTAEAOw==\" class=\"lazyload\" \/><noscript><img decoding=\"async\" src=\"https:\/\/lh7-rt.googleusercontent.com\/docsz\/AD_4nXf34My9rFzhGNg2yNf44nnXYzJ4OXtfMiYn0Ao-tpR4UMQsf2us95wlaTiQszK8frtte-RZwtNNKdzArzbGxrWvp3jPGO_7rB1zwv5hdKSg7cq6o12-tD1tMmHN3PHkltYm_9VQDLz8jlaxIpWCDLKoKlg?key=aradTTmHcJGRcExhmGuhAw\" alt=\"\"\/><\/noscript><\/figure>\n\n\n\n<p>Boost AOV and reduce cart abandonment with this cart drawer. Display your cart drawer anywhere on your site to be easily accessible to your customers. Offer irresistible upsell and cross-sell options for your cart drawer.<\/p>\n\n\n\n<p><strong>Slide Cart Drawer Unique Features<\/strong><\/p>\n\n\n\n<p>&nbsp;Reward Progress Bar to motivate customers to spend more by displaying spending goals.<\/p>\n\n\n\n<p>Discount Bar to apply coupon directly to your cart.<\/p>\n\n\n\n<p>Cart Upsell or Cross-sell to suggest additional items in the cart<\/p>\n\n\n\n<p>Sticky Cart Drawers that remain fixed and easily accessible throughout your store.&nbsp;<\/p>\n\n\n\n<p><strong>Price&nbsp;<\/strong><\/p>\n\n\n\n<p>Starter plan at $19.99\/month<\/p>\n\n\n\n<p>Growth plan at $39.99\/month<\/p>\n\n\n\n<p>Pro plan at $49.99\/month<\/p>\n\n\n\n<p><strong>Rating<\/strong><\/p>\n\n\n\n<p>4.9 \u2b50<\/p>\n\n\n<h3 class=\"wp-block-heading\" id=\"cartly-slide-cart-drawer\"><a target=\"_blank\" href=\"https:\/\/apps.shopify.com\/one-click-checkout?ot=25e7bb02-d55f-40f9-9107-21f38d6297d1&amp;search_id=792bffa7-a883-480d-9d53-0e380b36966c&amp;surface_detail=cart+drawer&amp;surface_inter_position=1&amp;surface_intra_position=2&amp;surface_type=search_ad\">Cartly Slide Cart Drawer<\/a><\/h3>\n\n\n<figure class=\"wp-block-image\"><img decoding=\"async\" data-src=\"https:\/\/lh7-rt.googleusercontent.com\/docsz\/AD_4nXeWlC8efKMVSnRFugIMII28FMokhAHi0Q1dkfNXSK2wKr4ur4SGj6b0rpLhVq1jKHTLGvfbaC0tVtM1K-tviiGPJjcFAZ60cMl6li0ogYJj9-yXZkggq6818m6CdxTG61hmv98Yrbkmo_yqwsuluZVwjIs?key=aradTTmHcJGRcExhmGuhAw\" alt=\"\" src=\"data:image\/gif;base64,R0lGODlhAQABAAAAACH5BAEKAAEALAAAAAABAAEAAAICTAEAOw==\" class=\"lazyload\" \/><noscript><img decoding=\"async\" src=\"https:\/\/lh7-rt.googleusercontent.com\/docsz\/AD_4nXeWlC8efKMVSnRFugIMII28FMokhAHi0Q1dkfNXSK2wKr4ur4SGj6b0rpLhVq1jKHTLGvfbaC0tVtM1K-tviiGPJjcFAZ60cMl6li0ogYJj9-yXZkggq6818m6CdxTG61hmv98Yrbkmo_yqwsuluZVwjIs?key=aradTTmHcJGRcExhmGuhAw\" alt=\"\"\/><\/noscript><\/figure>\n\n\n\n<p>Drive immediate checkout with this high-converting cart drawer. Streamline the checkout process and boost your conversion rate with this cart drawer. Offer instalment options that allow customers to pay by instalment. Easy to use and compatible with platforms like PageFly.&nbsp;<\/p>\n\n\n\n<p><strong>Cartly Unique Features<\/strong><\/p>\n\n\n\n<p>Upsell carousel to show recommended products in your cart drawer<\/p>\n\n\n\n<p>One page checkout or sticky add to cart button to up cart page conversions.<\/p>\n\n\n\n<p>Vertical cross-sell block to stack up on sales<\/p>\n\n\n\n<p>Pop-up cart for faster checkouts<\/p>\n\n\n\n<p><strong>Price&nbsp;<\/strong><\/p>\n\n\n\n<p>Starter plan at $11.99\/month<\/p>\n\n\n\n<p>Growth plan at $29.99\/month<\/p>\n\n\n\n<p>Pro plan at $49.99\/month<\/p>\n\n\n\n<p><strong>Rating<\/strong><\/p>\n\n\n\n<p>4.8 \u2b50<\/p>\n\n\n<h2 class=\"wp-block-heading\" id=\"how-to-install-and-configure-a-cart-drawer\"><span class=\"ez-toc-section\" id=\"How_to_Install_and_Configure_a_Cart_Drawer\"><\/span>How to Install and Configure a Cart Drawer<span class=\"ez-toc-section-end\"><\/span><\/h2>\n\n\n<p>Two ways to install a cart drawer in your Shopify store:<\/p>\n\n\n\n<ul>\n<li>Using themes that offer cart drawer&nbsp;<\/li>\n\n\n\n<li>Through third-party apps<\/li>\n<\/ul>\n\n\n<h3 class=\"wp-block-heading\" id=\"method-1-using-themes-that-offer-cart-drawer\"><span class=\"ez-toc-section\" id=\"Method_1_Using_Themes_that_offer_Cart_Drawer\"><\/span>Method 1: Using Themes that offer Cart Drawer<span class=\"ez-toc-section-end\"><\/span><\/h3>\n\n\n<p>Some Shopify themes support cart drawers. Themes such as Brooklyn, Blockshop, Parallax, Pop, Atlantic, Supply, and Testament are some known apps that offer Cart Drawer features.<\/p>\n\n\n\n<p>Next, Enable the Ajax Cart in the (P) Cart button element to activate. Click on the \u201cMore setting\u201d to expand the Ajax Cart Setting. Then, choose the next line of action for your cart drawer. See <a target=\"_blank\" href=\"https:\/\/help.gempages.net\/articles\/set-up-ajax-cart-feature\">this guide<\/a> for more details.&nbsp;<\/p>\n\n\n<h3 class=\"wp-block-heading\" id=\"method-2-through-thirdparty-apps-on-the-shopify-store\"><span class=\"ez-toc-section\" id=\"Method_2_Through_Third-Party_Apps_on_the_Shopify_Store\"><\/span>Method 2: Through Third-Party Apps on the Shopify Store<span class=\"ez-toc-section-end\"><\/span><\/h3>\n\n\n<p>Another way to add cart drawers to your store is through third-party apps. Apps you can find in the <a target=\"_blank\" href=\"https:\/\/apps.shopify.com\/search?q=cart%20drawer\">Shopify app store<\/a>. Choose any cart drawer of your choice, and click on the \u201cinstall\u201d button to add it to your Shopify store.<\/p>\n\n\n\n<p>We\u2019ll illustrate using the AfterSell Upcart Cart drawers to show some of the cart drawer features and customization options.<\/p>\n\n\n\n<p>After you have selected and installed your preferred app, the next step is to customize the design to fit your store theme.&nbsp;<\/p>\n\n\n\n<p>Click on the \u201cdesign\u201d on the left-hand side panel to expand the customization tab. Check the \u201cinherit Fonts from Theme\u201d box\u2014this matches the cart font to the rest of your store. Alternatively, you can add more custom HTML and CSS codes to your store through the \u201cSettings\u201d tab.<img decoding=\"async\" loading=\"lazy\" data-src=\"https:\/\/lh7-rt.googleusercontent.com\/docsz\/AD_4nXfC_Hoef5_n3JM89fZEeLuMb-HBUOsPgl1RXss3SHIeCNFv_Lfv1pRGa0KuokOe-1Ywkp-GAExzzhzxgi1maypfOpCxLDnJvSYBLMcLEwQ1UYLzujUVtzMRJvZTe-8CL3f522U5bn69oqKLObCazOPbGjcI?key=aradTTmHcJGRcExhmGuhAw\" width=\"624\" height=\"339\" src=\"data:image\/gif;base64,R0lGODlhAQABAAAAACH5BAEKAAEALAAAAAABAAEAAAICTAEAOw==\" class=\"lazyload\" style=\"--smush-placeholder-width: 624px; --smush-placeholder-aspect-ratio: 624\/339;\"><noscript><img decoding=\"async\" loading=\"lazy\" src=\"https:\/\/lh7-rt.googleusercontent.com\/docsz\/AD_4nXfC_Hoef5_n3JM89fZEeLuMb-HBUOsPgl1RXss3SHIeCNFv_Lfv1pRGa0KuokOe-1Ywkp-GAExzzhzxgi1maypfOpCxLDnJvSYBLMcLEwQ1UYLzujUVtzMRJvZTe-8CL3f522U5bn69oqKLObCazOPbGjcI?key=aradTTmHcJGRcExhmGuhAw\" width=\"624\" height=\"339\"><\/noscript><\/p>\n\n\n\n<p><strong>Adding Smart Cart Upsell to your Slide Cart Drawer<\/strong><\/p>\n\n\n\n<p><a target=\"_blank\" href=\"https:\/\/adoric.com\/blog\/upselling-and-cross-selling-shopify\/\">Upsells<\/a> are a great way to recommend more products to customers in a bid to improve your AOV.<\/p>\n\n\n\n<p>Click on \u201cUpsell\u201d from the left side panel to open the customization tab. Choose how you want to add your upsell; either manually or by AI recommendations.<\/p>\n\n\n\n<p>Furthermore, choose the position and direction of your upsell, preferably at the bottom of the cart.<\/p>\n\n\n\n<figure class=\"wp-block-image\"><img decoding=\"async\" data-src=\"https:\/\/lh7-rt.googleusercontent.com\/docsz\/AD_4nXdMaezGTRKi2F5nNSihqMq3s_bZePIdjqA8_vv2udk3EtqOQlVv87MafZafMvfC_C1V1lyV7jvngBfDTPGQzg_yQsqDKL2Sz8Xs1Kq57PaAH_8sGvzzlzJcRVjTPstnck2CchbIHp1lwPy5NrOcKYto_Mhi?key=aradTTmHcJGRcExhmGuhAw\" alt=\"\" src=\"data:image\/gif;base64,R0lGODlhAQABAAAAACH5BAEKAAEALAAAAAABAAEAAAICTAEAOw==\" class=\"lazyload\" \/><noscript><img decoding=\"async\" src=\"https:\/\/lh7-rt.googleusercontent.com\/docsz\/AD_4nXdMaezGTRKi2F5nNSihqMq3s_bZePIdjqA8_vv2udk3EtqOQlVv87MafZafMvfC_C1V1lyV7jvngBfDTPGQzg_yQsqDKL2Sz8Xs1Kq57PaAH_8sGvzzlzJcRVjTPstnck2CchbIHp1lwPy5NrOcKYto_Mhi?key=aradTTmHcJGRcExhmGuhAw\" alt=\"\"\/><\/noscript><\/figure>\n\n\n\n<p>In addition, you can set up shipping protections to assure customers of maximum protection in case of loss or damage during transit.<\/p>\n\n\n\n<p><strong>Adding Reward Motivation Bar to your Shopify Cart Drawer<\/strong><\/p>\n\n\n\n<p>Encourage customers to shop more by offering discounts and promotions when spend more. Click on the \u201cReward\u201d tab to set up discounts on your Cart Drawer.&nbsp;<\/p>\n\n\n\n<figure class=\"wp-block-image\"><img decoding=\"async\" data-src=\"https:\/\/lh7-rt.googleusercontent.com\/docsz\/AD_4nXdoPioi7N99rjqbUj-z0vJF6MEdhnJhzjOvr5W7kWB7WQVMt-TEI-oNBSPrKBo8dOsCpl3bnlmomMxb-jRuFKqDrRHHuSIJP_zLoTKnEXz2b2xMrM9QRoyKtjCnyX6gqePnBnWKQzc6-tyY5jXu6RK1gMw?key=aradTTmHcJGRcExhmGuhAw\" alt=\"\" src=\"data:image\/gif;base64,R0lGODlhAQABAAAAACH5BAEKAAEALAAAAAABAAEAAAICTAEAOw==\" class=\"lazyload\" \/><noscript><img decoding=\"async\" src=\"https:\/\/lh7-rt.googleusercontent.com\/docsz\/AD_4nXdoPioi7N99rjqbUj-z0vJF6MEdhnJhzjOvr5W7kWB7WQVMt-TEI-oNBSPrKBo8dOsCpl3bnlmomMxb-jRuFKqDrRHHuSIJP_zLoTKnEXz2b2xMrM9QRoyKtjCnyX6gqePnBnWKQzc6-tyY5jXu6RK1gMw?key=aradTTmHcJGRcExhmGuhAw\" alt=\"\"\/><\/noscript><\/figure>\n\n\n\n<p>Offer spending targets with rewards such as free gifts or free shipping.<\/p>\n\n\n\n<p><strong>Adding Express Payment Options to your Cart Drawer<\/strong><\/p>\n\n\n\n<p>Lastly, add the express payment buttons through the \u201cExpress Payment\u201d tab in your dashboard.&nbsp;<\/p>\n\n\n\n<figure class=\"wp-block-image\"><img decoding=\"async\" data-src=\"https:\/\/lh7-rt.googleusercontent.com\/docsz\/AD_4nXcPQ81vkZ6u-gFf0K01y9l-zMOKnsYcWXyhE4XfM4SaeQjK0jwURlfUxxsCot0Ax-gK5VQ4SgzKcmWSFRUJKymxF107dGZRwK_9N-JME4lFobk3YU_t87lM0xpJl4ltZOAyLH_TTMEzNYZRQflovFyE92A?key=aradTTmHcJGRcExhmGuhAw\" alt=\"\" src=\"data:image\/gif;base64,R0lGODlhAQABAAAAACH5BAEKAAEALAAAAAABAAEAAAICTAEAOw==\" class=\"lazyload\" \/><noscript><img decoding=\"async\" src=\"https:\/\/lh7-rt.googleusercontent.com\/docsz\/AD_4nXcPQ81vkZ6u-gFf0K01y9l-zMOKnsYcWXyhE4XfM4SaeQjK0jwURlfUxxsCot0Ax-gK5VQ4SgzKcmWSFRUJKymxF107dGZRwK_9N-JME4lFobk3YU_t87lM0xpJl4ltZOAyLH_TTMEzNYZRQflovFyE92A?key=aradTTmHcJGRcExhmGuhAw\" alt=\"\"\/><\/noscript><\/figure>\n\n\n\n<p>This allows customers to select their preferred payment option and checkout easily. Choose any of the express payment options such as PayPal and Apple Pay.&nbsp;<\/p>\n\n\n\n<p>As stated, the features may vary according to the apps, so it is important to follow the steps cautiously to avoid mistakes that will affect your store or customers&#8217; experience.<\/p>\n\n\n<h2 class=\"wp-block-heading\" id=\"conclusion\"><span class=\"ez-toc-section\" id=\"Conclusion\"><\/span>Conclusion<span class=\"ez-toc-section-end\"><\/span><\/h2>\n\n\n<p>As you\u2019ve seen, setting up a cart drawer on your Shopify store is anything but difficult. If you follow the steps we\u2019ve shared here, you will have one up and running in no time.&nbsp;<\/p>\n","protected":false},"excerpt":{"rendered":"<p>If you are looking to streamline customers\u2019 shopping experience on your website by making it easy for them to complete<\/p>\n","protected":false},"author":73,"featured_media":14213,"comment_status":"open","ping_status":"open","sticky":false,"template":"","format":"standard","meta":{"inline_featured_image":false},"categories":[32],"tags":[42],"yoast_head":"<!-- This site is optimized with the Yoast SEO plugin v20.11 - https:\/\/yoast.com\/wordpress\/plugins\/seo\/ -->\n<title>How to Set Up a Cart Drawer on Shopify - Adoric Blog<\/title>\n<meta name=\"description\" content=\"Cart drawers can supercharge your website\u2019s conversion rate and allow you to upsell your customers. Read how to set up a cart drawer on your Shopify store\" \/>\n<meta name=\"robots\" content=\"index, follow, max-snippet:-1, max-image-preview:large, max-video-preview:-1\" \/>\n<link rel=\"canonical\" href=\"https:\/\/adoric.com\/blog\/how-to-set-up-a-cart-drawer-on-shopify\/\" \/>\n<meta property=\"og:locale\" content=\"en_US\" \/>\n<meta property=\"og:type\" content=\"article\" \/>\n<meta property=\"og:title\" content=\"How to Set Up a Cart Drawer on Shopify - Adoric Blog\" \/>\n<meta property=\"og:description\" content=\"Cart drawers can supercharge your website\u2019s conversion rate and allow you to upsell your customers. Read how to set up a cart drawer on your Shopify store\" \/>\n<meta property=\"og:url\" content=\"https:\/\/adoric.com\/blog\/how-to-set-up-a-cart-drawer-on-shopify\/\" \/>\n<meta property=\"og:site_name\" content=\"Adoric Blog\" \/>\n<meta property=\"article:published_time\" content=\"2024-12-27T11:18:28+00:00\" \/>\n<meta property=\"og:image\" content=\"https:\/\/adoric.com\/blog\/wp-content\/uploads\/2024\/12\/How-to-Set-Up-a-Cart-Drawer-on-Shopify_blog.png\" \/>\n\t<meta property=\"og:image:width\" content=\"706\" \/>\n\t<meta property=\"og:image:height\" content=\"540\" \/>\n\t<meta property=\"og:image:type\" content=\"image\/png\" \/>\n<meta name=\"author\" content=\"Michael Emmanuel\" \/>\n<meta name=\"twitter:card\" content=\"summary_large_image\" \/>\n<meta name=\"twitter:label1\" content=\"Written by\" \/>\n\t<meta name=\"twitter:data1\" content=\"Michael Emmanuel\" \/>\n\t<meta name=\"twitter:label2\" content=\"Est. reading time\" \/>\n\t<meta name=\"twitter:data2\" content=\"8 minutes\" \/>\n<!-- \/ Yoast SEO plugin. -->","yoast_head_json":{"title":"How to Set Up a Cart Drawer on Shopify - Adoric Blog","description":"Cart drawers can supercharge your website\u2019s conversion rate and allow you to upsell your customers. Read how to set up a cart drawer on your Shopify store","robots":{"index":"index","follow":"follow","max-snippet":"max-snippet:-1","max-image-preview":"max-image-preview:large","max-video-preview":"max-video-preview:-1"},"canonical":"https:\/\/adoric.com\/blog\/how-to-set-up-a-cart-drawer-on-shopify\/","og_locale":"en_US","og_type":"article","og_title":"How to Set Up a Cart Drawer on Shopify - Adoric Blog","og_description":"Cart drawers can supercharge your website\u2019s conversion rate and allow you to upsell your customers. Read how to set up a cart drawer on your Shopify store","og_url":"https:\/\/adoric.com\/blog\/how-to-set-up-a-cart-drawer-on-shopify\/","og_site_name":"Adoric Blog","article_published_time":"2024-12-27T11:18:28+00:00","og_image":[{"width":706,"height":540,"url":"https:\/\/adoric.com\/blog\/wp-content\/uploads\/2024\/12\/How-to-Set-Up-a-Cart-Drawer-on-Shopify_blog.png","type":"image\/png"}],"author":"Michael Emmanuel","twitter_card":"summary_large_image","twitter_misc":{"Written by":"Michael Emmanuel","Est. reading time":"8 minutes"},"schema":{"@context":"https:\/\/schema.org","@graph":[{"@type":"WebPage","@id":"https:\/\/adoric.com\/blog\/how-to-set-up-a-cart-drawer-on-shopify\/","url":"https:\/\/adoric.com\/blog\/how-to-set-up-a-cart-drawer-on-shopify\/","name":"How to Set Up a Cart Drawer on Shopify - Adoric Blog","isPartOf":{"@id":"https:\/\/adoric.com\/blog\/#website"},"datePublished":"2024-12-27T11:18:28+00:00","dateModified":"2024-12-27T11:18:28+00:00","author":{"@id":"https:\/\/adoric.com\/blog\/#\/schema\/person\/11bd946fae1658d414afab63ba7dc31a"},"description":"Cart drawers can supercharge your website\u2019s conversion rate and allow you to upsell your customers. Read how to set up a cart drawer on your Shopify store","breadcrumb":{"@id":"https:\/\/adoric.com\/blog\/how-to-set-up-a-cart-drawer-on-shopify\/#breadcrumb"},"inLanguage":"en-US","potentialAction":[{"@type":"ReadAction","target":["https:\/\/adoric.com\/blog\/how-to-set-up-a-cart-drawer-on-shopify\/"]}]},{"@type":"BreadcrumbList","@id":"https:\/\/adoric.com\/blog\/how-to-set-up-a-cart-drawer-on-shopify\/#breadcrumb","itemListElement":[{"@type":"ListItem","position":1,"name":"Home","item":"https:\/\/adoric.com\/blog\/"},{"@type":"ListItem","position":2,"name":"How to Set Up a Cart Drawer on Shopify"}]},{"@type":"WebSite","@id":"https:\/\/adoric.com\/blog\/#website","url":"https:\/\/adoric.com\/blog\/","name":"Adoric Blog","description":"Conversion rate optimization blog","potentialAction":[{"@type":"SearchAction","target":{"@type":"EntryPoint","urlTemplate":"https:\/\/adoric.com\/blog\/?s={search_term_string}"},"query-input":"required name=search_term_string"}],"inLanguage":"en-US"},{"@type":"Person","@id":"https:\/\/adoric.com\/blog\/#\/schema\/person\/11bd946fae1658d414afab63ba7dc31a","name":"Michael Emmanuel","image":{"@type":"ImageObject","inLanguage":"en-US","@id":"https:\/\/adoric.com\/blog\/#\/schema\/person\/image\/","url":"https:\/\/secure.gravatar.com\/avatar\/b54fa4f0b92649e77cf340b70c1daf00?s=96&d=mm&r=g","contentUrl":"https:\/\/secure.gravatar.com\/avatar\/b54fa4f0b92649e77cf340b70c1daf00?s=96&d=mm&r=g","caption":"Michael Emmanuel"},"description":"Michael Emmanuel is a content manager and marketer at Adoric. With 2+ years of experience working in e-commerce and tech, Michael interprets the technology and functionality of Shopify apps with the ease of the user experience engaging storytelling, translating this knowledge into articles and content that drive business growth.","sameAs":["https:\/\/www.linkedin.com\/in\/michael-emmanuel-464b241bb\/"],"url":"https:\/\/adoric.com\/blog\/author\/michael\/"}]}},"_links":{"self":[{"href":"https:\/\/adoric.com\/blog\/wp-json\/wp\/v2\/posts\/14212"}],"collection":[{"href":"https:\/\/adoric.com\/blog\/wp-json\/wp\/v2\/posts"}],"about":[{"href":"https:\/\/adoric.com\/blog\/wp-json\/wp\/v2\/types\/post"}],"author":[{"embeddable":true,"href":"https:\/\/adoric.com\/blog\/wp-json\/wp\/v2\/users\/73"}],"replies":[{"embeddable":true,"href":"https:\/\/adoric.com\/blog\/wp-json\/wp\/v2\/comments?post=14212"}],"version-history":[{"count":1,"href":"https:\/\/adoric.com\/blog\/wp-json\/wp\/v2\/posts\/14212\/revisions"}],"predecessor-version":[{"id":14214,"href":"https:\/\/adoric.com\/blog\/wp-json\/wp\/v2\/posts\/14212\/revisions\/14214"}],"wp:featuredmedia":[{"embeddable":true,"href":"https:\/\/adoric.com\/blog\/wp-json\/wp\/v2\/media\/14213"}],"wp:attachment":[{"href":"https:\/\/adoric.com\/blog\/wp-json\/wp\/v2\/media?parent=14212"}],"wp:term":[{"taxonomy":"category","embeddable":true,"href":"https:\/\/adoric.com\/blog\/wp-json\/wp\/v2\/categories?post=14212"},{"taxonomy":"post_tag","embeddable":true,"href":"https:\/\/adoric.com\/blog\/wp-json\/wp\/v2\/tags?post=14212"}],"curies":[{"name":"wp","href":"https:\/\/api.w.org\/{rel}","templated":true}]}}