header-logo
placeholder-preview-image
Verbessere deine Kenntnisse mit unseren Tutorials.
Erhalte Tipps für Webdesign, Marketing und mehr.
Erfahre, wie du den organischen Traffic steigerst.
Erstelle eine Website mit unserer Full-Stack-Plattform.
Finde einen Spezialisten, der dir hilft, deine Ziele zu erreichen.
placeholder-preview-image
  1. Start
  2. Deine Website erstellen
  3. Funktionen für Fortgeschrittene
  4. CMS (ehem. Content-Verwaltung)
  5. Fortgeschrittenes Wissen
  6. CMS: Sammlungsinhalte auf deiner Live-Website verwalten

CMS: Sammlungsinhalte auf deiner Live-Website verwalten

20 min
Verwalte die Inhalte deiner Sammlung direkt auf deiner Live-Website, indem du benutzerdefinierte Formulare mit Eingabeelementen erstellst. Dadurch kannst du Informationen von deinen Website-Besuchern sammeln und aktualisieren. So bleibt der Inhalt deiner Website aktuell und du musst nicht auf das Backend zugreifen.

Wenn du zum Beispiel eine Immobilien-Website verwaltest, kannst du Maklern ermöglichen, Immobilienangebote direkt auf der Website einzureichen und zu bearbeiten. Dadurch wird die Aktualisierung der Immobilieninformationen optimiert und es wird sichergestellt, dass deine Angebote immer aktuell und korrekt sind.

Erstelle dafür ein Formular mit Eingabeelementen, um Inhalte von Besuchern zu sammeln. Verknüpfe diese Elemente mit deiner Sammlung, richte interaktive Buttons für Aktionen wie das Einreichen oder Löschen von Daten ein und füge optional Tabellen oder Filter hinzu, um das Benutzererlebnis zu verbessern.
Verwendest du den Studio Editor?
  • Wir haben den Prozess im Studio Editor vereinfacht, wo du eine dynamische Seite zum Verwalten von Elementen hinzufügen kannst. Die dynamische Seite zum Verwalten von Elementen enthält eine vorgefertigte Seite, mit der Mitbearbeiter und Website-Mitglieder Sammlungsinhalte von deiner Live-Website aus verwalten können.
  • Du kannst auch Velo by Wix verwenden, um den Erstellungsprozess von Inhalten in deiner Sammlung zu optimieren. Erfahre, wie du einen Mitgliederbereich erstellst, wo Besucher ihre persönlichen Profile jederzeit einsehen und aktualisieren können.
Screenshot eines Formulars, in dem Besucher Einträge hinzufügen, löschen oder aktualisieren können
Bevor du loslegst:

Schritt 1 | Ein Formular mit Eingabeelementen erstellen

Erstelle benutzerdefinierte Formulare, die deinen Bedürfnissen entsprechen, indem du Eingabeelemente zu deiner Seite hinzufügst. Die Elemente, aus denen dein Formular besteht, akzeptieren Inhalte wie Text- und Datei-Uploads von Besuchern. Deine Sammlung speichert den über das Formular eingereichten Inhalt. Mehr erfahren über das Erstellen eines Formulars mit Benutzereingabeelementen.
Wix Editor
Studio Editor
  1. Öffne deinen Editor.
  2. Öffne die Seite oder den Abschnitt, auf der du ein benutzerdefiniertes Formular erstellen möchtest.
  3. Klicke auf der linken Seite des Editors auf Elemente hinzufügen .
  4. Klicke auf Eingabefelder.
  5. Klicke auf den Eingabeelement-Typ, den du hinzufügen möchtest.
  6. Klicke und ziehe das entsprechende Eingabeelement auf die Seite.
Screenshot, wie Eingabeelemente im Wix Editor hinzugefügt werden.
  1. Klicke auf das hinzugefügte Eingabeelement und wähle Einstellungen.
  2. Fülle die Einstellungen aus. Die Optionen variieren je nachdem, welches Eingabeelement du ausgewählt hast.
  3. (Optional) Klicke auf die Symbole für Layout  und Design , um das Layout oder das Design zu ändern.
  4. Wiederhole die oberen Schritte 3 bis 9, um so viele Eingabeelemente hinzuzufügen, wie du für dein Formular benötigst.

