CMS: Inhalte aus deiner Sammlung auf der Produktseite eines Shops oder auf den Buchungsseiten anzeigen

14 Min. Lesezeit
Mit dem CMS (Content Management System) kannst du jetzt Inhalte aus deiner Sammlung direkt auf der Produktseite eines Shops oder auf den Buchungsseiten anzeigen. Das gibt dir die Möglichkeit, deine Produkt- oder Serviceeinträge mit zusätzlichen Informationen zu personalisieren und zu verbessern, um so ein besseres Erlebnis für deine Kunden zu schaffen.

Zunächst erstellst du eine Sammlung, die auf deine App-Sammlung von Wix verweist. Hier speicherst du die zusätzlichen Informationen, die du in deine Shop- oder Buchungsseiten integrieren möchtest. Wenn du Wix Bookings verwendest, musst du Velo-Code verwenden, um benutzerdefinierte Buchungsseiten zu erstellen. Richte dann die Datensätze auf deiner Seite ein und verbinde sie mit deinen App-Sammlungen von Wix Stores oder Bookings und deiner CMS-Sammlung „Details“. Verknüpfe anschließend unterstützte Elemente wie Rich Content mit deiner „Details“-Sammlung, um die zusätzlichen Informationen anzuzeigen.

Das kann für dein Online-Business von großer Bedeutung sein. Stell dir vor, du bist die Inhaberin einer Bäckerei, die Kunden einen tieferen Einblick in deine Produkte geben möchte. Mit diesem Prozess kannst du ganz einfach zusätzliche Details direkt auf der Produktseite hinzufügen, zum Beispiel die Hintergrundgeschichte eines Produkts oder bestimmte Pflegeanweisungen.
Bevor du loslegst:

Schritt 1 | Eine Sammlung erstellen, die auf deine App-Sammlung von Wix verweist

  1. Du musst eine (Standard-)Sammlung mit mehreren Elementen erstellen, wo du die zusätzlichen Informationen speicherst, die du in deine Shop-/Buchungsseiten integrieren möchtest.
  2. Klicke auf + Element hinzufügen, um Elemente für jedes Produkt oder jeden Service hinzuzufügen, zu denen du zusätzliche Details speichern möchtest.
  3. Klicke auf + Feld hinzufügen, um Felder für jede Art von Inhalt hinzuzufügen, die du speichern möchtest (z. B. Rich Content).
  4. Klicke auf die entsprechenden Zellen, um jedem Element deinen Inhalt hinzuzufügen.
  5. Füge einen Referenzfeldtyp hinzu und verknüpfe ihn mit der entsprechenden App-Sammlung von Wix Stores oder Bookings:
    1. Klicke auf Felder verwalten und dann auf + Feld hinzufügen.
    2. Wähle Referenz und klicke auf Feldtyp auswählen.
      Tipp: Wähle das Multi-Referenzfeld, wenn du den Inhalt eines Elements für mehr als ein Produkt oder einen Service verwenden möchtest.
    3. Gib den Feldnamen ein.
    4. (Nur Velo) Aktualisiere bei Bedarf die Feld-ID, die im Code der Website verwendet wird. Du kannst diese ID später nicht aktualisieren.
    5. Klicke auf das Aufklappmenü Referenzierte Sammlung und wähle die entsprechende App-Sammlung von Wix aus. Wähle zum Beispiel Produkte unter Stores oder Services unter Bookings aus.
    6. (Optional) Gib einen Hilfetext ein, um in deiner Sammlung neben dem Feldnamen einen Tooltipp einzufügen.
    7. Klicke auf Speichern.
  1. Klicke für jedes Element auf das Referenzfeld und wähle das entsprechende Produkt oder den Service aus. Du kannst mehrere Produkte oder Services auswählen, wenn du im vorherigen Schritt ein Multi-Referenzfeld hinzugefügt hast.

Schritt 2 | (Nur Wix Bookings) Individuelle Buchungsseiten erstellen

Wenn du mehr Details aus deiner CMS-Sammlung zu deiner Buchungs- oder Kalenderseite hinzufügen möchtest, musst du diese in benutzerdefinierte Seiten umwandeln. Dazu musst du Code hinzufügen und die Velo-APIs verwenden. Du musst nur Buchungsseiten konvertieren, denen du weitere Details aus einer CMS-Sammlung hinzufügen möchtest.

