The Cart Add-on element allows you to offer optional extras—such as shipping protection, gift wrapping, or product warranties—directly inside the cart drawer. These add-ons provide customers with easy ways to customize their order while helping you increase average order value (AOV).
Once inserted, the element is pre-configured and ready to use. You only need to connect it to a real product from your Shopify store.
Overview
Add-ons are optional extras customers can toggle on or off in the cart drawer.
Common Add-on Types
Add-on | Description |
Shipping protection | Insurance against lost or damaged packages |
Gift wrapping | Professional wrapping service |
Extended warranty | Additional product protection |
Priority handling | Faster processing or shipping |
Accessories | Complementary items |
Inserting the Cart Add-on Element
Step 1: Open the Insert Panel
Navigate to the Insert Panel in Instant.
Step 2: Locate the Add-on Element
Go to Elements → Cart
Hover over the Cart category to expand the menu
Select Cart Add-on
Step 3: Drag into Cart Layout
Drag and drop the Cart Add-on element into your Cart Drawer Layout
It appears pre-configured by default
Connecting the Add-on to a Product
By default, the Add-on comes connected to a preview product. To make it functional, you must connect it to a real product from your Shopify store.
How to Connect
Select the Cart Add-on element in the layout
In the right sidebar, replace the preview product with a product from your store
Once connected, the Add-on becomes a purchasable option inside your cart
Important: This step is mandatory. Without connecting a Shopify product, the Add-on cannot be purchased by customers.
Configuration Options
The Cart Add-on includes an interactive toggle linked to a built-in interaction called Add-on Toggle. You can customize how the add-on is displayed in the cart.
Display Options
Option | Behavior | Recommended For |
Show as Line Item | Add-on appears as a separate product line in the cart | Tangible add-ons (gift wrapping, accessories) |
Hide as Line Item | Add-on is hidden as a line item but still included in the order | Non-physical add-ons (shipping protection, insurance) |
Changing Display Settings
Select the Cart Add-on element
Open the Interaction Panel
Locate the Add-on Toggle interaction
Adjust the property to either:
Show as Line Item
Hide as Line Item
Best Practices
Use Add-ons for Value-Adds
Effective Add-ons | Why They Work |
Shipping protection | Peace of mind for customers |
Gift wrapping | Convenient for gift purchases |
Extended warranties | Added product confidence |
Care kits | Complements the main product |
Keep It Relevant
Offer add-ons that complement your products:
Product | Relevant Add-on |
Sneakers | Sneaker care kit |
Electronics | Extended warranty |
Jewelry | Gift wrapping |
Fragile items | Shipping protection |
Quick Reference
Task | Action |
Insert Add-on | Insert panel → Elements → Cart → Cart Add-on |
Connect product | Select element → Right sidebar → Choose Shopify product |
Show as line item | Interaction panel → Add-on Toggle → Show as Line Item |
Hide as line item | Interaction panel → Add-on Toggle → Hide as Line Item |
Setup Checklist
Step | Status |
Add-on element inserted | ☐ |
Connected to Shopify product | ☐ |
Display option configured | ☐ |
Styling customized | ☐ |