Charm-KonfiguratorSchmuck2026-11-06·Aktualisiert 2026-11-07·6 Min. Lesezeit

So bauen Sie einen Charm-Armband-Konfigurator in Shopify

Charm-Armband oder Build-a-Box in Shopify umsetzen: Charms rasten an der Kette ein, Preis je Charm, Gruppen nach Kategorie und Bestand je Charm.

Konfigurator für ein individuelles Charm-Armband mit fünf Himmels-Charms an einer goldenen Kette und einem Raster mit auswählbaren Charms
💡

Kurz gesagt: Für ein Charm-Armband mit Podifai nutzen Sie einen Image Swatch für die Kette und einen zweiten Image Swatch für die Charms, mit aktivierter Mehrfachauswahl und Menge je Option. Geben Sie dem Charm-Swatch im Modus Drag & snap je Platz an der Kette eine Position in der Live-Vorschau, sodass jeder hinzugefügte Charm auf dem nächsten freien Platz einrastet. Versehen Sie jeden Charm mit einem Preis, ordnen Sie die Charms in Gruppen mit Suchleiste und verknüpfen Sie sie mit Shopify-Varianten, um den Bestand zu verwalten. Dieselbe Einrichtung eignet sich für eine Pralinen- oder Geschenkbox. Starten Sie mit der Vorlage Custom Charm Bracelet. Alle hier genutzten Funktionen sind im Free-Tarif enthalten.

Was sehen Kunden?

  1. Auf Customize klicken und die Kette wählen: Gold (+$25.00) oder Silver.
  2. Charms nach Kategorie (Celestial, Flowers & Plants, Love & Luck) durchsuchen oder per Namen suchen.
  3. Bei einem Charm auf Add tippen. Er rastet auf dem nächsten freien Platz der Kette ein, und sein Preis wird addiert.
  4. Mit + und − denselben Charm doppelt hinzufügen oder entfernen. Ein Zähler zeigt, wie viele der 7 Plätze belegt sind.
  5. Nicht vorrätige Charms sind ausgegraut. Gefällt das Armband, in den Warenkorb legen.
Ein Kunde wechselt zwischen Silber und Gold und fügt Charms aus drei Kategorien hinzu, bis alle 7 Plätze belegt sind.
Mobiler Charm-Konfigurator mit Marienkäfer-, Doppelherz-, Schleifen- und Kometen-Charm an einer goldenen Kette, der Tab Love & Luck ist geöffnet
Mobil: Kunden filtern nach Kategorie und sehen, wie jeder Charm an der Kette erscheint.

Probieren Sie es selbst am Live-Demoprodukt aus.

Was brauchen Sie vor dem Start?

1. Podifai installieren und App-Embed aktivieren

Installieren Sie Podifai aus dem Shopify App Store, öffnen Sie dann Online Store > Themes > Edit theme > App embeds und aktivieren Sie Podifai Customizer. Siehe Enable App Embed.

2. Kette und alle Charms auf dieselbe Weise fotografieren

Sie brauchen ein Foto der leeren Kette von oben und jeden Charm als freigestelltes, transparentes PNG im gleichen Maßstab, mit der Öse oben, damit er natürlich hängt. Einheitliches Licht ist hier wichtiger als hohe Auflösung. Siehe Image & Asset Requirements.

3. Entscheiden, wie Sie den Charm-Bestand verwalten

Sind die Charms gezählter Bestand, legen Sie sie zuerst als Shopify-Produkte oder -Varianten an (der Demo-Shop hat ein Produkt „Celestial - Cloud & Moon Charm“). Podifai kann den Bestand dieser Variante dann abbuchen, wenn ein Armband verkauft wird.

Charms als Shopify-Produkte oder als Podifai-Optionen?

Jeder Charm ist ein Podifai-Optionswert mit eigenem Bild und Preis, denn ein Armband kann beliebig gemischte Charms tragen. Nur der Bestand spricht dafür, zusätzlich Shopify-Produkte anzulegen:

Ihre SituationEmpfehlungDas bringt es Ihnen
Charms werden auf Bestellung gefertigt oder der Bestand wird nicht verwaltetNur Podifai-WertePreis je Charm, keine zusätzlichen Shopify-Produkte
Charms sind gezählter BestandPodifai-Wert, verknüpft mit einer Shopify-Variante (wie bei Cloud & Moon)Der Bestand wird bei dieser Variante abgebucht, ausverkaufte Charms werden ausgegraut
Das Kettenmaterial verändert den GrundpreisPodifai Image Swatch mit Preis (wie im Demo-Shop)Gold kostet $25 mehr als der Produktpreis

Verknüpfter Bestand wird abgebucht, sobald Shopify die Bestellung anlegt. Bei stornierten oder erstatteten Bestellungen wird er nicht automatisch zurückgebucht.

