Skip to main content

Add to Cart

Updated over a week ago

The Add to Cart feature allows customers to add products directly from the Manifest product cards—without navigating to individual product pages. This creates a faster, smoother shopping experience and helps reduce drop-offs.


What this feature does?

When enabled, an Add to Cart button appears on product cards after a customer performs a product search. Customers can view variants, prices, selling plans, and then add items to their cart instantly.

Manifest supports two ways of opening the cart:

1. Open Cart Page

Opens the /cart page in a new tab.

2. Open Slide-In Cart

Opens your Shopify store’s slide-in cart on the same page.
To use this mode, you must provide the unique ID or class name of your store’s cart element.

Additionally, the modal displays:

  • Product image

  • Product name

  • Price (updates dynamically if variant changes)

  • All available variants (showing Out of stock where applicable)

  • Selling plans (if configured on Shopify)


Conditional Add to Cart Visibility

If you want to hide the Add to Cart button for specific products, use the metafield:

Key: add_to_cart_visibility

  • false → Button will NOT be visible

  • true → Button WILL be visible

This gives you flexibility to decide which products should allow direct cart actions.


Add to Cart Modal Workflow

When customers click Add to Cart, they will see a modal showing:

  1. Product image

  2. Product title

  3. Dynamic price (based on selected variant)

  4. Available variants and stock status

  5. Selling plans (if any)

After the product is added:

  • A Checkout button appears

  • If they close the modal, a message is triggered:
    “You have added <Product Name> to cart. Would you like to checkout or explore something else?”
    Along with:

    • Go to cart

    • Ask me anything

  • The cart icon appears at the top of the chat window for quick access

The confirmation message does not trigger during journey-flow product recommendations.


How to Enable Add to Cart

  1. Go to the Manifest dashboard

  2. Navigate to Behaviour → Assistant conversation behaviour

  3. Enable Add to cart

  4. To use slide-in cart, enter your Shopify cart element’s ID or class

  5. Click Save changes

  6. Open your Shopify store

  7. Launch the Manifest assistant and perform a product search

  8. You will now see Add to Cart buttons in product cards

  9. Select a variant → Click Add to Cart

  10. After successful addition, click Checkout, or close the modal

  11. When closed, the follow-up message and options appear

  12. Use the cart icon at the top of the chat window to complete checkout anytime

  13. Cart page will be opened based on the settings


How to Find Your Cart’s Unique Identifier

  1. Open your Shopify storefront

  2. Right-click → Inspect

  3. Go to Elements tab

  4. Click on your cart icon

  5. Check if it uses:

    • an ID → use #id-name

    • a class → use .class-name


How to Hide Add to Cart for Specific Products

  1. Go to Shopify Admin

  2. Open Settings → Metafields & Metaobjects → Products

  3. Click Add definition

  4. Name: add_to_cart_visibility

  5. Namespace and key: manifest.add_to_cart_visibility

  6. Type: Single line text

  7. Click Save

  8. Open the product you want to hide

  9. Under metafields, set add_to_cart_visibility = false

  10. Save

  11. Refresh Manifest and check—the Add to Cart button will no longer appear for that product.


FAQs

1) Does the Add to Cart modal show all variants?

Yes. All available variants appear.
Out-of-stock variants are shown as disabled and display “Out of stock.”

2) Can selling plans (subscriptions) be added to cart?

Yes. Selling plans will also appear in the modal if configured in Shopify.

3) Can I hide Add to Cart only for a few products?

Yes. Use the product metafield:
​add_to_cart_visibility = false.

4) Will Add to Cart work during journey flows?

Yes, but the follow-up confirmation message is not shown within journey-flow product recommendations.


For further assistance or to raise feature requests related to Add to Cart, please contact [email protected].

Did this answer your question?