English
Go to website
Back
Articles on:
Adoric Cart
Grow AOV via Slide Cart Upsell, Sticky Add to Cart & Reward Bar
10. Troubleshooting & compatibility
Use Adoric Cart with Adoric Bundles
Install Adoric Bundles from the Adoric Cart home page and learn how to use both apps together.
Few readers
Accelerated checkout buttons are not showing
What to check when express checkout buttons such as Shop Pay and PayPal don't appear in your cart, or look different from the live preview.
Few readers
My cart changes are not showing in my store
What to check when your cart changes don't appear in your store: Save, the Cart status switch, the right cart, devices, and the app embed.
Few readers
Rewards are not applying
Check that Rewards is on and saved, review each tier, excluded products, and who can see the widget.
Few readers
Product recommendations are not showing
What to check when recommended products don't appear in your cart: section toggles, Shopify Search & Discovery, hide and remove options, and devices.
Few readers
Adoric Cart is not opening
What to check when Adoric Cart doesn't open in your store: the app embed, the cart status, the open setting, and devices.
Few readers
3. Cart content
Show an announcement in your cart
Add a short message at the top of your cart, style the text, use variables, and choose a background color.
Few readers
Create urgency with a countdown timer
Add a countdown timer to your cart announcement, choose Fixed minutes or Timer to date, and decide what happens when it ends.
Few readers
Add a banner image to your cart
Upload a JPEG or PNG banner (800 × 180 px recommended), then set its size, roundness, border, link, and spacing.
Few readers
Customize how products appear in your cart
Choose what each product in the cart shows: quantity and variant pickers, prices, compare-at price, sale badge, image, text, and remove button.
Few readers
Build trust with badges in your cart
Add, reorder, and delete trust badges such as Secure checkout and Free shipping, and change their icon, text, and spacing.
Few readers
Customize your empty cart
Change what shoppers see when the cart is empty: the icon, title, subtitle, and Continue shopping button.
Few readers
Customize your cart header
Show text or a logo at the top of your cart and change its alignment, height, background, item counter, and close icon.
Few readers
4. Upsells & add-ons
Show product recommendations beside your cart
Show recommended products in a side panel next to your cart, and choose its template, products, title, position, and devices.
Few readers
Choose AI recommendations or pick products yourself
Choose between AI recommendations and Manual selection for Product upsell and Side product upsell, and add an optional discount.
Few readers
Recommend products in your empty cart
Show recommended products inside or beside the empty cart with Product upsell and Side product upsell in the Empty cart tab.
Few readers
Offer shipping protection
Add an optional shipping protection item to your cart and choose its options, visibility, image, title, and description.
Few readers
Recommend products in your cart
Show recommended products inside your cart: choose the layout, the products, the title, how many to show, and the sale badge.
Few readers
5. Rewards & free gifts
Offer a free product as a reward
Add a Free product tier to your rewards bar, choose the gift product, and set when shoppers unlock it.
Few readers
Reward shoppers as their cart grows
Add a progress bar with reward tiers that unlock by cart total or products quantity, and choose its template, color, heading, and confetti.
Few readers
Offer free shipping as a reward
Add a Free shipping tier to your rewards bar, set the amount to unlock it, and write the message shoppers see.
Few readers
Unlock a discount as the cart grows
Add a Discount tier to your rewards bar, choose a percentage or fixed amount, and set when shoppers unlock it.
Few readers
6. Checkout & payments
Let shoppers enter a discount code
Add a discount code field to your cart, and change its placeholder, error text, Apply button, and collapsible option.
Few readers
Show savings and the subtotal in your cart
Show a Savings row with discount badges and compare-at savings, and change the Subtotal row at the bottom of your cart.
Few readers
Show payment icons in your cart
Show payment icons such as Visa, Mastercard, Amex, PayPal, Apple Pay, and Google Pay in your cart, add custom icons, and set size and spacing.
Few readers
Add a Continue shopping button
Turn on the Secondary button under Footer > Buttons, set its text and action, and choose how it looks.
Few readers
Ask shoppers to accept your terms
Turn on Terms & conditions under Footer > Buttons, edit the text, link your terms page, and set the reminder message.
Few readers
Show accelerated checkout buttons in your cart
Show express checkout buttons such as Shop Pay and PayPal in your cart, and choose their layout, height, and collapsible option.
Few readers
Customize your checkout button
Change the checkout button text and style, and turn on the secondary button and Terms & conditions in Footer > Buttons.
Few readers
Let shoppers add an order note
Add an order note field to your cart, make a note required or collapsible, and change its placeholder, title, and icon.
Few readers
7. Custom code & Library
Add custom CSS to your cart
Add your own CSS to style the whole cart with the Custom CSS button in Style.
Few readers
Insert ready-made blocks from the Library
Insert ready-made Library blocks into your cart, such as Delivery estimate, Same-day dispatch, Discount code, Review carousel, and Pay in installments.
Few readers
Add custom HTML to your cart
Create a custom HTML block in your cart, name it, add your code in the code editor, get free code help, and remove the block.
Few readers
8. Languages, markets & A/B tests
Translate your cart into other languages
Open Edit translations from the top bar, choose a language, edit your cart text section by section, and save.
Few readers
Set up an A/B test for your cart
Click Create A/B test in the cart editor, edit each variant, choose the traffic split, and start the test.
Few readers
Preview your cart for each Shopify Market
Use Market in the cart editor top bar to see how your cart looks for each of your Shopify Markets.
Few readers
Read your A/B test results and choose a winner
Open Finish A/B in the cart editor to compare variants, read the results table, and choose the winner.
Few readers
Create and manage multiple carts
Create more than one cart, turn each one on or off, and edit, preview, or see analytics for any cart from the Carts list.
Few readers
9. Analytics & reporting
See how your cart is performing
Find your cart revenue, views, conversions, widget revenue, and the cart funnel on the Adoric Cart home page and Analytics page.
Few readers
What each cart metric means
Plain definitions of every Adoric Cart metric: visitors, views, checkouts initiated, converted carts, conversion rate, and revenue.
Few readers
Analytics are missing or look wrong
What to check when your Adoric Cart analytics are empty or look wrong: the cart filter, date range, app embed, and cart status.
Few readers
2. Cart design & settings
Choose a template for your cart
Start your cart design from one of the ready-made templates in Style, such as Classic, Cart upsell, Flash sale, or Minimal.
Few readers
Keep your cart one click away with Sticky cart
Add a floating cart button to your store and choose its style, icon, counter, position on desktop and mobile, size, and roundness.
Few readers
Change fonts, sizes, and the cart layout
Set the font, text and image size, cart width, roundness, border, quantity and variant pickers, and footer style in Style.
Few readers
Build your cart from a screenshot
Use Build with AI to upload a screenshot of a cart you like and rebuild its layout, colors, typography, and copy in Adoric Cart.
Few readers
Choose who sees each cart section
Use Who will see this widget to show a cart section to everyone, only to customers with tags, or to everyone except them.
Few readers
Choose when, where, and on which devices your cart opens
Decide if the cart opens when a product is added, show a clear cart button, and choose the devices, side, and content direction.
Few readers
Match your cart colors to your store
Choose a color palette, a light or dark theme, and your Primary, Secondary, Text, Background, and Overlay colors.
Few readers
1. Getting started
What is Adoric Cart?
Adoric Cart replaces your theme's cart with a free cart you can fully customize, without code, on desktop and mobile.
Few readers
Get your cart live with the setup checklist
Use the Get started with Adoric checklist to turn on the app embed, customize your cart, and get a free compatibility check.
Few readers
Find your way around the cart editor
A quick tour of the cart editor: the top bar, the Cart and Empty cart tabs, the Body and Footer sections, and the live preview.
Few readers
Create, save, and activate your cart
Open or create a cart, save your changes, undo them with Discard, and make the cart live with the Cart status switch.
Few readers
Preview your cart before it goes live
Check your cart in the live preview, choose preview products, preview each Shopify Market, and test it in your store.
Few readers
Get help from the Adoric team
Chat with our team from inside Adoric Cart, ask for a free compatibility check or expert setup, and suggest new features.
Few readers
Turn on Adoric Cart in your theme
Turn on the Adoric Cart app embed in your Shopify theme editor. Your cart works only after this step.
Few readers
Getting started
Getting Started with Adoric Cart Adoric Cart lets you customize your store cart and add features designed to increase conversion and average order value. Follow the steps below to activate Adoric Cart and get your cart live on your store. 1. Enable the app embed When you first open Adoric Cart, start with Enable app embed. Click Enable. Shopify will open you
Few readers