CMS: Eine Texteingabe hinzufügen und einrichten

7 Min. Lesezeit
Füge eine Texteingabe, ein Textfeld oder ein Rich-Text-Feld hinzu, um allgemeine Daten von deinen Nutzern zu erfassen, wie zum Beispiel eine E-Mail-Adresse oder Telefonnummer. Verknüpfe das Textelement mit deiner Sammlung, sodass du jederzeit die gesammelten Informationen speichern und darauf zugreifen kannst.
Screenshot eines Beispiels für Texteingabeelemente und eines „Einreichen“-Buttons.
Bevor du loslegst:
Du musst das CMS (Content Management System) zu deinem Editor hinzufügen, falls du dies noch nicht getan hast.

Schritt 1 | Ein Texteingabeelement hinzufügen und einrichten

Füge eine Texteingabe hinzu, die eine einzelne Zeile für Eingaben verwendet, oder ein Textfeld, das einen größeren Bereich bietet, um mehrere Textzeilen hinzuzufügen. Passe dann die Einstellungen, das Layout und das Design der Eingabe an deine Website an.
Wix Editor
Studio Editor
  1. Klicke auf der linken Seite des Editors auf Hinzufügen .
  2. Klicke auf Eingabefelder.
  3. Klicke auf die Art der Texteingabe, die du hinzufügen möchtest:
    • Texteingabe: Ermögliche Besuchern, Text in einem Feld mit einer einzigen Zeile einzugeben oder zu bearbeiten.
    • Textfeld: Ermögliche Besuchern, Text in einem Feld einzugeben oder zu bearbeiten, das mehrere Eingabezeilen zulässt.
Screenshot, wie ein Texteingabeelement im Wix Editor hinzugefügt wird.
  1. Klicke auf das Texteingabeelement deiner Wahl und ziehe es auf die Seite.
  2. Klicke auf dem Eingabeelement auf Einstellungen und bearbeite Folgendes:
    • Typ: (Nur Texteingabeelemente) Wähle die Art von Informationen aus, die die Texteingabe zulässt:
      • Text: Erlaube alle Zeichentypen in der Eingabe, wie zum Beispiel Namen, Adressen oder andere Informationen, die keinem Muster folgen.
      • Passwort: Verdecke alle Zeichen, die in das Passwortfeld eingegeben wurden.
      • Zahl: Erlaube nur Ziffern in der Eingabe.
      • E-Mail-Adresse: Erlaube nur E-Mail-Adressen. Wenn ein ungültiges E-Mail-Adressformat eingegeben wird, warnt ein Tooltipp den Benutzer.
      • URL: Erlaube nur Webadressen. Wenn ein ungültiges URL-Format eingegeben wird, warnt ein Tooltipp den Benutzer.
      • Telefonnummer:Erlaube alle Zeichentypen in der Eingabe.
    • Feldtitel: Gib einen Titel ein, der über dem Eingabeelement angezeigt wird.
    • Ursprungstext anzeigen: Wähle den Ursprungstext, der in dem Feld angezeigt wird, und gib bei Bedarf den Platzhalter und Standardtext ein.
    • Validierungen: Wähle aus den folgenden Optionen:
      • Feldtyp: Wähle die entsprechenden Optionen aus:
        • Pflichtfeld: Lege fest, dass Besucher vor dem Absenden einen Wert in das Feld eingeben müssen.
        • Nur lesen: Lege das Element so fest, dass nur Inhalte angezeigt werden. Besucher können die Werte nicht bearbeiten, aber sie kopieren.
      • Zeichenbeschränkung festlegen: Aktiviere den Schalter, um Besuchereinreichungen auf eine bestimmte Anzahl von Zeichen zu beschränken und gib dann die maximale Anzahl an Zeichen ein.
      • Mustervalidierung hinzufügen: (Nur Texteingabeelemente) Aktiviere den Schalter und gib Regex-Code ein, um deine eigene Mustervalidierung zur Standardvalidierung des Browsers hinzuzufügen.
      • Fehlermeldungsformat: Wähle aus, wie Fehlermeldungen angezeigt werden: Inline oder Tooltipp.
Screenshot der Bearbeitung der Einstellungen eines Texteingabeelements.
  1. Klicke auf das Symbol für Layout , um die Einrückung, den Abstand, die Textrichtung und die Ausrichtung zu bearbeiten. 
  2. Klicke auf das Symbol für Design , um ein voreingestelltes Design zu wählen. Klicke dann auf Design anpassen, um das Design weiter anzupassen.

Schritt 2 | Die Texteingabe mit dem CMS verknüpfen

Verknüpfe deine Texteingabe mit einem Datensatz, der mit der Sammlung und dem Feld verknüpft ist, in dem du die Einreichungen speichern möchtest. (Falls erforderlich) Lege den Datensatz-Modus und Sammlungsberechtigungen fest. Füge dann einen „Einreichen“-Button hinzu, auf den Besucher klicken müssen, um ihre Eingaben an deine Sammlung zu senden.
Wix Editor
Studio Editor
  1. Klicke in deinem Editor auf das entsprechende Texteingabeelement.
  2. Klicke auf das Symbol für Mit CMS verknüpfen .
  3. Klicke auf das Aufklappmenü Datensatz wählen und wähle einen vorhandenen Datensatz aus, der mit deiner Sammlung verknüpft ist. Alternativ kannst du auf Datensatz hinzufügen klicken. Wähle dann die Sammlung, die du verknüpfen möchtest, gib dem Datensatz einen Namen und klicke auf Erstellen.
  4. Klicke auf das Aufklappmenü Wert verknüpft mit und wähle das Sammlungsfeld aus, in dem du die Texteingabeeinreichungen speichern möchtest.
    Tipp: Wähle Neues Feld hinzufügen, um ein neues Sammlungsfeld hinzuzufügen, in dem die Einreichungen gespeichert werden.
Screenshot einer mit dem CMS verknüpften Texteingabe.
  1. Lege den Datensatz-Modus und die Sammlungsberechtigungen fest:
    1. Klicke auf Datensatzeinstellungen.
    2. Klicke auf das Aufklappmenü Datensatzmodus und wähle Schreiben oder Lesen & schreiben aus.
    3. (Falls erforderlich) Klicke neben Sammlungsberechtigungen auf den Berechtigungstyp und wähle im 1. Aufklappmenü Formulareinreichungen aus. Du kannst auf die zusätzlichen Aufklappmenüs klicken, um die Berechtigungen zu verwalten. Klicke auf Speichern, sobald du die Berechtigungen festgelegt hast.
  2. Erstelle einen „Einreichen“-Button, den Besucher anklicken, um ihre Eingaben einzureichen.