Skip to main content

Product add-on element

Updated over a week ago

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.

Inserting the Cart Add-on Element

  1. Open the Insert Panel

    • Navigate to the Insert Panel in Instant.

  2. Locate the Add-on Element

    • Go to Elements → Cart.

    • Hover over the Cart category to expand the menu.

    • Select Cart Add-on.

  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:

    1. Select the Cart Add-on element in the layout.

    2. In the right sidebar, replace the preview product with a product from your store.

    3. Once connected, the Add-on becomes a purchasable option inside your cart.

This step is mandatory. Without connecting a Shopify product, the Add-on cannot be purchased.

Configuration Options

The Cart Add-on includes an interactive toggle, which is linked to a built-in interaction called Add-on Toggle. You can customize how the add-on is displayed:

  • Show as Line Item

    • The add-on appears as a separate product line in the cart (recommended for tangible add-ons like gift wrapping or extra accessories).

  • Hide as Line Item

    • The add-on is hidden as a separate line item but still included in the order (recommended for non-physical add-ons like shipping protection or insurance).

Changing Display Settings

  1. Select the Cart Add-on element.

  2. Open the Interaction Panel.

  3. Locate the Add-on Toggle interaction.

  4. Adjust the property to either:

    • Show as Line Item

    • Hide as Line Item

Best Practices

  • Use Add-ons for Value-Adds

    • Shipping protection, gift wrapping, extended warranties, and similar options work well as upsell opportunities.

  • Keep it Relevant

    • Offer add-ons that complement your products, e.g., sneaker care kits with sneakers.

Did this answer your question?