Wie richten Sie es am schnellsten ein?

Podifai enthält eine fertige Vorlage Custom Charm Bracelet mit denselben zwei Optionen, 30 Charms, drei Gruppen und sieben Kettenpositionen. Öffnen Sie Templates > Podifai Templates, suchen Sie Custom Charm Bracelet, klicken Sie auf Copy to Product, wählen Sie Ihr Produkt und klicken Sie auf Apply (oder auf Override, das vorhandene Podifai-Optionen ersetzt). Tauschen Sie dann Kettenfoto und Charm-Bilder aus, tragen Sie Ihre Preise ein und speichern Sie. Passen Sie die sieben Positionen an, wenn Ihr Kettenfoto anders geformt ist.

Podifai-Seite Templates mit der Vorlage Custom Charm Bracelet und dem Button Copy to Product

Welche Optionen brauchen Sie?

Der gesamte Konfigurator besteht aus 2 Podifai-Optionen an einem Shopify-Produkt:

OptionPodifai-TypWichtige EinstellungenPreis
MaterialImage SwatchFoto der goldenen oder silbernen Kette, Vorschauebene in voller Größe+$25 für Gold
Choose CharmsImage SwatchMehrere Werte, Menge je Option, maximal 7 insgesamt, 3 Gruppen, 7 Einrastpositionen+$35 bis +$45 je Charm

So richten Sie es in Podifai ein, Schritt für Schritt

Diese Schritte entsprechen dem Live-Demoprodukt. Rote Rahmen markieren, was Sie ändern, und die Nummern folgen der Reihenfolge im Text des Schritts.

Schritt 1: Zwei Image Swatches hinzufügen

Öffnen Sie das Produkt im Podifai-Editor, klicken Sie links auf das Menüsymbol und fügen Sie unter Option Type zwei Image Swatches hinzu: einen namens Material für die Kette und einen namens Choose Charms. Geben Sie jedem Material-Wert sein Kettenfoto und aktivieren Sie Live customizer in einer Größe, die die Vorschau ausfüllt.

Menü Option Type im Podifai-Editor mit hervorgehobenem Image Swatch

Schritt 2: Kunden mehrere Charms wählen lassen

Wählen Sie Choose Charms. Aktivieren Sie Allow multiple option values und dann Allow quantity per option. Setzen Sie unter Quantity per option die Max quantity auf 7, damit sich ein Charm wiederholen lässt, und unter Total quantity die Max total quantity auf 7, die Zahl der Plätze an der Kette. Lassen Sie Min total quantity auf 1, damit niemand eine leere Kette bestellt.

Image-Swatch-Einstellungen mit mehreren Werten, Menge je Option, Max quantity 7 und Max total quantity 7
1. Allow multiple option values · 2. Allow quantity per option · 3. Bis zu 7 Stück je Charm · 4. Bis zu 7 Charms insgesamt

Schritt 3: Charms in Kategorien gruppieren

Aktivieren Sie unter Option values die Funktion Group options und legen Sie je Kategorie eine Gruppe an (Celestial, Flowers & Plants, Love & Luck). Fügen Sie jeden Charm mit seinem Bild und einem festen Aufpreis in seine Gruppe ein. Lassen Sie Show "All" tab und Show search bar aktiviert, damit Kunden alles durchstöbern oder per Namen suchen können.

Option values mit aktiviertem Group options, drei Gruppen und der Liste der Celestial-Charms
1. Group options aktivieren · 2. Eine Gruppe je Kategorie · 3. Charms in dieser Gruppe

Schritt 4: Charms an der Kette einrasten lassen

Öffnen Sie den Tab Live Preview. Wählen Sie unter Multiple position die Option Drag & snap, legen Sie dann je Platz an der Kette eine Position an (7 im Demo-Shop) und stellen Sie für jede Width/height, X-Axis, Y-Axis und Rotate ein, damit die Charms entlang der Kurve hängen. Der erste Charm belegt Position 1, der nächste Position 2, und Kunden können einen Charm auf einen anderen Platz ziehen.

  • Drehen Sie die seitlichen Positionen entlang der Kette, im Demo-Shop etwa −45° und 45°.
  • Wählen Sie stattdessen Drag freely, wenn Charms überall sitzen dürfen, etwa an einem Schlüsselring.
Live Preview im Modus Drag & snap mit mehreren Positionen und rund um das Armband platzierten Charms
1. Modus: Drag & snap · 2. Eine Position je Platz · 3. Charms rasten an der Kette ein

Schritt 5: Bestand für gezählte Charms verwalten

