Question 1

How to Set Up a Free Gift Using a $0 Product in Shopify

Accepted Answer

If you're looking to run a free gift promotion through your Shopify store while using our Cart Drawer app, this guide is for you. Shopify only supports one automatic discount at a time, which can cause conflicts when using multiple discount-based apps (like subscriptions, bundles, etc.).

To avoid discount conflicts and ensure your free gift is added seamlessly during checkout, we recommend offering the gift as a $0 product rather than applying a discount. This method keeps the experience smooth for shoppers and prevents technical issues at checkout.

In this article, we’ll walk you through the process of setting up a $0-priced gift product that integrates perfectly with your Cart Drawer app — while also protecting your store from customers trying to exploit the system.

Step 1: Duplicate the Gift Product

Go to your Shopify Admin.
Navigate to Products, and select the product you want to offer as a gift.
Click Duplicate.
In the duplicated product:

Set the price to $0.00.
Set the status to "Active".
Make sure your quantity is set up unlimited.
Ensure it’s available in the Online Store sales channel.

Step 2: Hide the $0 Product From Public View

To avoid customers directly accessing or manipulating the gift item, take the following actions:

a. **Remove the Add to

Question 2

Pricing and Billing

Accepted Answer

This guide explains the pricing structure, how billing cycles are calculated, and how to cancel your subscription for the IA Cart Drawer app. The information is presented in simple terms to ensure it's easy to understand.

Pricing Overview

The pricing for the IA Cart Drawer app is based on the total number of store orders processed in a month. Here's the breakdown:

| Total Monthly Store Orders | Price | | ---- | | 0-200 orders | $19.99/month | | 201-500 orders | $29.99/month | | 501-1000 orders | $49.99/month | | 1001-2000 orders | $79.99/month | | 2001-3000 orders | $99.99/month | | 3001+ orders | $149.99/month | The pricing automatically adjusts based on the total orders processed in your store during the last 30 days.

How Is the Billing Cycle Calculated?

Q: Css Code For Scroll Bar

