Erstellen Sie benutzerdefinierte Formulare in WordPress: Eine Schritt-für-Schritt-Anleitung

Mithilfe von Formularen können Sie Informationen von Website-Besuchern sammeln. Ganz gleich, ob Sie ein Konto registrieren, sich auf Ihrer Website anmelden, Ihnen Feedback zu einem Produkt geben, Sie kontaktieren oder einen Newsletter abonnieren: Sie können Daten über Formulare sammeln.

Mit WordPress ist es sehr einfach, Formulare in Ihre Website zu integrieren. Die meisten Themes stellen Ihnen sofort gängige Formulare zur Verfügung, z. B. Anmelde-, Registrierungs- und Kontaktformulare.

Aber das Problem ist, dass Ihnen möglicherweise nicht gefällt, was standardmäßig enthalten ist. Vielleicht möchten Sie ein Tool, das besser zu Ihrem Gesamtthema passt oder zusätzliche Daten sammelt.

In diesem Artikel zeige ich Ihnen, wie Sie schöne Formulare erstellen, die zu Ihrem Theme-Design und Farbschema passen, ohne HTML- oder CSS-Code schreiben zu müssen.

Installieren Sie das WordPress-Mitgliedschaftsformular-Plugin

Sie können Dutzende kostenloser und kostenpflichtiger Plugins verwenden, um benutzerdefinierte Formulare zu erstellen. In diesem Beispiel verwenden wir ein kostenloses Plugin namens Ultimate Member.

Das Beste an diesem Plugin ist, dass es alles für Sie erstellt – Formulare, Seiten, E-Mail-Newsletter und mehr. Es verfügt außerdem über einen äußerst anpassbaren Formularersteller, der unzählige Feldtypen (z. B. Datumsauswahl und Datei-Uploads) sowie Tausende von Symbolen bietet, die in Ihre Formulare eingefügt werden können, um sie auffällig zu machen.

Bevor wir beginnen, müssen Sie zunächst das Plugin installieren. Gehen Sie dazu folgendermaßen vor:

• Melden Sie sich bei Ihrem WordPress-Admin-Dashboard an.
• Navigieren Sie zu Plugins >
Verwenden Sie die Suchleiste, um nach „
• ULTIMATIVE MITGLIEDSCHAFT“ zu suchen
Installieren und aktivieren Sie das Plugin (Optionen im Bild unten hervorgehoben)

Sobald die Installation abgeschlossen ist, finden Sie im Dashboard die Registerkarte „Ultimative Mitgliedschaft“. Navigieren Sie zu

Ultimate Membership > Settings , um alle Optionen anzuzeigen. Benutzerdefinierte Seiten und Newsletter

Wie ich am Anfang dieses Artikels erwähnt habe, hilft Ihnen das Ultimate Member-Plugin dabei, verschiedene Arten von Seiten zu erstellen, die normalerweise auf Ihrer Website erforderlich sind.

Sie können Ihrer Website auch eine Aufforderung zur Newsletter-Anmeldung hinzufügen und die Willkommens-E-Mail (Kontoaktivierungs-E-Mail

) nach Ihren Wünschen anpassen.

Sie können verschiedene Seiten und Formulare über die Registerkarte Aussehen

anpassen. Sehen wir uns nun an, wie Sie ein Formular auf Ihrer Website erstellen.

Formular erstellen

Navigieren Sie zu „Ultimate Members > Forms“ in Ihrem WordPress-Dashboard. Dort sollten Sie die Standardformulare

Anmelden

,

Registrieren, und Profil finden. Sie können eines dieser Formulare bearbeiten oder ein neues von Grund auf erstellen. Klicken Sie in einem beliebigen Formular auf

Bearbeiten

, um den Formularersteller aufzurufen.

Es gibt Felder für Benutzername, Vorname, Nachname, E-Mail-Adresse und Passwort. Bei den ersten vier handelt es sich ausschließlich um Textfelder, während es sich bei „Passwort“ um ein Feld vom Typ „Passwort“ handelt, ähnlich einem Textfeld, jedoch mit maskierter Eingabe.

Sie können neue Felder hinzufügen oder vorhandene Felder anpassen. Um ein vorhandenes Feld anzupassen, klicken Sie einfach auf das Stiftsymbol neben dem Feldnamen. Daraufhin wird ein Schema mit den Felddetails angezeigt.

Hier sehen Sie eine Reihe von Eingabeanpassungsoptionen. Weitere Informationen zu den einzelnen Optionen erhalten Sie, indem Sie mit der Maus über das Fragezeichensymbol über der jeweiligen Option fahren. Daraufhin wird ein Tooltip angezeigt.

Um ein neues Feld hinzuzufügen, klicken Sie auf das Symbol +

unter den anderen Feldern, um den Feldmanager zu öffnen.

Verwenden Sie diese Eingabe, um den Typ auszuwählen, der zu dem passt, was Sie sammeln möchten. Sie können unten auch ein benutzerdefiniertes Feld auswählen, wenn Sie zuvor eines erstellt haben.

Nachdem Sie ein Feld ausgewählt haben, erscheint ein neues Modal, in dem Sie Details zur Eingabe (Titel, Platzhalter usw.) angeben und ein Symbol hinzufügen können. Wenn Sie fertig sind, klicken Sie auf die Schaltfläche „Hinzufügen“, um das Feld zu Ihrem Formular hinzuzufügen.

Um zu sehen, wie Ihr Formular aussehen wird, klicken Sie oben im Formularersteller auf die Schaltfläche Live-Vorschau.

Sie können auch Ränder, Polsterung, Rahmenfarbe, Randradio und mehr hinzufügen. Sie können sogar den Zeileneditor verwenden, um CSS-Klassen mit jeder Eingabe zu verknüpfen (klicken Sie auf das Stiftsymbol unter der Live-Vorschau).

Mit diesen Tools können Sie ganz einfach attraktive Formulare erstellen und diese in Ihr gesamtes Theme-Design integrieren.

Fazit

Während es viele andere Plugins zum Erstellen von Formularen gibt, ist Ultimate Member definitiv eines der funktionsreichsten. Ganz zu schweigen davon, dass es kostenlos ist!

Das obige ist der detaillierte Inhalt vonErstellen Sie benutzerdefinierte Formulare in WordPress: Eine Schritt-für-Schritt-Anleitung. Für weitere Informationen folgen Sie bitte anderen verwandten Artikeln auf der PHP chinesischen Website!