add multiple product to cart with one button?

Topic summary

A user seeks a way to add multiple products or an entire collection to the cart with a single button on a blog page, noting that existing buy buttons require adding items one-by-one and bundle apps focus on discounts rather than bulk adding.

Technical Solutions Offered:

  • Custom code using Shopify’s Ajax API with an order form approach, though this “updates” cart quantities rather than incrementing them
  • Code snippets provided using Liquid templates with hidden form inputs and JavaScript Ajax calls to /cart/add.js
  • “Pre-filled cart” or “Permalinks” method referenced with demo examples

Key Technical Challenge:
Several users note that simple add-to-cart links overwrite existing quantities instead of incrementing them. A suggested workaround involves using conditional logic to check if products exist in cart, then switching between add.js and change.js methods.

App Recommendations:
Multiple participants suggest apps including PickyStory, Gifter: Auto Add to Cart, MultiVariants - Bulk Order, MultiATC-Buy Button Anywhere, and various upsell/cross-sell tools.

Status: Discussion remains open with various approaches proposed but no definitive resolution on the increment vs. update issue.

Summarized with AI on October 29. AI used: claude-sonnet-4-5-20250929.

What step do I need to take to input those codes?