Schritt 2 | Die Eingabeelemente mit deiner Sammlung verknüpfen

Verknüpfe die Eingabeelemente mit einem Datensatz, der mit der Sammlung verknüpft ist, die Besucher auf der Live-Website bearbeiten sollen. Lege den Datensatz-Modus fest, der bestimmt, ob der Datensatz Inhalte aus der Sammlung lesen, Inhalte in die Sammlung schreiben oder beides kann. Lege anschließend die Sammlungsberechtigungen fest, die steuern, welche Rollen Sammlungsinhalte anzeigen, hinzufügen, aktualisieren und löschen können.
Wix Editor
Studio Editor
  1. Klicke in deinem Editor auf eines der Eingabeelemente, das du gerade hinzugefügt hast.
  2. Klicke auf das Symbol für Mit CMS verknüpfen .
  3. Verknüpfe das Element mit einem Datensatz, der mit der Sammlung verknüpft ist, die du auf der Live-Website verwalten möchtest:
    1. (Falls erforderlich) Wähle rechts im Panel Inhalte sammeln aus. 
      Tipp: Wenn du noch keinen Datensatz zur Seite hinzugefügt hast, füge zuerst einen Datensatz hinzu (siehe nächster Schritt) und wähle dann Inhalte sammeln.
    2. Klicke auf das Dropdown-Menü Datensatz wählen und wähle einen Datensatz aus, der mit der Sammlung verknüpft ist, die du auf der Live-Website verwalten möchtest. 
      Hinweis: Wenn deine Seite noch keinen Datensatz hat, klicke auf + Datensatz hinzufügen, um einen hinzuzufügen. 
    3. Klicke auf das Dropdown-Menü Wert verknüpft mit und wähle das Feld aus, an das die Eingabe übermittelt werden soll. Der Feldtyp bestimmt, welche Art von Daten du in dem Feld speichern kannst. 
      Tipp: Um ein neues Sammlungsfeld hinzuzufügen und zu verknüpfen, wähle Neues Feld hinzufügen, gib einen Namen für das Feld ein, wähle den Feldtyp und klicke auf Hinzufügen.
  4. Lege den Datensatz-Modus und die Sammlungsberechtigungen fest:
    1. Klicke auf Datensatzeinstellungen.
    2. Klicke auf das Dropdown-Menü Datensatzmodus und wähle eine Option aus:
      • Schreiben: Der Datensatz kann den Inhalt der Sammlung ändern, aber keine Inhalte daraus lesen, um den Inhalt auf den verknüpften Elementen anzuzeigen.
      • Lesen & schreiben: Der Datensatz kann den Inhalt der Sammlung ändern und lesen, um ihn in den verknüpften Elementen anzuzeigen.
    3. Klicke neben Berechtigungen auf den Berechtigungstyp, um die Sammlungsberechtigungen zu bearbeiten.
    4. Wähle Benutzerdefiniert.
    5. Klicke neben jeder Rolle auf die entsprechenden Kontrollkästchen, um auszuwählen, ob Besucher mit dieser Rolle Sammlungsinhalte von der Live-Website aus anzeigen, hinzufügen, aktualisieren oder löschen können:
      • Admin: Website-Eigentümer und Mitbearbeiter haben immer die Berechtigungen, die Live-Website anzuzeigen, hinzuzufügen, zu aktualisieren und zu löschen. Du kannst die Berechtigungen, die mit dieser Admin-Rolle verbunden sind, nicht ändern.
      • Ersteller von Elementen: Die Berechtigungen dieser Rolle gelten nur für die Elemente, die ein Mitglied selbst erstellt. Beispielsweise kann der Ersteller des Elements nur von ihm erstellte Sammlungselemente anzeigen, hinzufügen, aktualisieren oder löschen.
      • Nur Mitglieder: Diese Rolle gilt nur für Mitglieder deiner Website. Wenn du eine Berechtigung für diese Rolle auswählst, wird auch die Berechtigung für die Rolle „Ersteller von Elementen“ ausgewählt.
      • Jeder: Diese Rolle gilt für jeden, der auf deine Live-Website zugreifen kann. Wenn du eine Berechtigung für diese Rolle auswählst, wird auch die Berechtigung für die Rollen „Nur Mitglieder“ und „Ersteller von Elementen“ ausgewählt.
    6. Klicke auf Speichern.
