Want to try it? Every offer runs live on our demo store — store password 1
Install free
Setup guide

Set up ZS Bundles, step by step

Everything between installing the app and your first bundle selling on your store. Written guides you can follow in a few minutes — and every bundle type links to a working demo on our demo store.

Five steps

Your first bundle

Step 2 is done once. After that, every new bundle is only step 4.

  1. Install the app

    Install ZS Bundles from the Shopify App Store. The free plan includes every bundle type, so you can build and test before choosing a plan.

    Open the App Store listing →

  2. Turn it on in your theme

    Open the app. The home page shows a short setup guide: press Turn on in theme, and your theme editor opens with ZS Bundles already switched on. Press Save. That is all — bundles now appear just above the Add to cart button on product pages, in any theme, older themes included.

    ZS Bundles → Home → Turn on in theme → theme editor → Save

    The same switch also shows rewards and one-click extras in your cart and cart drawer, and lists what is inside a bundle line.

  3. Want it somewhere else? Place the block yourself Optional

    To put the offer in a different spot on the product page, use Place the block myself on the app's home page, or add it in the theme editor and drag it where you want. Leave the block's Bundle ID empty — on a product page it finds the right bundle by itself. Where the block is placed, it is used instead of the automatic spot.

    Online Store → Themes → Customize → Products → Default product → Add block → Apps → ZS Bundle → Save

  4. Create a bundle

    In the app, click Create bundle deal and choose a bundle type. The editor has three parts:

    • Products — which products are in the offer, and the saving.
    • Settings — the block title, the discount name shown in the cart and checkout, and who can see it.
    • Style — colours and layout, so the widget matches your store.

    The preview beside the editor shows exactly what customers will see.

  5. Publish, then test it yourself

    Click Publish. Open one of the bundle's products on your store, choose the offer, add it to the cart and go to checkout. The saving should already be taken off — there is no code to enter.

Six types

Pick a bundle type

Choose the one that matches what you want the customer to do.

inventory_2

Fixed bundle

A set list of products sold together at one price.

Use it when products are meant to be used together — a routine, a starter kit, a matching set.

Try the demo → grid_view

Mix & Match

The customer picks their own items from a list you choose.

Use it when customers want to choose — any 3 tees, a box of 6 flavours, a gift box.

Try the demo → stacks

Volume discount

Buy more of the same product, save more.

Use it when people buy the same thing again — supplements, coffee, refills.

Try the demo → package_2

Multipack

A discounted pack of several different products.

Use it when you sell a ready-made pack of different items at a pack price.

Try the demo → redeem

Free gift

Unlock a free item when the order qualifies.

Use it when you would rather reward a bigger order with a gift than with money off.

Try the demo → local_offer

Buy X get Y

Buy a number of items, get others free or discounted.

Use it when "buy 2, get 1 free" is easier to understand than a percentage.

Try the demo →
Landing pages

Show a bundle on a page instead of a product

For a landing page, a gift guide or a build-your-own-box page.

  1. Copy the Bundle ID

    Open the bundle in the app. The ID is in the Settings part of the editor.

  2. Add the block to the page template

    In the theme editor, open the page template and add the ZS Bundle block.

  3. Paste the ID and save

    Paste it into the block's Bundle ID field. On product pages, leave that field empty — the ID is only needed where there is no product to match.

Page builders

Using PageFly or GemPages

Builder pages cannot hold the theme's app block, so the widget goes into the builder's code element.

  1. Turn on the cart embed

    Theme editor → App embeds → switch on ZS Bundles cart.

  2. Add a code element

    PageFly: HTML/Liquid. GemPages: Custom Code. Paste <div class="zs-bundle-slot"></div>

  3. Publish and assign the product

    The bundle for that product loads by itself. On a landing page add data-bundle-id="…" with the ID from the editor.

Before you go live

Good to know

confirmation_number

No discount codes

The saving is applied by Shopify at the cart and checkout. There is no code to share, and nothing to leak.

autorenew

The cart is re-checked

Remove items after adding a bundle and the saving — and any gift it earned — goes with them.

visibility

Keep products published

A bundle that arrives as one cart line needs its product on the Online Store channel. The editor warns you if not.

flag

Start with one offer

Put one bundle on your best seller, check its views and conversions in the app, then add more.

Stuck on a step?

Tell us which step and what you see, and we will help you get it working.

Contact us Full documentation
Featured on Featured on Fazier