CMS: Ein benutzerdefiniertes Formular mit Eingabeelementen von Aufklappmenüs einrichten

25 Min. Lesezeit
Erstelle benutzerdefinierte Formulare, die es Besuchern ermöglichen, Eingabeelemente von Aufklappmenüs zu verwenden, um ihre Auswahl direkt an deine CMS-CMS zu übermitteln. In diesem Artikel erfährst du, wie du ein Aufklappmenü-Eingabeelement und einen „Einreichen“-Button hinzufügst. Du verbindest beide Elemente mit einem Datensatz, mit dem die Einreichungen von Besuchern in deiner CMS-Sammlung gespeichert werden.

Nachdem du diese Schritte abgeschlossen hast, kannst du dein Formular erweitern, indem du weitere Eingabeelemente hinzufügst und sie mit demselben Datensatz verbindest.
Screenshot eines Aufklappmenü-Eingabeelements, das auf einer Live-Website verwendet wird.
Bevor du loslegst:
Falls du dies noch nicht getan hast, musst du das CMS zu deiner Website hinzufügen.

Schritt 1 | Das Aufklappmenü hinzufügen

Öffne in deinem Editor die Seite, auf der du ein benutzerdefiniertes Formular erstellen möchtest, und füge das Aufklappmenü hinzu.

Wix Editor
Editor X
Studio Editor
  1. Öffne deinen Editor.
  2. Öffne die Seite, auf der du Eingabeelemente hinzufügen möchtest.
  3. Klicke auf der linken Seite des Editors auf Elemente hinzufügen .
  4. Klicke auf Eingabefelder.
  5. Klicke auf Aufklappmenü.
  6. Klicke und ziehe das Aufklappmenü, das du verwenden möchtest.
Screenshot des Aufklappmenüs im Editor.

Schritt 2 | Mit CMS verknüpfen

Verknüpfe dein Aufklappmenü mit einem Datensatz, der mit einer CMS-Sammlung verknüpft ist, in der du die Einreichungen speicherst.

Die Optionen, die im Aufklappmenü angezeigt werden, können manuell hinzugefügt oder Elemente aus einer anderen CMS-Sammlung verwendet werden. Um Elemente aus dem CMS zu verwenden, verbinde das Aufklappmenü mit einem anderen Datensatz, der sich mit einem Feld in einer anderen Sammlung verbindet.

Wix Editor
Editor X
Studio Editor
  1. Klicke in deinem Editor auf das Aufklappmenü, das du gerade hinzugefügt hast.
  2. Klicke auf das Symbol für Mit CMS verknüpfen .
  3. Verbinde einen Datensatz, der mit der Sammlung verknüpft ist, in der du die Einreichungen speicherst:
    • Wenn du keinen Datensatz auf der Seite hast:
      1. Klicke rechts auf + Datensatz hinzufügen. Wähle dann die Sammlung, die du verknüpfen möchtest, gib den Namen des Datensatzes ein und klicke auf Erstellen.
      2. Klicke auf Content sammeln.
    • Wenn du bereits einen Datensatz auf der Seite hast:
      1. Klicke auf Content sammeln.
      2. Klicke auf das Aufklappmenü Datensatz wählen und wähle den entsprechenden Datensatz aus. Alternativ kannst du auf Datensatz hinzufügen klicken, um einen neuen Datensatz zu erstellen, und dann die Sammlung auswählen, die du verknüpfen möchtest. Gib den Namen des Datensatzes ein und klicke auf Erstellen.
  4. Klicke auf das Aufklappmenü Wert verbindet mit und wähle Neues Feld hinzufügen.
    1. Gib einen Feldnamen für das neue Sammlungsfeld ein. 
    2. Wähle den Feldtyp aus dem Aufklappmenü aus. Der Feldtyp bestimmt, welche Art von Daten du in dem Feld speichern kannst.
    3. Klicke auf Hinzufügen
  1. Klicke auf den Schalter Listenelemente verknüpfen, um auszuwählen, wo die Auswahlmöglichkeiten des Elementes verwaltet werden sollen:
    • Aktiviert: Verwende für die Auswahl ein Feld aus einer anderen CMS-Sammlung. Verknüpfe den entsprechenden Datensatz und wähle aus dem Aufklappmenü Labels und Werte verknüpfen mit die Felder aus, die du verwenden möchtest.
    • Deaktiviert: Klicke auf Auswahloptionen verwalten, um die Auswahlmöglichkeiten für das Element separat vom CMS zu erstellen. 

