Skip to main content

How to Customize the Cart Drawer when it’s empty?

Wondering how your cart drawer looks when there are no items inside? This feature allows you to customize the empty cart state by displaying a friendly message, image, and call-to-action to guide customers back to shopping.

image.png

Step 1: Enable Amote in Your Theme​

  1. Make sure the Amote app embed is enabled in your Theme Editor.
  2. Open Amote in your Shopify Admin.
  3. Go to Upsell & Cross-sell → Cart Drawer → Empty Cart Item section.

Step 2: Configure Settings and Customization​

In General Settings, configure the content:

  • Image: You can display an image in the cart drawer when it's empty
  • Empty message: The message shown when the cart has no items (for example: Your cart is empty. Let’s find something you’ll love!).
  • Button text: Customize the call-to-action button (for example: Continue Shopping).
  • Button link: Choose where customers are redirected when clicking the button (homepage, collections, or a specific page).

image.png

In the Appearance section, you can apply your Global colors or manually customize contents in Section Color:

image.png

Step 3: Save and Test​

Click Save, then visit your storefront:

  • Open the cart drawer with no items added
  • Confirm the empty cart message, image, and button display correctly
  • Test the button link

If you need further guidance or have any questions, don't hesitate to reach out to our support team via email at [email protected]. We'd be happy to help.

Was this article helpful?