<pre><code>.ia-upsell-cart { max-height: 100%; overflow-y: scroll; scrollbar-gutter: stable; } /* Thicker WebKit scrollbar */ .ia-upsell-cart::-webkit-scrollbar { width: 12px; } .ia-upsell-cart::-webkit-scrollbar-track { background: #f0f0f0; border-radius: 6px; } .ia-upsell-cart::-webkit-scrollbar-thumb { background-color: #888; border-radius: 6px; border: 3px solid #f0f0f0; } .ia-upsell-cart::-webkit-scrollbar-thumb:hover { background-color: #555; } </code></pre> <h1 id=""> </h1> <p>Add this css code to the CSS Tabs</p>

The billing cycle is 30 days long and begins one day after your free trial ends. You will be charged on the first day of every billing cycle based on the total number of orders your store processed in the previous 30 days. No charges are applied if you uninstall the app before your trial ends.

How to Cancel Your Subscription

To cancel your subscription, go to the Apps section in your Shopify admin dashboard, find the IA Cart Drawer app, and click Uninstall. Billing continues as long as the app is installed, so ensure you uninstall it completely to stop charges.

Additional Information

What Happens After Cancellation?

Once the app is uninstalled, no further charges

Question 3

How to add custom CSS?

Accepted Answer

This guide will help you add custom CSS to the IA Cart Drawer on your store. Follow the steps below:

Steps to Add Custom CSS:

Log in to your Shopify Admin Panel **** **** **** **** ****

Navigate to your store's admin dashboard.

Access the IA Cart Drawer App

Go to Apps in the left-hand menu.
Locate and open the IA Cart Drawer app.

Open the Cart Editor

Inside the IA Cart Drawer app, find and click on the Cart Editor option.

Enable the Custom HTML & CSS Feature

In the left-hand side panel, locate the option labeled Custom HTML & CSS.
Click on it to open the settings.
Toggle the feature ON to enable customization.

Add Your Custom CSS

Once the feature is enabled, a text box labeled Custom CSS will appear.
Input your desired CSS code into this box.

Save Your Changes

After adding your custom CSS, click the Save button to apply the changes to your cart drawer.

Sample Code .ia-rewards-banner-progress-wrapper { border-color: #4a6274; border-width: 1px; border-style: solid; }

Additional Notes:

Question 4

How to Test Your App on an Unpublished (Draft) Theme

Accepted Answer

This guide will help you set up and test the IA CART DRAWER app on an unpublished (draft) theme. By following this, you can ensure your changes don't interfere with your live website or affect your live visitors.

Step 1: Duplicate Your Existing Theme

Go to Shopify Admin:

From your Shopify admin dashboard, navigate to Online Store → Themes.

Duplicate Your Theme:

Find your current live theme under Current Theme.
Click on the three-dot menu (⋮) next to it and select Duplicate.
A copy of your theme will be added to your Theme Library.

*Note: The duplicate theme is a safe, unpublished copy where you can test changes.*

Step 2: Disable IA CART DRAWER on Your Live Theme

To avoid affecting your live visitors, disable the IA CART DRAWER on your main (live) theme:

Open Theme Editor:

Under Current Theme, click Customize.

Disable the App Embed:

In the theme editor, look at the left-hand side menu.
Navigate to App Embeds and locate IA CART DRAWER.
Toggle it to Disable.

Save Changes:

Click the Save button on the top-right corner of your screen.

Step 3: Enable IA CART DRAWER on Your Draft Theme

Now that your live theme is unaffected, you can enable the IA CART DRAWER on the draft theme:

Open the Draft Theme:

*

Question 5

How to Set Up Rewards in the Cart Drawer App

Accepted Answer

The Rewards feature in the IA Cart Drawer app allows you to motivate your customers by offering perks like free gifts or discounts as they increase their cart value. Here's how you can configure it step-by-step:

🔧 Step-by-Step Setup Guide

1. Navigate to Rewards Tab

From the left sidebar:

Click on "Rewards" under the Cart Drawer menu.

![](https://storage.crisp.chat/users/helpdesk/website/-/f/2/9/2/f292220162e4400/screenshot-2025-06-03-at-85142_1ab3bq9.png =725xauto)

2. Configure General Settings

Under the General Settings section:

Reward Basis: Choose the basis for unlocking the reward:
✅ Show reward bar when cart is empty: This ensures users see the reward incentive even before they add items.
☑️ Optional: Show Confetti when reward is achieved – visually celebrates the reward achievement.

3. Set Up Rewards

Scroll to the Rewards Settings section.

➕ Add a New Reward

Click on “Add Reward”
Choose a Reward Icon (gift, tag, or add your own).
Select Reward Type:
Common options include:
Free Gift
Discount
Free Shipping
Add a Reward Description to show below the progress bar

![](https://storage.crisp.chat/users/helpdesk/website/-/f/2/9/2/f292220162e4400/screenshot-2025-06-03-at-85520_o4kj66.png =432xauto)

4. Set Market-Specific Rewards

You can assign rewards based on geographic market:

Click the Market dropdown (top-right in Rewards Settings).
Choose the region: India,

Question 6

Css Code For Scroll Bar

Accepted Answer

.ia-upsell-cart {

  max-height: 100%;

  overflow-y: scroll;

  scrollbar-gutter: stable;

}



/* Thicker WebKit scrollbar */

.ia-upsell-cart::-webkit-scrollbar {

  width: 12px;

}



.ia-upsell-cart::-webkit-scrollbar-track {

  background: #f0f0f0;

  border-radius: 6px;

}



.ia-upsell-cart::-webkit-scrollbar-thumb {

  background-color: #888;

  border-radius: 6px;

  border: 3px solid #f0f0f0;

}



.ia-upsell-cart::-webkit-scrollbar-thumb:hover {

  background-color: #555;

}

Add this css code to the CSS Tabs

Featured & Frequently Read Articles

Browse All Categories