Screenshot der Einstellung der benutzerdefinierten Sammlungsberechtigungen.
  1. Klicke oben im Datensatzeinstellungs-Panel auf Zurück zum Element, um zu den Verknüpfungsoptionen des Elements zurückzukehren.
  2. (Nur Dropdown-Menü- und Auswahl-Tags-Elemente) Wähle aus, wie du die Auswahlmöglichkeiten verwalten möchtest, aus denen Besucher im Element auswählen können:
    1. Klicke auf den Schalter Optionen aus einer Sammlung anzeigen, um auszuwählen, wo die Auswahlmöglichkeiten des Elements verwaltet werden sollen:
      • Aktiviert: Verwende ein anderes CMS-Sammlungsfeld für die Auswahlmöglichkeiten. Verknüpfe den entsprechenden Datensatz und wähle aus dem Dropdown-Menü Labels und Werte verknüpfen mit die Felder aus, die du verwenden möchtest.
      • Deaktiviert: Klicke auf dem Eingabeelement auf Auswahloptionen verwalten, um die Optionen einzurichten, die Besucher auswählen können. Erfahre mehr über das Verbinden von Dropdown-Eingabeelementen oder Auswahl-Tags.
    2. (Falls aktiviert) Lege für die Sammlung, die du zum Anzeigen der Optionen verwendest, den Datensatz-Modus und die Sammlungsberechtigungen fest:
      1. Klicke unter dem Datensatz, der die Listenoptionen verknüpft, auf Datensatzeinstellungen.
      2. Klicke auf das Dropdown-Menü Datensatzmodus und wähle eine Option aus:
      • Lesen: Der Datensatz kann den Inhalt der Sammlung lesen, um ihn auf den verknüpften Elementen anzuzeigen.
      • Lesen & schreiben: Der Datensatz kann den Inhalt der Sammlung ändern und lesen, um ihn in den verknüpften Elementen anzuzeigen.
    3. Klicke neben Berechtigungen auf den Berechtigungstyp, um die Sammlungsberechtigungen zu bearbeiten.
    4. Wähle die entsprechenden Berechtigungen aus, die es den entsprechenden Personen ermöglichen, Inhalte in der Sammlung anzuzeigen, hinzuzufügen, zu aktualisieren oder zu löschen. Dann klicke auf Speichern. Mehr erfahren über das Festlegen deiner Sammlungsberechtigungen.
Screenshot, wie die Optionen eines Dropdown-Menüs mit einer Sammlung verknüpft werden.
  1. Wiederhole diese Schritte für jedes Eingabeelement deines benutzerdefinierten Formulars.

Schritt 3 | Interaktive Buttons hinzufügen und einrichten

Nachdem Besucher eine Auswahl in den Eingabeelementen getroffen haben, müssen sie auf einen separaten Button klicken, um die Daten einzureichen. Erstelle einen „Einreichen“-Button, indem du ihn mit dem Datensatz verbindest, der mit der Sammlung verknüpft ist, die du bearbeiten möchtest. Lege dann die Klickaktion des Buttons auf „Einreichen“ fest.

Du kannst weitere Buttons für bestimmte Bearbeitungsaktionen hinzufügen, zum Beispiel das Erstellen neuer Elemente, das Zurücksetzen der Auswahl oder das Löschen von Elementen. Damit Besucher durch die angezeigten Elemente blättern können, kannst du Navigationsbuttons „Nächstes/Vorheriges Element“ hinzufügen. Mehr erfahren über die verschiedenen Datensatz-Klickaktionen, die du für Buttons oder Bilder festlegen kannst.
Wix Editor
Studio Editor
  1. Klicke auf der linken Seite des Editors auf Elemente hinzufügen .
  2. Klicke auf Button.
  3. Klicke und ziehe den Button, den du als „Einreichen“-Button verwenden möchtest, auf die Seite. Du kannst einen der folgenden Buttontypen verwenden: Buttonvorlagen, Text- und Symbolbuttons, Symbolbuttons, oder Bildbuttons.
    Tipp: Alternativ kannst du ein Bild hinzufügen und es als deinen „Einreichen“-Button verwenden.
