HGDE MatchGrid führt Kunden in wenigen Klicks zum passenden Produkt: Sie wählen Bild für Bild, und am Ende steht, was zusammengehört. So richtest du deinen ersten Finder ein.
Finder einrichten
1. Finder anlegen
Klicke auf „Neues MatchGrid“ und wähle eine Vorlage – Personalisiert, Geschenke, Beauty, Fashion-Set, Zubehör, Genuss oder Tierbedarf – oder starte leer. Jede Vorlage bringt vier Stufen mit je sechs bebilderten Karten mit, sodass du den Finder sofort vorführen kannst.
2. Karten gestalten
Jede Stufe ist eine Reihe Bildkarten. Gib jeder Karte einen kurzen Text und wähle ein Bild aus deinen Shopify-Dateien oder lade eins hoch. Mit den Pfeilen änderst du die Reihenfolge.
3. Kombinationen verbinden
Unter „Ziele“ legst du fest, wohin eine Kombination führt: Produkt, Collection oder Link. „Egal“ deckt ganze Gruppen ab – macht dann aber auch alle Karten dieser Stufe wählbar. Passen mehrere Zeilen, gewinnt die genaueste. Gelöschte, ausverkaufte oder nicht veröffentlichte Ziele markiert die App mit einem Hinweis.
4. Matrix prüfen
Die Verbindungs-Matrix zeigt alles auf einen Blick: ✓ eigenes Ziel, ≈ über „Egal“, + noch offen. Ein Klick auf + legt die fehlende Zeile an. Karten ohne Ziel werden im Shop ausgegraut – Kunden landen nie im Leeren.
5. Im Shop einfügen
Öffne den Theme-Editor, füge den Block „MatchGrid Finder“ ein und wähle unter „Finder“ deinen Finder aus. Spalten, Farben, Rundungen und Slider oder Raster stellst du dort ein. Speichern – fertig.
Bundles einrichten
1. Bundle anlegen
Unter „Bundles“ eine Vorlage wählen – Fashion-Set, Beauty-Routine, Geschenkset, Genuss-Set, Zubehör-Set, Tierbedarf-Set oder Personalisiert – oder leer starten. Eine Vorlage bringt die Reihen und die Rabattstaffel mit.
2. Produkte je Reihe wählen
Jede Reihe ist eine Auswahl. Klicke auf „Produkte wählen“ und nimm bis zu 12 echte Produkte aus deinem Shop. Bild, Titel, Preis und Varianten kommen automatisch aus Shopify.
3. Staffel festlegen
Lege fest, ab wie vielen Teilen es wie viel Rabatt gibt, zum Beispiel ab 2 Teilen 5 %, ab 3 Teilen 7 %, ab 4 Teilen 10 %. Mit „Mindestens nötig“ bestimmst du, ab wann die Schaltfläche funktioniert.
4. Rabatt einschalten
Der Schalter legt einen automatischen Rabatt in Shopify an. Er gilt im Warenkorb nur für die Produkte, die der Kunde als Set hinzugefügt hat. Ob er mit anderen Rabatten kombinierbar ist, entscheidest du.
5. Im Shop einfügen
Im Theme-Editor den Block „MatchGrid Bundle“ einfügen und dort dein Bundle auswählen. Der Kunde sieht Preise und Ersparnis sofort und legt das Set mit einem Klick in den Warenkorb.
Die drei Bundle-Arten
Welche Art du wählst, entscheidet, wie der Kunde auswählt und wie der Rabatt gerechnet wird. Umstellen kannst du jederzeit.
Reihen
Pro Reihe wählt der Kunde ein Produkt, zum Beispiel Oberteil, Hose und Socken. Die Produkte legst du je Reihe selbst fest – bis zu 24 Stück, in Light bis zu 12.
Kollektionsreihen
Dasselbe Prinzip, aber die Reihe zieht ihre Produkte aus einer Shopify-Kollektion. Du pflegst nur noch die Kollektion, und was du dort hinzufügst, steht automatisch auch im Slider.
Eine Kategorie
Ein einziger Slider, gefüllt aus einer oder mehreren Kollektionen. Der Kunde wählt daraus so viele Produkte, wie er mag, und der Rabatt richtet sich nach der Stückzahl statt nach den Reihen – zum Beispiel ab 3 Teilen 12 % und ab 4 Teilen 20 %. Alles darüber behält die höchste Stufe. Light legt eine Kollektion zusammen, Basic zwei und Pro vier; in Pro lädt der Slider beim Wischen weitere Produkte nach und erreicht so die ganze Kollektion.
Am laufenden Shop arbeiten
Du musst nicht warten, bis alles fertig ist. Einzelne Karten, ganze Reihen und komplette Stufen lassen sich ausblenden: Sie verschwinden aus dem Shop und bleiben in der App erhalten. Die Nummern der übrigen Karten verschieben sich dabei nicht, deine verbundenen Ziele bleiben also gültig. So zeigst du einen Teil schon live und baust am Rest weiter.
Was du im Theme-Editor einstellst
Spalten für Rechner und Handy, Abstände, Farben, Rundungen, neun Kartenstile und die größte Kartenbreite stellst du je Block ein. Derselbe Finder kann auf zwei Seiten deshalb ganz unterschiedlich aussehen. Schaltest du den Infoknopf ein, öffnen Kunden Beschreibung und Preis in einem Fenster über der Seite, ohne den Einkauf zu unterbrechen.
Alles im Zusammenspiel siehst du auf unserer Demoseite.