Here you get two templates - Standard & Elegant. You can choose as you like.

On your chosen template, you can apply any color palette.

On your chosen color palette, you can customize Background Color, Accent Color & Text Color as your need.

No matter which template or color palette you choose, you have the option to modify the button. You can change Button Radius, Button Color, Button Text Color & Button Hover Color.

You can add custom section as you need.
Click on the Add Section Button

There are a limited number of types for creating new sections -

• Custom HTML
• Text/Message
• Image Banner
• Spacer
  

You can create as you need.

There are some default sections. You can reorder them except required sections. You can also allow which section will be appeared or not.

There are three type of title variants -
1. Only Text
2. Text with Numeric
3. Only Icon

First two variants are almost same. Text With Numeric variant allow to display the cart count with the title text

If you choose Only Icon variant, there will be appeared icon only as header instead of text.

You can set the cart close icon.

Toggle the announcement bar on or off using the Enable/Disable button.

Customize the background of the announcement bar to stand out or blend with your theme.
Set the Timer (min:sec) to specify how long products are "reserved" for the customer.

Use the Once it ends dropdown to decide if the app should Repeat the countdown, Hide the countdown, or Delete item when the time expires.

Customize the text shown to customers (e.g., "Your Products are reserved for {Timer} minutes!").
Use the {timer} variable within your text to display the live countdown.

Click the translation icon next to text fields to provide localized content for each language active in your store (e.g., Spanish).
The interface identifies your Primary published language and shows which translations are currently "Not published" or "Published".

Adjust the Font Size using the slider and set specific Font Color and Timer Color for better readability.

Use the Disable/Enable button to quickly turn the rewards feature on or off within your cart drawer.

The app provides a convenient "Create Discount" button that links directly to Shopify's automatic discount or shipping rules, ensuring the reward promised in the cart is applied at checkout.

Use the color pickers to match the progress bar to your brand’s palette.

A dropdown menu to select the visual style of the bar (Regular or Multipart).

Customize the celebratory message shown to customers once they have unlocked all available reward tiers (e.g., "Congratulations! You've completed all rewards").

When Enable Automatic Currency Conversion toggled on, the app uses Shopify Markets data to display reward price thresholds in the customer's local currency based on real-time exchange rates.

Show Reward Icon: A checkbox to toggle the visibility of icons next to each reward tier.
Rewards Type: Select whether the incentive is a Discount or Shipping reward from the dropdown menu.
Reward Description & Minimum Amount: Specify the offer name (e.g., "10% Off") and the Minimum Amount required in the cart to trigger it.
Dynamic Progress Messaging: Customize the text shown before a reward is reached. You can use the min_ammount placeholder to dynamically show customers how much more they need to spend to unlock the offer.
Tier Management: You can Delete Tier to remove a milestone or click Add New Tier to create a multi-step reward ladder.

Click the translation icon next to text fields to open a pop-up where you can provide localized versions of your messages.
The system identifies your Primary published language (e.g., English) and allows you to input translations for other languages from storefront (e.g., Spanish).

Toggle the entire upsell section on or off with a single click using the status button at the top of the panel.

This section allows you to define the cart state that triggers the offer:

• Upsell with Products in Cart: Displays offers when a customer has already added items to their cart.
• Upsell for Empty Cart: Shows specific recommendations even before a customer has added their first item, helping to kickstart the shopping experience.

When selecting the Shopify AI Recommendation type, the app leverages Shopify’s data to automatically suggest the most relevant items.

Max number of products to display: This field lets you set a specific limit (e.g., 5 products) on how many AI recommendations appear at once to keep the cart drawer clean and organized.

Recommendation Algorithm: You can choose between two AI strategies:

• Related: Suggests items similar to what is currently in the cart.
• Frequently Bought: Suggests items often purchased together with the cart contents.

The Manual Upsell type gives you full control over exactly which products are recommended to your customers rather than relying on automated algorithms.

When you click to add or edit a manual upsell, a detailed configuration window appears:

Trigger Selection:

• All Products: Select this to show the upsell items regardless of what is added to the cart.
• Specific Products: Select this to trigger the upsell only when a customer adds a particular item to their cart.

Conditional Upsells allow you to set up complex, rule-based logic to automatically show specific products based on the customer's cart or profile.

Logic Rules: Define how conditions are met:

• Match ANY condition (OR): Shows the upsell when at least one specified rule is met.
• Match ALL conditions (AND): Shows the upsell only when every single rule is met.

Condition Types: You can set rules based on various parameters, such as Cart Item - Product Tag. Operators like "Contains" allow you to target specific groups of products effectively

Management & Priority:

• Upsell Name & Description: Give your rule a unique name (e.g., "VIP Customer Upsell") and an optional description for internal tracking.
• Priority: Assign a numerical value to your rules; items with a higher priority value will be displayed first in the cart.
• Edit/Add: Use the Add Conditional Upsell button to create new rules, or click the pencil (Edit) icon on an existing rule to make adjustments.
  