Screenshot, der zeigt, wie ein Button hinzugefügt wird, der als „Einreichen“-Button verwendet wird.
  1. Klicke auf Text & Symbol ändern und gib den Text ein, der auf dem Button angezeigt werden soll (z. B. „Einreichen“).
  2. Klicke auf das Symbol für Mit CMS verknüpfen .
  3. Klicke auf das Aufklappmenü Datensatz wählen und wähle den Datensatz aus, der mit deiner Einreichungssammlung verknüpft ist.
  4. Klicke auf das Aufklappmenü Beim Klicken verknüpfen mit und wähle die Option Einreichen.
  5. (Optional) Füge Erfolgs- und Fehlermeldungen hinzu, die angezeigt werden, wenn Einreichungen erfolgreich übermittelt wurden oder ein Fehler bei der Übermittlung aufgetreten ist:
    1. Klicke auf + Erfolgsnachricht hinzufügen und klicke dann auf + Fehlermeldung hinzufügen.
    2. Klicke und ziehe beide Nachrichten an die gewünschte Stelle. Sie können sich überschneiden, da die Nachrichten nicht gleichzeitig angezeigt werden.
    3. Klicke in jeder Nachricht auf Text bearbeiten, um dem Text der Nachrichten zu bearbeiten.
  6. Wähle den Button und klicke auf das Symbol für Mit CMS verknüpfen . Klicke anschließend auf das Aufklappmenü Wenn erfolgreich, navigieren zu und wähle eine Option:
    • Auf der Seite bleiben: Der Besucher bleibt nach dem Absenden des Formulars auf derselben Seite.
    • Ein Link: Der Besucher wird auf eine andere Seite weitergeleitet, nachdem er das Formular abgeschickt hat. Klicke unter Link wählen auf Auswählen und richte den Link ein.
Screenshot, wie ein Einreichen-Button hinzugefügt wird.
  1. Klicke auf den Button und wähle das Symbol für Design , um das Aussehen deines „Einreichen“-Buttons anzupassen.
  2. Füge weitere interaktive oder Navigationsbuttons hinzu:
    1. Wiederhole die Schritte 1-3 oben, um weitere Buttons hinzuzufügen.
    2. Wähle den entsprechenden Button und klicke auf das Symbol für Mit CMS verknüpfen .
    3. Klicke auf das Dropdown-Menü Datensatz wählen und wähle den Datensatz aus, der mit der Sammlung verknüpft ist, die Besucher bearbeiten können sollen.
    4. Klicke auf das Dropdown-Menü Beim Klicken verknüpfen mit und wähle die Klickaktion für den Button aus (z. B. Neu, Zurücksetzen, Löschen). Mehr erfahren über alle verfügbaren Datensatz-Klickaktionen.
    5. Wiederhole diese Schritte für jeden interaktiven Button, den du benötigst.
    6. Passe Design, Layout und Einstellungen jedes Buttons an.
Screenshot, der zeigt, wie die Klickaktion eines Buttons auf „Löschen“ festgelegt wird.

Schritt 4 | Eine Tabelle hinzufügen, um bestimmte Elemente auszuwählen und zu bearbeiten

Du kannst eine Tabelle hinzufügen, die den Sammlungsinhalt anzeigt, den Besucher bearbeiten werden. Besucher können in die Tabelle klicken, um das Element auszuwählen, das sie bearbeiten möchten, und dann die Eingabeelemente und interaktiven Buttons verwenden, um den Inhalt hinzuzufügen oder zu aktualisieren.

Alternativ kannst du Text und Bilder hinzufügen und sie mit demselben Datensatz wie deine Eingaben verknüpfen. Wenn Besucher auf deine Navigationsbuttons klicken, um durch die Elemente zu blättern, passen sich der verknüpfte Text und die Bilder dynamisch an, um den Inhalt anzuzeigen, den der Besucher bearbeitet.
Screenshot eines Formulars, das eine Tabelle zum Auswählen von Sammlungselementen zum Aktualisieren oder Löschen enthält
Wix Editor
Studio Editor
  1. Öffne deinen Editor.
  2. Klicke auf der linken Seite des Editors auf Hinzufügen .
  3. Klicke auf Liste.
  4. Klicke auf Tabellen.
  5. Klicke und ziehe die Tabelle, die du verwenden möchtest, auf die Seite.
