Mit dem Formular-Builder können Sie Felder zu jedem benutzerdefinierten Formular auf Ihrer SITE123-Website hinzufügen, duplizieren oder entfernen. In dieser Schritt-für-Schritt-Anleitung sehen wir uns einen gängigen Workflow an: Anmelden, Öffnen der entsprechenden Seite im Editor, Duplizieren eines Textfelds, Löschen des Duplikats und schließlich Hinzufügen eines E-Mail-Felds und Speichern der Änderungen.
Melden Sie sich bei Ihrem SITE123-Konto an
• Öffnen Sie die Manager-Anmeldeseite (z. B. https://app.site123-staging.com/manager/login ).
• Geben Sie die E-Mail-Adresse und das Passwort Ihres SITE123-Benutzers ein und klicken Sie auf Anmelden .
Öffnen Sie den Website-Editor
• Nach erfolgreichem Login werden Sie automatisch zum Webseiten-Assistenten des von Ihnen gewählten Projekts weitergeleitet.
Gehen Sie zu der Seite, die das Formular enthält
• Klicken Sie in der oberen Leiste auf Seiten .
• Suchen und wählen Sie in der Liste die Seite aus, deren Modul-ID mit dem Formular übereinstimmt, das Sie ändern möchten (im Beispiel lautet die Modul-ID 682f14300ed8b ).
Bearbeiten des Formulars
• Die Seite wird in einem Iframe namens moduleItemsIframe geladen.
• Bewegen Sie den Mauszeiger über das Textbereichselement und klicken Sie auf das Bearbeiten- Symbol (Bleistift).
• Das Fenster mit den Feldeinstellungen wird geöffnet. Klicken Sie auf „Speichern/Schließen“ , um das Fenster ohne Änderungen zu verlassen.
Duplizieren Sie das Textbereichsfeld
• Bewegen Sie den Mauszeiger erneut über denselben Textbereich und klicken Sie auf das Symbol „Kopieren “. Ein geklontes Feld wird direkt unter dem Original angezeigt.
Löschen Sie den duplizierten Textbereich
• Bewegen Sie den Mauszeiger über den geklonten Textbereich und klicken Sie auf das Symbol „ Entfernen “ (Papierkorb). Bestätigen Sie den Löschvorgang im Popup-Fenster.
Hinzufügen eines E-Mail-Felds
• Klicken Sie in der linken Spalte der verfügbaren Elemente auf E-Mail-Feld .
• Das Feld wird in das Formular eingefügt. Aktivieren oder deaktivieren Sie Validierungen nach Bedarf (z. B. machen Sie sie erforderlich), indem Sie auf das Kontrollkästchensymbol klicken.
Speichern Sie das Formular
• Klicken Sie im Formular-Editor auf die grüne Schaltfläche „Speichern“ , um alle Änderungen zu übernehmen.
Veröffentlichen (optional)
• Um das aktualisierte Formular live zu schalten, klicken Sie in der Hauptsymbolleiste des Website-Editors auf „Veröffentlichen“ .
Sie haben ein benutzerdefiniertes Formular erfolgreich bearbeitet: Sie haben sich angemeldet, die entsprechende Seite geöffnet, ein vorhandenes Feld dupliziert und entfernt, ein neues E-Mail-Feld hinzugefügt und die Änderungen gespeichert. Wiederholen Sie diese Schritte, wenn Sie Formularfelder in Ihrem SITE123-Projekt anpassen müssen.