Klicke unten auf den entsprechenden Link und folge den Schritten, um deine individuelle(n) Buchungsseite(n) zu erstellen:

Schritt 3 | Die Datensätze auf deiner Seite einrichten

Du benötigst zwei Datensätze auf deiner Seite, einen, der mit deiner App-Sammlung von Wix Stores oder Wix Bookings verbunden ist, und einen, der mit deiner CMS-Sammlung „Details“ verbunden ist.

  • Datensatz der App-Sammlung von Wix: Dieser liest Inhalte, die in deiner „Wix Stores“- oder „Wix Bookings“-App gespeichert und verwaltet werden, zum Beispiel Produkte und Services. Füge diesem Datensatz einen URL-Slug-Filter hinzu. Du kannst unterstützte Elemente mit dem Datensatz verknüpfen, um Inhalte aus Wix Stores oder Wix Bookings anzuzeigen.
  • Datensatzdetails: Dieser liest die zusätzlichen Inhalte, die du über deine Produkte oder Services aus deiner eigenen CMS-Sammlung gespeichert hast. Füge dem Datensatz einen Filter hinzu, der dein Referenz- oder Multi-Referenzfeld filtert. Verknüpfe Elemente wie Rich Content mit diesem Datensatz, um die zusätzlichen Inhalte anzuzeigen, die du zu deiner CMS-Sammlung „Details“ hinzugefügt hast.

Wix Stores | Datensätze auf deiner Produktseite einrichten

Wix Editor
Studio Editor
  1. Öffne deinen Editor.
  2. Öffne deine Produktseite:
    1. Klicke auf der linken Seite des Editors auf Seiten & Menü .
    2. Klicke auf Shop-Seiten und wähle die Produktseite aus.
  3. Füge einen Datensatz hinzu, der mit deiner CMS-Sammlung „Details“ verbunden ist:
    1. Klicke links auf CMS .
    2. Klicke auf Content-Elemente hinzufügen.
    3. Klicke auf Datensatz.
    4. Klicke auf das Aufklappmenü Sammlung auswählen und wähle deine „Details“-Sammlung aus.
    5. Bearbeite bei Bedarf den Datensatznamen und klicke auf Erstellen.
  4. Füge einen Datensatz hinzu, der mit deiner App-Sammlung von Wix Stores verbunden wird:
    1. Klicke unten im Panel auf der rechten Seite auf Datensatz hinzufügen.
    2. Klicke auf das Aufklappmenü Sammlung auswählen und wähle unter Stores die Option Produktkollektion aus.
    3. Bearbeite bei Bedarf den Datensatznamen und klicke auf Erstellen.
  1. Füge deinem Shop-/Produktdatensatz einen URL-Slug-Filter hinzu:
    1. Klicke neben deinem Shop-/Produktdatensatz auf das Symbol für Weitere Aktionen und wähle Datensatzeinstellungen.
    2. Klicke unter Filter auf + Filter hinzufügen.
    3. Klicke auf das Aufklappmenü Feld und wähle Slug (Text) aus.
    4. Lasse als Bedingung die Option „ist“ ausgewählt.
    5. Wähle unter Wertquelle die Option URL-Slug aus.
    6. Klicke auf Filter hinzufügen.
  1. Füge deinem „Details“-Datensatz einen Referenzfilter hinzu:
    1. Klicke oben im Panel Datensatzeinstellungen auf der rechten Seite auf Alle Seitendatensätze.
    2. Klicke neben deinem Datensatz „Details“ auf das Symbol für Weitere Aktionen und wähle Datensatzeinstellungen.
    3. Klicke unter Filter auf + Filter hinzufügen.
    4. Klicke auf das Aufklappmenü Feld, wähle dein Referenzfeld (Produkte) oder Multi-Referenzfeld (Produkte) aus und klicke dann auf Filter hinzufügen.
  1. Füge die gewünschten unterstützten Elemente hinzu, um Details aus deiner CMS-Sammlung „Details“ anzuzeigen. Du könntest zum Beispiel das Rich Content-Element oder eine Pro Gallery hinzufügen.
  2. Du musst nun die Elemente mit den entsprechenden Feldern in deinem „Details“-Datensatz verknüpfen.
  1. Verwende die Vorschau-Symbolleiste, um die Verknüpfungen für die entsprechenden Produkte zu testen.
  2. Veröffentliche deine Website, wenn du die Änderungen veröffentlichen möchtest.