Schritt 3 | Die Datensatz-Modi festlegen

Da Datensätze die Verbindung zwischen deinen Kategorien und Seitenelementen steuern, muss sich jeder Datensatz im richtigen Modus befinden. Wähle für den Datensatz, der mit deiner Sammlung verknüpft ist, den Modus Schreiben. Dadurch kann das Aufklappmenü beim Einreichen „schreiben“, oder zu deiner Sammlung hinzufügen.

Wenn du die Elemente des Aufklappmenüs mit einer anderen Sammlung über einen neuen Datensatz verknüpft hast, sollte der Datensatz automatisch korrekt auf Lesen & schreiben eingestellt sein. Wenn du allerdings einen vorhandenen Datensatz verknüpft hast, musst du diesen auf Lesen & schreiben oder Lesen einstellen. Dadurch kann das Aufklappmenü-Eingabeelement die Elemente aus der Sammlung „lesen“ oder anzeigen, sodass es sie in den Listenoptionen verwenden kann.
Wix Editor
Editor X
Studio Editor
  1. Klicke im Panel auf der rechten Seite unter dem ersten Aufklappmenü Datensatz wählen auf Datensatzeinstellungen. Dieser Datensatz stellt eine Verbindung zu der Sammlung her, in der du die Einreichungen speicherst.
  1. Klicke auf das Aufklappmenü Datensatz-Modus und wähle Schreiben aus.
  1. (Wenn du Listenelemente mit dem CMS verbunden hast) Lege den Modus für den Datensatz fest, der mit den Listenelementen verbunden ist:
    1. Klicke oben im Panel auf Zurück zum Aufklappmenü.
    2. Klicke unter dem Datensatz, der im Abschnitt Listenverknüpfungen ausgewählt wurde, auf Datensatzeinstellungen.
    3. Klicke auf das Aufklappmenü Datensatz-Modus und wähle Lesen oder Lesen & schreiben.
    4. (Optional) Klicke auf + Filter hinzufügen, wenn du einen Filter erstellen möchtest, um bestimmte Elemente von der Auswahlliste auszuschließen.
    5. (Optional) Klicke auf + Sortierung hinzufügen, wenn du die Reihenfolge auswählen möchtest, in der die Elemente in der Auswahlliste angezeigt werden.

Schritt 4 | Sammlungsberechtigungen festlegen

Lege die Berechtigungen für die Sammlung fest, in der du die Einreichungen speicherst. Du kannst aus voreingestellten Berechtigungseinstellungen wie Formulareinreichungen wählen, die es Besuchern ermöglichen, Inhalte hinzuzufügen. Bei Bedarf kannst du die Berechtigungen anpassen, um zu steuern, wer die Sammlungselemente hinzufügen, bearbeiten, anzeigen und löschen kann.
Wix Editor
Editor X
Studio Editor
  1. Klicke auf der linken Seite des Editors auf CMS .
  2. Klicke auf Deine Sammlungen.
  3. Fahre mit der Maus über die Sammlung, um die Einreichungen zu sammeln, und klicke auf das Symbol für Weitere Aktionen .
  4. Klicke auf Berechtigungen & Privatsphäre
Screenshot der Auswahl der Berechtigungen und Privatsphäre-Einstellungen für eine CMS-Sammlung.
  1. Klicke auf das Feld Welche Inhalte möchtest du in dieser Sammlung speichern? und wähle Formulareinreichungen. Bei Bedarf kannst du eine andere Option wählen und auf die Aufklappmenüs klicken, um anzupassen, wer Inhalte anzeigen, hinzufügen, löschen und aktualisieren kann. Erfahre mehr über das Festlegen von Sammlungsberechtigungen.
Screenshot der Einstellungen für Sammlungsberechtigungen und Datenschutz
  1. Klicke auf Speichern.

Schritt 5 | Einen Einreichen-Button erstellen

Du musst Besuchern die Möglichkeit geben, ihre Auswahl zu übermitteln, nachdem sie sie aus dem Aufklappmenü ausgewählt haben. Füge einen Button oder ein Bild hinzu und verbinde ihn mit demselben Datensatz wie deine Einreichungssammlung. Wähle dann als Aktion, die beim Anklicken des Buttons oder Bildes erfolgt, die Option Einreichen. Dadurch kann das Aufklappmenü beim Klicken auf den „Einreichen“-Button ein neues Element in der Sammlung der Einreichungen erstellen oder „schreiben“. 

