Step 2: Let the chat add products to the cart

The chat can't reach your cart by itself, so you hand it a small function that can. Product cards in the chat then get an Add to cart button, and Chat Revenue can show Sales driven by chat.

1. Add this script to every page

   The chat can be opened anywhere, so the script goes on every page of your shop.

   <script>
     (function () {
       function register() {
         window.Zuzana.onAddToCart(async function (item) {
           await yourShop.addToCart(item.variant_id, item.quantity);
         });
       }
       if (window.Zuzana) {
         register();
       } else {
         window.addEventListener('zuzana-loaded', register, { once: true });
       }
     })();
   </script>

2. Point it at your own cart

   Replace yourShop.addToCart with the code your own Add to cart button runs. Your cart counter and mini cart then update as usual. There are no settings to change.

3. Test it

   Ask the chat for a product and click Add to cart on its card. The chat should say Added to your cart. and the product should be in your cart.

What your function receives

The same ids are also there as variantId and productId.

What the customer sees

If the button doesn't show

• Check that your function runs on the page.
• The button only shows on products with a price above 0.
• For a product with several variants, the customer picks one first.
• Ask Zuzana whether your chat has a custom cart setting that overrides it.