Wix Bookings | Datensätze auf deiner Services- oder Kalenderseite einrichten

Wix Editor
Studio Editor
  1. Öffne deinen Editor.
  2. Öffne die benutzerdefinierte Buchungsseite, auf der du Details aus deiner CMS-Sammlung anzeigen möchtest:
    1. Klicke auf der linken Seite des Editors auf Seiten & Menü .
    2. Klicke auf Buchungsseiten und wähle die entsprechende Seite aus:
      • Individuelle Serviceseite: Diese Seite zeigt Details zu einem einzelnen Service an, wobei jeder Service eine eigene URL-Version der Seite erhält.
      • Individueller Buchungskalender: Nachdem Kunden den Service ausgewählt haben, den sie buchen möchten, wählen sie das Datum und die Uhrzeit aus, zu der sie auf dieser Seite buchen möchten.
  1. Füge einen Datensatz hinzu, der mit deiner CMS-Sammlung „Details“ verbunden ist:
    1. Klicke links auf CMS .
    2. Klicke auf Content-Elemente hinzufügen.
    3. Klicke auf Datensatz.
    4. Klicke auf das Aufklappmenü Sammlung auswählen und wähle deine „Details“-Sammlung aus.
    5. Bearbeite bei Bedarf den Datensatznamen und klicke auf Erstellen.
  2. (Falls du dies noch nicht getan hast) Füge einen Datensatz hinzu, der eine Verbindung zu deiner App-Sammlung von Wix Bookings herstellt:
    1. Klicke unten im Panel auf der rechten Seite auf Datensatz hinzufügen.
    2. Klicke auf das Aufklappmenü Sammlung auswählen und wähle unter Buchungen die Sammlung Services aus.
      Tipp: Wähle die Option Services unter Bookings anstelle unter BookingsV2 aus.
    3. Bearbeite bei Bedarf den Datensatznamen und klicke auf Erstellen.
  1. Füge deinem Services-Datensatz einen URL-Slug-Filter hinzu:
    1. Klicke neben deinem Services-Datensatz auf das Symbol für Weitere Aktionen und wähle Datensatzeinstellungen.
    2. Klicke unter Filter auf + Filter hinzufügen.
    3. Klicke auf das Aufklappmenü Feld und wähle Slug (Text) aus.
    4. Lasse als Bedingung die Option „ist“ ausgewählt.
    5. Wähle unter Wertquelle die Option URL-Slug aus.
    6. Klicke auf Filter hinzufügen.
  1. Füge deinem „Details“-Datensatz einen Referenzfilter hinzu:
    1. Klicke oben im Panel Datensatzeinstellungen auf der rechten Seite auf Alle Seitendatensätze.
    2. Klicke neben deinem Datensatz „Details“ auf das Symbol für Weitere Aktionen und wähle Datensatzeinstellungen.
    3. Klicke unter Filter auf + Filter hinzufügen.
    4. Klicke auf das Aufklappmenü Feld, wähle dein Referenzfeld (Services) aus und klicke dann auf Filter hinzufügen.
  1. Füge die gewünschten unterstützten Elemente hinzu, um Details aus deiner CMS-Sammlung „Details“ anzuzeigen. Du könntest zum Beispiel das Rich Content-Element oder eine Pro Gallery hinzufügen.
  2. Du musst nun die Elemente mit den entsprechenden Feldern in deinem „Details“-Datensatz verknüpfen.
  1. (Falls du dies noch nicht getan hast) Füge Elemente zu deinem Datensatz hinzu und verknüpfe diese, um Details aus deiner App-Sammlung von Wix Bookings anzuzeigen.
  2. Klicke oben rechts auf Vorschau und verwende die Vorschau-Symbolleiste, um die Verknüpfungen für die entsprechenden Services zu testen.
  3. Veröffentliche deine Website, wenn du die Änderungen veröffentlichen möchtest.

War das hilfreich?

|