Wenn du andere Eingabeelemente mit demselben Datensatz verbindest, sendet der „Einreichen“-Button auch die Eingaben an die Sammlung.
Wix Editor
Editor X
Studio Editor
  1. Klicke auf der linken Seite des Editors auf Elemente hinzufügen .
  2. Klicke auf den 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. 
  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 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 auswählen auf Auswählen und richte den Link ein.
  1. Klicke auf den Button und wähle das Symbol für Design , um das Aussehen deines „Einreichen“-Buttons anzupassen.

Schritt 6 | Das Aufklappmenü anpassen

Lege den Titel, den Platzhaltertext und weitere Optionen in den Einstellungen des Aufklappmenüs fest. Passe das Design des Elements im Design-Panel und die Ausrichtung, den Zeichenabstand und den Abstand im Layout-Panel an.
Wix Editor
Editor X
Studio Editor
  1. Klicke in deinem Editor auf das Aufklappmenü.
  2. Klicke auf Einstellungen und bearbeite Folgendes:
    • Feldtitel: Gib einen Titel ein, der oben im Aufklappmenü angezeigt wird.
    • Text beim Laden anzeigen: Wähle aus, welchen Text deine Besucher sehen, bevor sie auf das Aufklappmenü klicken:
      • Keine Inhalte: Besucher sehen ein leeres Feld, bevor sie auf das Aufklappmenü klicken.
      • Platzhaltertext: Verwende deinen eigenen Text im Aufklappmenü (z. B. „Wähle deine Farbe“). Gib den Text in das Feld Platzhaltertext ein. 
      • Element aus dem Aufklappmenü: Zeige ein Element aus dem Aufklappmenü an. Wenn du die Liste mit dem CMS verknüpft hast, ist das angezeigte Element die erste Option, die Besucher aus dem Aufklappmenü auswählen können. Wenn du die Listenelemente nicht mit dem CMS verknüpft hast, klicke auf Element aus deiner Liste wählen, um auszuwählen, welches Element angezeigt werden soll.
      • Automatisch ausfüllen: Klicke auf den Schalter, um festzulegen, was passiert, wenn Besucher etwas eingeben, um im Aufklappmenü zu suchen:
        • Aktiviert: Im Aufklappmenü werden nur Auswahlmöglichkeiten angezeigt, die dem eingegebenen Text entsprechen.
        • Deaktiviert: Alle Auswahlmöglichkeiten werden im Aufklappmenü angezeigt.
    • Aufklappliste — Art: Wähle eine Option:
      • Benutzerdefiniert: Passe das Aufklappmenü im Design-Panel an. Auf Mobilgeräten ist der Listentyp immer auf Browser eingestellt.
      • Browser: Verwende das Standarddesign des Browsers für das Aufklappmenü.
    • Dieses Feld ist: Aktiviere das Kontrollkästchen Pflichtfeld, damit Besucher ein Element aus diesem Aufklappmenü auswählen, bevor ihre Einreichung übermittelt werden kann.
  1. Klicke auf das Symbol für Layout , um die Textausrichtung sowie den Abstand des Elements anzupassen.
  2. Klicke auf das Symbol für Design , um ein voreingestelltes Design zu wählen, und wähle dann Design anpassen, um das Aussehen des Aufklappmenüs weiter anzupassen.
  3. (Optional) Klicke auf das Symbol für Animation , um dem Aufklappmenü eine Animation hinzuzufügen.
Bereit, live zu gehen?
Klicke oben rechts im Editor auf Vorschau, um dein neues benutzerdefiniertes Aufklappmenü auszuprobieren. Wenn dir alles gefällt und perfekt funktioniert, klicke auf Veröffentlichen, um die Änderungen zu veröffentlichen.

Wenn du Sandbox aktiviert hast, synchronisiere deine Sandbox-Sammlung mit der Live-Sammlung, um die Änderungen in der Datenbank zu veröffentlichen.

Häufig gestellte Fragen

Klicke unten auf eine Frage, um Antworten auf die häufigsten Fragen zum Verbinden von Aufklappmenüs mit dem CMS zu erhalten. 

War das hilfreich?

|