Screenshot, wie du eine Tabelle im Wix Editor hinzufügst.
  1. Klicke auf das Symbol für Mit CMS verknüpfen .
  2. Klicke auf das Aufklappmenü Datensatz wählen und wähle denselben Datensatz aus, den du mit deinen Eingabeelementen verknüpft hast.
  3. Klicke auf die entsprechenden Aufklappmenüs unter Verknüpfungsoptionen, um auszuwählen, welche Sammlungsfelder mit den einzelnen Spalten verknüpft werden.
  4. Deine Tabelle anpassen.
  5. Veröffentliche deine Website, wenn du die Änderungen veröffentlichen möchtest.

Schritt 5 | (Optional) Einen Filter hinzufügen, um nur Elemente anzuzeigen, die Mitglieder erstellt haben

Du könntest die Seite so einrichten, dass jeder die Sammlungselemente sehen kann, aber wenn sich Website-Mitglieder anmelden, können sie nur Elemente anzeigen und aktualisieren, die sie selbst erstellt haben. Auf diese Weise müssen Website-Mitglieder, die sich anmelden, um ihre eigenen Daten zu aktualisieren, nicht durch alle Elemente scrollen, die von anderen Mitgliedern erstellt wurden.

Dazu fügst du einen Datensatzfilter für das Feld Eigentümer (Text) hinzu, der auf ist angemeldet festgelegt ist. Du solltest auch die folgenden benutzerdefinierten Sammlungsberechtigungen festlegen:
  • Ansicht: Jeder
  • Hinzufügen: Nur für Mitglieder
  • Update: Ersteller von Elementen
  • Löschen: Der Ersteller oder Admin des Elements (je nachdem, wer die Elemente löschen soll)
Screenshot der benutzerdefinierten Sammlungsberechtigungen.
Wichtig:
Das Feld Eigentümer (Text) ist nur als Datensatzfilter für Standarddatensätze verfügbar. Bei Datensätzen von dynamischen Seiten ist diese Option nicht verfügbar. Wenn du diese Funktion auf einer dynamischen Seite verwenden möchtest, kannst du einen normalen Datensatz zu der Seite hinzufügen und ihn mit den entsprechenden Elementen verknüpfen. Füge dann den Datensatzfilter des Feldes Eigentümer (Text) zu diesem Standarddatensatz hinzu.
Wix Editor
Studio Editor
  1. Öffne die entsprechende Seite in deinem Editor.
  2. Öffne die entsprechenden Datensatzeinstellungen:
    1. Klicke links auf CMS .
    2. Klicke auf Seitenverknüpfungen verwalten.
    3. Klicke neben dem entsprechenden Datensatz auf das Symbol für Weitere Aktionen und wähle Datensatzeinstellungen.
  3. Klicke unter Filter auf + Filter hinzufügen.
  4. Klicke auf das Dropdown-Menü Feld und wähle unten in der Liste das Feld Eigentümer (Text) aus.
  5. Lasse die Bedingung auf ist und den Status auf angemeldet gesetzt und klicke auf Filter hinzufügen.
Screenshot, wie ein Datensatzfilter für das Feld „Eigentümer“ hinzugefügt wird.
  1. Bearbeite bei Bedarf die Sammlungsberechtigungen:
    1. Klicke in den Datensatzeinstellungen neben Berechtigungen auf die Berechtigungsart.
    2. Wähle Benutzerdefiniert.
    3. Klicke neben jeder Rolle auf die entsprechenden Kontrollkästchen, um auszuwählen, ob Besucher mit der Rolle Sammlungsinhalte auf der Live-Website anzeigen, hinzufügen, aktualisieren oder löschen können.
    4. Klicke auf Speichern.
  2. Veröffentliche deine Website, wenn du die Änderungen veröffentlichen möchtest.

War das hilfreich?

|
In diesem Artikel
  • Schritt 1 | Ein Formular mit Eingabeelementen erstellen
  • Schritt 2 | Die Eingabeelemente mit deiner Sammlung verknüpfen
  • Schritt 3 | Interaktive Buttons hinzufügen und einrichten
  • Schritt 4 | Eine Tabelle hinzufügen, um bestimmte Elemente auszuwählen und zu bearbeiten
  • Schritt 5 | (Optional) Einen Filter hinzufügen, um nur Elemente anzuzeigen, die Mitglieder erstellt haben

War das hilfreich?

|