Kapitel 03
Inhalte und Produkte im CMS
Alles, was sich wiederholt, liegt im CMS: Produkte, Kategorien, Journal-Beiträge. Du änderst es dort an einer Stelle, und alle Seiten passen sich an.
Wo die Inhalte liegen
Öffne im Editor links den Bereich „CMS“. Ein Shop-Template bringt mehrere Sammlungen mit, zum Beispiel:
| Sammlung | Inhalt | Wo sie erscheint |
|---|---|---|
| Products | ein Eintrag pro Produkt | Shop, Produktseite, Startseite |
| Categories | Kategorien oder Kollektionen | Filter im Shop, Kollektionsseiten |
| Journal | Beiträge, Rezepte, Neuigkeiten | Journal und Startseite |
Die genauen Namen hängen vom Template ab.
Ein Produkt anlegen
Am schnellsten geht es, wenn du ein bestehendes Demo-Produkt kopierst und abänderst. So bleiben alle Felder richtig ausgefüllt.
- Öffne die Sammlung Products und wähle ein Demo-Produkt aus.
- Dupliziere es (Rechtsklick auf den Eintrag).
- Ändere Name, Beschreibung und Preis.
- Ersetze die Bilder. Nimm dasselbe Format wie die Demo-Bilder, dann bleibt das Raster ruhig.
- Prüfe den Slug. Er bestimmt die Adresse der Produktseite, zum Beispiel
/shop/mango-chews. Nur Kleinbuchstaben, Zahlen und Bindestriche. - Wähle die passende Kategorie, falls das Template eine hat.
- Veröffentliche die Website („Publish“, dann „Update“).
Preise: Anzeige und Kasse
Das Feld Preis im CMS ist der Preis, den Besucher auf der Seite sehen. Bezahlt wird im Checkout aber der Preis, der in deinem Stripe-Konto hinterlegt ist. Damit beide gleich sind, überträgt das Checkout-Plugin deine CMS-Preise nach Stripe (Produkte abgleichen).
Dabei füllt das Plugin das Feld Stripe Price ID (Werte wie price_1Q…). Dieses Feld änderst du nie von Hand. Dasselbe gilt für Stripe Variant IDs.
Varianten, Abos und Ausverkauft
Die Sammlung Products hat dafür eigene Felder. Wie du sie ausfüllst, steht im Kapitel Produkte abgleichen:
- Variants: Grössen oder Packungen mit eigenem Preis, zum Beispiel
1 Bag = 4.90; 3 Bags = 13.50. - Billing Interval: One-time, Week, Month oder Year. Alles ausser One-time macht das Produkt zum Abo.
- Sold Out: Schalter für nicht lieferbare Produkte.
- Stripe Variant IDs: füllt das Plugin, wie Stripe Price ID.
Bilder
- Gute Produktbilder sind der grösste Hebel für einen Shop. Fotografiere vor ruhigem Hintergrund und im gleichen Licht.
- Framer verkleinert und komprimiert Bilder selbst. Lade sie in guter Qualität hoch (etwa 2000 px an der langen Seite reichen).
- Fülle bei jedem Bild den Alt-Text aus: eine kurze Beschreibung, was zu sehen ist. Das hilft Menschen mit Screenreader und der Suche bei Google.
Journal und weitere Seiten
Journal-Beiträge legst du genauso an wie Produkte. Texte auf festen Seiten (Über uns, Versand, FAQ) änderst du direkt im Editor: Doppelklick auf den Text.