HGDE MatchGrid

ZUR DEUTSCHEN VERSION WECHSELN?

What you get

Visual Product Finder
Custom Bundle Builder
Collection-Based Bundles
Smart Product Connections
Dead-End Prevention
Live Preview
Theme Editor Integration
No-Code Setup
Shopify Checkout Discounts*
Analytics & Advanced Styling*

*Features depend on your plan.

THE VISUAL FINDER

Picture by picture to the right product

Turn a large or complex product range into a simple visual journey. Instead of working through filters, menus or endless collections, shoppers answer with pictures and HGDE MatchGrid guides them step by step to the product, collection or page that fits their choices. You decide where every combination leads. The connection matrix keeps even large finders manageable, while the “Any” rule lets one target cover entire groups of combinations without setting up every path individually. HGDE MatchGrid also prevents dead ends: choices that can no longer lead to a valid result are automatically disabled, so shoppers only see paths that actually work. And the finder does more than guide customers. Its statistics show how often it is opened, which choices attract attention and where shoppers leave the journey. That gives you valuable insight into what customers are looking for – and where your assortment or finder may still have gaps. You can even reward shoppers who complete the finder with a dedicated discount. Layout, columns, colours and card styles are controlled directly in the Shopify theme editor. No quiz logic. No AI. No code. Just a visual path from choice to product.

1. Your skin type

2. Your skin tone

3. Which finish?

Choose from different looks, for example:

1. Your skin type

2. Your skin tone

3. Which finish?

WHAT YOU CAN BUILD WITH THE FINDER

The pattern is always the same: a few questions, one product at the end. What changes are the questions – and you write those.

Tech · Device → Model → Accessory
Smartphone, then the model, then a case, a cable or a mount. The shopper lands on the one case that fits their device – not in a collection with two hundred results.

Gifts · Occasion → Recipient → Style
Birthday, for a sister, funny rather than elegant. Three clicks and the gift is there. Shoppers who do not know what they are looking for get the decision made for them.

Pet supplies · Animal → Size → Need
Dog, large, toys. What works for a chihuahua does not work for a german shepherd – the finder asks before the shopper buys the wrong thing.

Fashion · Top → Trousers → Socks
Here the finder becomes a bundle: the shopper puts their own set together and the discount grows with every piece.

Beauty · Skin type → Undertone → Finish
The advice that otherwise only happens in a shop. Three answers replace the question “which shade is mine?”.

Personalised · Product → Design → Colour
Exactly what you see above: first the photo gift, then the template. At the end the right product page opens with the matching design.

Six templates are ready inside the app – each with four steps and six cards, fully illustrated and demo-ready. You swap the texts and images for your own.

BUNDLE CREATOR 1

Turn collections into shoppable bundles

Turn an existing Shopify collection into an interactive bundle without maintaining the products twice. Connect the slider to one or more collections, define your discount tiers and HGDE MatchGrid takes care of the rest. Products are pulled directly from your catalogue. Add something new to the connected collection and it automatically becomes available in the slider as well. Shoppers can browse, select several products and immediately see how their bundle and saving develop before adding everything to the cart in one click. Product information can be opened directly inside the slider, so customers do not have to interrupt their shopping journey. For larger collections, HGDE MatchGrid can keep loading additional products as the shopper browses. The result: your existing catalogue becomes a simple cross-selling experience that encourages customers to discover more products and build a larger basket. Everything shown below is loaded live from this Shopify store.

Build your CelebriDucks bundle

BUNDLE CREATOR 2

Let shoppers build the set that fits them

Some products simply belong together. HGDE MatchGrid lets you turn them into a guided set builder where shoppers choose one item from each category – for example a shirt, trousers and an accessory. Each row can contain products you select manually or pull them automatically from a Shopify collection. You define the discount logic, while your customers concentrate on putting together the combination they actually want. As they build their set, they can immediately see how their selection and saving change. When they are finished, the complete set is added to the cart in one click. The discount is handled through Shopify, keeping the checkout experience familiar and the order easy to understand. Instead of selling a rigid predefined bundle, you give shoppers freedom of choice while still guiding them towards a larger, coordinated purchase.

1. Pick a smartphone

2. Pick a screen protection

3. Pick a charger

4. Pick your smartphone case

Every setting at a glance

Everything you see on this page is set in the Shopify theme editor. No code, no changes to theme files.

Texts
Heading and intro as rich text
Button text, plus a hint before the match on the finder
Show the product name in the button
Show a selection bar below the steps
Show an info button on every card
Override the heading above the category slider
Text alignment: left or centred

Layout
Slider or grid
2 to 8 columns on desktop, 1 to 4 on mobile
Largest card width, 0 to 400 px – four columns with small images and still the full page width
Maximum width of the block, 600 to 1800 px
Block alignment: left, centred or right
Inner spacing, gap between cards, gap between rows
Sliders can rotate on their own, every 2 to 12 seconds

Cards
Nine card styles: plain, outline, soft shadow, glass, pastel, retro, 3D, neon, studio with gradient*
Your own colour for glow and shadow*
Image format 1:1, 4:3 or 3:4, shown whole or filling the area
Card text: on or off, 10 to 20 px, one to four lines, bold, and as H2 to H6
Corner radius 0 to 32 px
Card background, card text colour, selection colour

Button
Background and text colour

*Pro plan. Without Pro the cards stay plain – everything else on this list works in every plan.

Every setting belongs to one block. The same finder or the same bundle can sit on several pages – looking different each time.