Shows specific items to customers who haven't started shopping yet.

Note: This mode only supports Shopify AI upsell and all products mode in manual upsells.

Fine-tune the behavior and appearance of your upsell section at the bottom of the editor:

Display Logic:

• Always show even if the upsell product is in cart: Keeps the offer visible even if the customer already added that specific item.
• Show on empty cart: Toggles visibility for customers with 0 items in their cart.

Visual Customization:

• Typography & Color: Use the sliders and color picker to adjust the Title Font Size (from 12px to 24px) and Title Text Color.
• Layout Type: Choose how products are displayed, such as in a Carousel.
• Upsell Title: Customize the header text (e.g., "You may also like").

Click the translation icon, the interface identifies your Primary published language and shows which translations are currently "Not published" or "Published".

Typography: Adjust the Title Font Size using the slider (ranging from 12px to 24px).

Color: Set a specific Title Text Color using a hex code (e.g., #000000).

Layout Type: Choose how items are displayed in the drawer from the following options: Default, Carousel, Swipable, or List.

To turn the feature on, click the Enable button in the top right corner of the Additional Notes panel.

Title: Enter the main heading for the note section, such as "Special Note".

Placeholder Text: Customize the text that appears inside the empty box to guide the customer, like "Purchasing more than 1000$ you will be get our VIP membership".

Click the translation icon next to the Title or Placeholder fields to provide localized content. This opens a window where you can enter specific text for different languages.

Use the Enable/Disable button at the top of the configuration panel to quickly toggle the coupon box on or off in your cart drawer.

You can customize the text and behavior of the discount field to match your brand's voice:

• Coupon Placeholder Text: Customize the hint text that appears inside the input box (e.g., "Coupon Code").
• Button Text: Edit the label on the submission button (e.g., "Apply").
• Collapsible: Toggle the Collapsible checkbox if you want to hide the coupon field behind a clickable link to save space in the drawer.

Click the translation icon next to the placeholder or button text fields to open the localization window. You can provide specific translations for different languages.
The interface clearly shows which translations are "Primary" and "Published" versus those that are "Not published".

Click the Enable/Disable button at the top of the panel to activate/deactivate the section in your cart drawer.

you can define the core details of the additional product. This includes editing the Title (e.g., "Shipping Protection") and the Description to inform customers about the product's benefits.

This interface allows you to add and edit translations for the Additional Product title. You can switch between different languages (e.g., English, Spanish) to ensure the product title is localized for your international customers.

This toggle allows you to control the visual display of the additional product. By checking "Show Product Image," an icon (such as a shield for shipping protection) will appear next to the product in the cart drawer.

Select the "Fixed Price" option to charge a constant flat rate for the additional product. Simply enter the desired amount (e.g., $10) to apply this specific cost regardless of the cart's total value.

Use this option to calculate the product's price as a percentage of the total order value. You can configure an initial amount, set the specific percentage rate, and define an incremental rate for more complex pricing structures.

This section allows you to set up tiered pricing for the additional product. You can define specific price rules based on the total cart value (e.g., charging $5 for protection when the cart value is $0 or more) and add multiple tiers as needed.

This section allows you to manage and create add-on products that customers can include in their orders. Since no add-ons have been created yet, simply click the "+ Create Add - On" button to begin configuring your first product offer.

This section allows you to set the Basic Information for the add-on. You can toggle the visibility of the title and description, enter the specific name for the add-on (e.g., "Gift Wrapping"), and provide a brief text description to explain the product or service to your customers.

Click the translation icon next to the title or description fields to open the localization window. You can provide specific translations for different languages.
The interface clearly shows which translations are "Primary" and "Published" versus those that are "Not published".

This modal is used to create a new add-on offer for your cart. In the Product Selection section, you can choose a specific product from your inventory to be the add-on (note that all variants of the selected product will be included). The Add - On Behavior section allows you to configure the rules for how and when this add-on is presented to the customer.

This configuration ensures the add-on is consistently visible to all customers. By setting the Type to "Default (Show in cart)" and When to show/add to "Always," the product will appear as a permanent optional upsell within the cart drawer.

Use these settings to define how the add-on interacts with the cart. Select "Default (Show in cart)" to let customers choose it, or "Auto Add" to include it automatically. You can also use the Quantity Settings to limit the maximum number of add-ons a customer can purchase.

This section within the "Add - On Behavior" settings determines when the offer appears. You can choose "Always" to show it to every customer, or select conditional options like "When product in cart" to trigger the add-on only for specific items (one-time or subscription).

This section allows you to set limits on the add-on product. You can define the Quantity Settings (such as the maximum add-ons allowed per product per checkout and the specific quantity to add)

Click the Enable/Disable button at the top of the panel to activate/deactivate the section in your cart drawer.

Click the Enable/Disable button at the top of the panel to activate/deactivate the section in your cart drawer.

This section provides instructions for manually integrating the express payment buttons if they do not appear automatically. It includes a specific Liquid code snippet that you need to paste into your theme's code editor to ensure the accelerated checkout buttons are displayed correctly on your store.

This section allows you to fine-tune the design of the express payment buttons (like Apple Pay or PayPal). You can configure the button height for both desktop and mobile views, set the alignment (Left, Center, or Right), adjust the row gap spacing, and toggle the visibility of the customer consent text.

You can toggle the feature on or off using the Enable/Disable button located in the top right corner of the section header. When active, a green "Active" status will appear next to the menu item.

In the Trust Badge Message field, you can enter a custom heading that appears above your icons (e.g., "Guaranteed Safe & Secure Checkout").

By clicking the translation icon to the right of the text field, a popup will appear allowing you to provide specific translations for different languages active in your store (e.g., Spanish).

Under Trust Badge Icon Type, you have two options for how icons are displayed:

• Payment Icon
• Specific Icon

Payment Icon: This is the default setting. It automatically displays a row of standard payment provider logos (Visa, Mastercard, PayPal, Apple Pay, etc.) to show customers which payment methods you accept.

Specific Icon: If you prefer to use a custom-designed trust seal or a specific security badge (like Norton, McAfee, or a custom "Satisfaction Guaranteed" stamp):

1. Change the Trust Badge Icon Type to Specific Icon.
2. Click the Add Image button in the "Trust Badge Icon" box.
3. Upload your own file (Max 10 MB; supported formats: JPEG, PNG, WEBP).

You can activate or deactivate the requirement by clicking the Enable/Disable button located in the top header of the settings panel.

You can customize the appearance and behavior of the agreement checkbox in the General Settings section:

Link Text: Define the specific text that will serve as the hyperlink (e.g., "Terms & Condition").

URL Link: Provide the destination URL for your policy page (e.g., /policies/terms-of-service).

Behavioral Options:

Terms and Conditions are checked by default: When selected, the box is pre-filled for the customer.

Terms and Conditions must be checked: When selected, customers cannot proceed to checkout without manually ticking the box.

Checkbox Message: Enter the primary text that appears next to the checkbox. Use the placeholder {link} to indicate where the clickable link should be placed within the sentence.

Click the translation icon next to the text fields to open the translation interface.

You can provide specific translations for each language available in your store (e.g., English or Spanish) to ensure a seamless experience for international customers.

Use the provided text area to enter custom CSS code to modify the appearance of any element within the cart drawer.

This section ensures the app is properly synced with your Shopify store.

• Activate Storefront: Confirms that the cart is authorized to apply discounts and read necessary product properties in real-time.
• Regenerate: If the cart isn't reflecting recent store changes, use this button to refresh the connection.

Control what product details are displayed for each item within the cart drawer:

• Show compare at price: Displays original prices alongside sale prices to highlight savings.
• Show Variant title: Displays specific product options (e.g., Size: Large, Color: Blue).
• Show Attributes (Options): Shows any custom line-item properties or notes.
• Allow users to remove selling plan: Gives customers the flexibility to opt-out of subscriptions directly from the cart.

Optimize the bottom section of your cart for better conversions:

• Show subtotal/total price: Toggle visibility for price breakdowns.
• Scrollable checkout section: Keeps the checkout button visible while allowing users to scroll through totals or terms.
• Collapsible subtotal section: Allows for a cleaner look by hiding price details until clicked.

This section is vital for localization and brand voice. You can customize every piece of text a user sees, including:

• Button Titles: Customize the "Checkout" or "Order Summary" labels.
• Empty Cart States: Edit the title and description (e.g., "Your cart is lonely!") to encourage shopping.
• Pricing Labels: Change "Subtotal," "Shipping," and "Subscription" text to match your primary language or store tone.

Use this dropdown menu to enable or disable the sticky cart icon across your storefront.

Customize the look and feel of the floating icon to match your brand's aesthetic:

• Select Icon: Choose from several cart and shopping bag styles to best represent your shop.
• Background Color: Set the primary color for the floating button's background.
• Icon Color: Adjust the color of the shopping cart/bag icon itself.
• Quantity Text & Background: Change the colors for the item count badge to ensure the number of items in the cart is clearly visible and eye-catching.
• Button Radius: Use the slider to adjust the corner roundness of the button, ranging from sharp square edges to a full circle.

Choose where the icon appears on the screen (e.g., Bottom Left, Bottom Right, etc.) to avoid overlapping with other chat widgets or store elements.

Control visibility by choosing to show the sticky cart on all devices, or limiting it specifically to mobile or desktop users.