Klicken Sie einen Charm an, um Edit option value zu öffnen. Stellen Sie Track inventory auf Linked to a variant und wählen Sie die Shopify-Variante des Charms. Ist er ausverkauft, wird der Charm im Shop deaktiviert (oder ausgeblendet, je nach Global Settings > Out-of-stock options).

Charm-Wert mit Track inventory, verknüpft mit einer Shopify-Variante, Bestand 0
1. Track inventory: Linked to a variant · 2. Die Shopify-Variante wählen

Schritt 6: Dieselbe Einrichtung für eine Geschenkbox nutzen

Das Demo-Produkt Custom Chocolate Box folgt demselben Prinzip: ein Dropdown für die Boxgröße und einen Image Swatch für Pralinen, mit einer Einrastposition je Fach und einer Max total quantity, die der Zahl der Fächer entspricht (9 bei einer 3×3-Box). Fügen Sie eine Condition hinzu, damit je Boxgröße der passende Sorten-Swatch erscheint. Klicken Sie auf Save und testen Sie in Ihrem Shop.

Editor der Custom Chocolate Box mit Pralinen, die in einer 3-mal-3-Box einrasten, und einer Position je Fach

Was passiert im Warenkorb und nach der Bestellung?

Shopify-Warenkorb auf dem Smartphone mit dem Charm-Armband, dem Material Gold und vier Charms
Die Warenkorbposition führt die Kette und jeden Charm auf, mit dem fertigen Armband als Vorschaubild.
Podifai-Orders-Bereich zur Bestellung des Charm-Armbands mit der Vorschau des goldenen Armbands mit vier Charms, den Zeilen Material und Choose Charms und dem Live-Preview-Bildlink
Die Bestellung zeigt das fertige Armband sowie die gewählte Kette und die gewählten Charms.
  • Material und jeder Charm (bei Wiederholungen mit Angaben wie „x2“) werden als Eigenschaften der Bestellposition gespeichert.
  • Der Preis jedes Charms wird beim Checkout auf dieselbe Position gerechnet, das Armband ist in der Bestellung also ein Produkt.
  • Verknüpfter Charm-Bestand wird abgebucht, sobald die Bestellung angelegt wird.
  • Ein Link zur fertigen Vorschau zeigt genau, wo jeder Charm an der Kette sitzt.

Fehlerbehebung

Charms stapeln sich an einer Stelle

Der Charm-Swatch hat nur eine Position. Fügen Sie im Tab Live Preview unter Multiple position je Platz eine Position hinzu. Siehe Charm builder.

Kunden können mehr Charms hinzufügen, als an die Kette passen

Setzen Sie Max total quantity auf die Zahl der Positionen. Max quantity begrenzt nur die Wiederholungen eines einzelnen Charms.

Ein Charm wird als nicht verfügbar angezeigt

Die verknüpfte Shopify-Variante ist ausverkauft. Füllen Sie die Variante wieder auf oder stellen Sie Track inventory zurück auf Not tracking inventory. Siehe Inventory & Variants.

Verkaufstipps

  • Mit einem vorbefüllten Beispiel starten. Legen Sie einen Charm als Standard fest, damit das Armband nie leer ist, und verwenden Sie ein gestyltes Armband als Hauptfoto des Produkts.
  • Charms in Preisstufen anbieten. Die meisten Shops arbeiten mit zwei oder drei Charm-Preisen ($35, $40, $45 im Demo-Shop) statt mit lauter einzelnen Preisen. So bleibt die Summe leicht nachvollziehbar.
  • Gruppen als Geschenkthemen nutzen. Gruppen wie Love & Luck dienen zugleich als Geschenkideen. Benennen Sie sie nach Anlässen, wenn das zu Ihren Kunden passt.

Was können Sie mit dieser Einrichtung noch verkaufen?

Derselbe Swatch mit Mehrfachauswahl und Einrastpositionen eignet sich für jedes Produkt, das aus einzelnen Teilen entsteht:

  • Pralinen-, Macaron- und Keksboxen
  • Halsketten und Fußkettchen mit Charms
  • Patch-Jacken und Pinnwände
  • Schlüsselanhänger und Taschenanhänger
  • Geschenksets und Bundles zum Selbstzusammenstellen

Häufig gestellte Fragen

Weitere Podifai-Anwendungsbeispiele

Verwandte Hilfeartikel (auf Englisch)

Bauen Sie diesen Konfigurator in Ihrem Shop

Kostenlos für 3 personalisierte Produkte. Starten Sie mit der fertigen Vorlage und passen Sie an, was Sie brauchen.

Chelsea Tang

Geschrieben von Chelsea Tang, Gründerin von Podifai

Produktdesignerin und Solo-Gründerin. Sie baut Podifai in Melbourne, um DTC-Händlern einen besseren Shopify-Produktkonfigurator zu bieten. LinkedIn