Was sind HTML-Formulare? Warum brauchen Sie sie?

Ein HTML-Formular ist ein Bereich, der es Benutzern ermöglicht, Daten einzugeben und zu übermitteln. Es wird üblicherweise verwendet, um Benutzerinformationen wie Name, E-Mail-Adresse, Feedback und Bestellinformationen zu erfassen. Im Gegensatz zu WordPress-Formular-Plugins werden HTML-Formulare durch manuelles Schreiben von HTML-Code implementiert, was ihnen mehr Kontrolle und Anpassungsmöglichkeiten bietet. Mit HTML-Formularen haben Sie die Freiheit, Felder wie Textfelder, Kontrollkästchen, Optionsfelder usw. festzulegen sowie das Layout und den Stil des Formulars zu steuern.

Vorteile der Verwendung von HTML-Formularen

1. Leistungsoptimierung: HTML-Formulare sind leichtgewichtiger, schnell ladender Code für Websites mit hohen Leistungsanforderungen.
2. Totale KontrolleHandgeschriebener HTML-Code gibt Ihnen präzise Kontrolle über das Aussehen und die Funktionalität Ihrer Formulare.
3. Flexible Anpassung: HTML-Formulare können flexibel an Ihre Bedürfnisse angepasst werden, ohne die Funktionseinschränkungen eines Plug-ins.

Zwei Möglichkeiten, HTML-Formulare zu WordPress hinzuzufügen

Methode 1: Verwenden Sie das HTML-Formular-Plugin

Für Benutzer ohne Programmierkenntnisse ist die Verwendung eines HTML-Formular-Plugins der einfachste Weg. Wenn Sie das HTML-Formulare Plugin. Dieses Plugin ermöglicht die schnelle Erstellung und Konfiguration von Formularen im WordPress-Dashboard für Benutzer, die sich schnell einrichten möchten.

Schritte:

1. Installation von Plug-InsNavigieren Sie zum Plugin-Repository im WordPress-Dashboard, suchen Sie nach dem Plugin und installieren Sie es. HTML-Formulare Plug-ins.

2. Ein neues Formular erstellen: Nachdem Sie das Plugin aktiviert haben, navigieren Sie zu HTML-Formulare > Neues Formular hinzufügenWenn Sie einen Formularnamen haben, geben Sie den Namen des Formulars ein, z.B. "Beispielformular", und klicken Sie dann auf "Formulare erstellen".

3. Formularfelder konfigurierenAuf der Bearbeitungsseite können Sie dem Formular über Registerkarten Felder wie Text, Datum, Kontrollkästchen usw. hinzufügen. Ordnen Sie Felder neu an und entfernen Sie unerwünschte Felder, um sicherzustellen, dass das Layout des Formulars den Erwartungen entspricht.

4. Buchungsformulare: Nachdem Sie Ihre Änderungen gespeichert haben, verwenden Sie dieKurzcodeFügen Sie das Formular in die Seite oder den Artikel ein, veröffentlichen Sie die Seite, und schon können Sie die Auswirkungen des Formulars im Frontend sehen.

Achtung!HTML-Formulare unterstützen nicht die Integration von E-Mail-Marketingdiensten. Daher muss die E-Mail-Adresse des Benutzers manuell zu Ihrer Mailingliste hinzugefügt werden.

Methode 2: Verwenden Sie WPForms, um benutzerdefiniertes HTML zu WordPress-Formularen hinzuzufügen.

WPForms ist die ideale Wahl für diejenigen, die ihren Formularen eigenen HTML-Code hinzufügen möchten. Obwohl es sich bei WPForms um ein Drag-and-Drop-Formularerstellungsprogramm handelt, können Sie HTML-Code-Schnipsel in das Formular einfügen, um es noch individueller zu gestalten.

Schritte:

1. Installieren Sie das WPForms-PluginSuchen und installieren Sie im WordPress-Plugin-Repository WPForms Plug-ins.

2. Ein neues Formular erstellen: Nachdem Sie das Plugin aktiviert haben, navigieren Sie zu WPForms > Neues Formular hinzufügenWählen Sie die Vorlage "Einfaches Kontakt-Formular".

3. HTML-Feld einfügen: In der Formularerstellung, im linken BereichZiehen und Ablegen (Datenverarbeitung)"HTML"-Feld in das Formular einfügen. In dieses Feld können benutzerdefinierte Codeschnipsel, wie z.B. Tooltips oder spezielle Anweisungen, eingefügt werden.

4. Benutzerdefinierte FormulareinstellungenBenachrichtigung und Bestätigung: Richten Sie Benachrichtigungen und Bestätigungen ein, um sicherzustellen, dass Benutzer nach dem Absenden eines Formulars E-Mail-Benachrichtigungen erhalten können, und zeigen Sie eine benutzerdefinierte Nachricht auf der Bestätigungsseite des Formulars an.
5. Buchungsformulare: WPForms Formulareeinbetten.Seite oder Artikel, aktualisieren Sie die Seite, um live zu gehen.

Hochladen von benutzerdefinierten HTML-Seiten in WordPress

Wenn Sie über eine vollständige HTML-Seite verfügen, z.B. eine statische Vorlage oder eine alte Website-Seite, können Sie diese hochladen, indem Sie die Datei HTML-SeiteZur Anzeige in WordPress. Legen Sie die HTML-Datei und die zugehörigen CSS- und Bilddateien einfach in einem Ordner ab und laden Sie ihn in das WordPress-Stammverzeichnis hoch.