Formulare sind unerlässlich, um Benutzerdaten auf Ihrer Website zu sammeln. Das Easy Form Builder-Plugin bietet ein leistungsstarkes HTML-Element zur Erstellung benutzerdefinierter Formulare. In dieser Anleitung erfahren Sie Schritt für Schritt, wie Sie das HTML-Element effektiv zur Anpassung Ihrer Formulare verwenden.

Schritt 1: Ein neues Formular erstellen

Melden Sie sich zunächst in Ihrem WordPress-Dashboard an:

1. Navigieren Sie zum Menü Easy Form Builder.
2. Klicken Sie auf die Schaltfläche „Erstellen“.
3. Erstellen Sie ein neues Formular.

Schritt 2: Das HTML-Element zum Formular hinzufügen

Als nächstes fügen Sie das HTML-Element hinzu:

1. Suchen Sie im Seitenmenü des Form Builder das HTML-Element.
2. Ziehen Sie dieses Element per Drag-and-Drop in Ihr Formularlayout.

Schritt 3: Das HTML-Element bearbeiten

Passen Sie Ihren HTML-Inhalt an:

1. Klicken Sie auf das von Ihnen hinzugefügte HTML-Element.
2. Klicken Sie auf das grüne Zahnradsymbol , das erscheint.

Schritt 4: Ihren HTML-Code einfügen

Nun geben Sie Ihren benutzerdefinierten HTML-Code ein:

1. Fügen Sie im Popup-Fenster Ihren HTML-Code in das Feld „Code“ ein.
2. Wichtig: Nur das class-Attribut ist für Ihre HTML-Tags zulässig. Die Verwendung anderer Attribute (wie id, style usw.) kann dazu führen, dass das Formular nicht ordnungsgemäß funktioniert.

Korrektes Beispiel:

<div class="custom-form-class">
   Dies ist ein Beispieltext zur Anzeige im Formular.
</div>

Wichtige Tipps zur Verwendung von HTML im Easy Form Builder

• Verwenden Sie immer benutzerdefinierte Klassen (Custom Classes).
• Vermeiden Sie die Verwendung nicht zugelassener Attribute.
• Schreiben Sie sauberen und gut lesbaren HTML-Code, um Fehlerbehebungen zu erleichtern.

Zusammenfassung

Die Verwendung des HTML-Elements im Easy Form Builder verbessert die Anpassungsmöglichkeiten Ihrer Formulare erheblich. Wenn Sie diese Anweisungen befolgen, können Sie mühelos ansprechende und funktionale Formulare erstellen.