Heim > CMS-Tutorial > WordDrücken Sie > Erstellen Sie mit einem kostenlosen Plugin ein Kontaktformular in WordPress

Erstellen Sie mit einem kostenlosen Plugin ein Kontaktformular in WordPress

王林
Freigeben: 2023-09-16 23:29:01
Original
1173 Leute haben es durchsucht

Heute besprechen wir das Formidable Forms-Plugin für WordPress, mit dem Sie ganz einfach verschiedene Arten von Formularen erstellen können. Konkret schauen wir uns an, wie Sie mit diesem Plugin ein Kontaktformular für Ihre Website erstellen. Wir werden zunächst die Grundeinstellungen erkunden, die dieses Plugin bietet, und dann ein praktisches Beispiel für die Erstellung eines Kontaktformulars mit diesem Plugin durchgehen.

Als Websitebesitzer möchten Sie möglicherweise Feedback von Ihren Benutzern und Kunden zu Ihren Dienstleistungen einholen, um ihnen einen besseren Service bieten zu können. Daher ist ein Kontaktformular auf Ihrer Website eine der unverzichtbaren Funktionen, um Benutzerfeedback zu sammeln.

Wenn Sie ein WordPress-Entwickler sind oder Websites mit WordPress als Hobby erstellen, wissen Sie bereits, dass WordPress eine Menge Plugins für fast jede erdenkliche Funktion bietet und es schwierig sein kann, sich für ein Plugin zu entscheiden. Für diesen Artikel habe ich eines der besten Formulare in dieser Kategorie ausgewählt: Leistungsstarke Formulare, und ich werde Ihnen in diesem Tutorial zeigen, wie Sie es verwenden.

Für diesen Beitrag verwende ich WordPress 5.1 mit dem Formidable Forms Plugin Version 3.06. Wenn Sie diesem Artikel folgen möchten, empfehle ich Ihnen, ihn zu installieren. Um das Formidable Forms-Plugin zu installieren, müssen Sie lediglich dem Standardinstallationsprozess folgen.

In den nächsten Abschnitten befassen wir uns mit den Grundlagen des Formidable Forms-Plugins und dem Einrichtungsprozess. Anschließend erstellen wir ein reales Beispiel, um die Verwendung des Plugins zu demonstrieren. Gleichzeitig werden wir auch einige wichtige Aspekte des Plugins behandeln, mit dem Sie verschiedene Arten von Formularen erstellen können, die Daten sammeln können, nicht nur Kontaktformulare.

Was ist kraftvolle Form?

Das Formidable Forms-Plugin ist ein leistungsstarkes Formularerstellungs-Plugin, mit dem Sie verschiedene Arten von Formularen erstellen können, um Benutzerinformationen zu sammeln. Es bietet eine Drag-and-Drop-Schnittstelle im Backend, die den gesamten Prozess zum Kinderspiel macht. Tatsächlich können Sie mit diesem Plugin jede erdenkliche Art von Formular erstellen, nicht nur Kontaktformulare.

Werfen wir einen kurzen Blick auf die angebotenen Funktionen:

  • Drag-and-Drop-Kontaktformular-Ersteller und Formular-Builder
  • Unterstützt E-Mail-Benachrichtigungen und automatische Antworten
  • Passen Sie das Erscheinungsbild Ihres Kontaktformulars mit integrierten Stylern an
  • Integration mit MailChimp, Constant Contact, Salesforce und mehr
  • Mobilfreundlich und reaktionsschnell

  • Spam-Schutz
  • Und mehr

Wie Sie sehen, bietet dieses Plugin viele spannende Funktionen, mit denen Sie tolle Formulare auf Ihrer Website erstellen können. Außerdem ist es erweiterbar, was eine wichtige Funktion ist, da es Entwicklern die Möglichkeit gibt, bestimmte Aspekte und das Kernverhalten des Plugins zu ändern.

Im nächsten Abschnitt besprechen wir einige Kernelemente des Plugins, deren Verständnis sehr wichtig ist, wenn Sie das Plugin effektiv nutzen möchten.

Einstellungen erkunden

Nachdem Sie das Formidable Forms-Plugin installiert haben, wird in der linken Seitenleiste ein Link hinzugefügt. Werfen wir einen kurzen Blick auf jeden Abschnitt.

Formular

In diesem Abschnitt können Sie neue Formulare erstellen, vorhandene Formulare bearbeiten und eine Liste der erstellten Formulare anzeigen.

Es bietet drei verschiedene Möglichkeiten, neue Formulare zu erstellen. Mithilfe einer Drag-and-Drop-Oberfläche können Sie ein Formular von Grund auf erstellen. Oder Sie können aus integrierten Formularvorlagen auswählen, um mit der Erstellung eines neuen Formulars zu beginnen. Schließlich können Sie auch Formulare aus XML-Dateien importieren. Unabhängig davon erstellen Sie am Ende ein Formular, das mithilfe von Shortcodes im Frontend angezeigt wird.

Eintritt

Dies ist eine Eintragslistenseite, die alle vom Frontend übermittelten Datensätze auflistet. Es gibt einen Filter, mit dem Sie Datensätze nach Formulartyp filtern können. Zusätzlich zur Liste können Sie Einträge in der Formulardetailansicht im Detail betrachten. Schließlich gibt es eine Löschoption, die Sie verwenden können, wenn Sie alte Datensätze löschen möchten.

Stil

In diesem Abschnitt können Sie verschiedene Formularstile verwalten, die zur Gestaltung des Formulars bei der Anzeige im Frontend verwendet werden können.

Mit Formularstilen können Sie konfigurieren und anpassen, wie verschiedene Elemente Ihres Formulars, wie Formulartitel, Feldbeschriftungen oder Schaltflächen, angezeigt werden. Es ist bereits ein Standardstil verfügbar, den Sie verwenden und entsprechend Ihren Anforderungen anpassen können. Wenn Sie keine Formularstile verwenden möchten, können Sie alternativ Stile deaktivieren und benutzerdefiniertes CSS verwenden.

Import/Export

In diesem Abschnitt können Sie mit diesem Plugin erstellte Formulare importieren und exportieren. Dies ist eine sehr nützliche Funktion, wenn Sie Formulare zwischen verschiedenen WordPress-Installationen verschieben möchten.

Wenn Sie beispielsweise in Ihrem lokalen Setup mehrere Formulare erstellt haben und diese Formulare auf die Live-Site verschieben möchten, werden Sie sie dann auf der Live-Site erneut erstellen? Tatsächlich können Sie diese Formulare einfach im XML- oder CSV-Format exportieren und sie dann mit dieser Funktion in eine Live-Installation importieren. Ich würde sagen, das ist ein Muss!

Globale Einstellungen

In diesem Abschnitt können Sie Einstellungen konfigurieren, die global für alle Formulare gelten. Sie können verschiedene Aspekte dieses Plugins konfigurieren, wie zum Beispiel:

  • Benutzerberechtigungen
  • reCAPTCHA-Einstellungen
  • Standard-Frontend-Nachricht
  • IP-Speicher

Im nächsten Abschnitt bauen wir ein praktisches Beispiel zur Demonstration.

Erstellen Sie Kontaktformulare mit leistungsstarken Formularen

In diesem Abschnitt erstellen wir ein Beispiel aus der Praxis, um zu demonstrieren, wie Sie mit dem Formidable Forms-Plugin ein Kontaktformular auf Ihrer Website erstellen.

Bevor wir fortfahren, stellen Sie sicher, dass auf Ihrer WordPress-Site das Formidable Forms-Plugin installiert ist.

Sie können das integrierte Kontaktformular verwenden, das mit diesem Plugin geliefert wird. Wir erstellen jedoch ein neues Formular von Grund auf, um Sie durch den Prozess zu führen. Fahren Sie mit dem Link „Leistungsstarke Formulare“ in der linken Seitenleiste des Backends fort. Hier sollten alle im System vorhandenen Formulare aufgelistet sein. Klicken Sie auf die Schaltfläche „Neu hinzufügen“, um ein neues Formular zu erstellen. Sie werden dann aufgefordert, eine der folgenden drei Optionen auszuwählen.

Diese drei Optionen sollten Ihnen bekannt sein – wir haben sie gerade im vorherigen Abschnitt besprochen. Fahren Sie fort und klicken Sie auf „Leeres Formular erstellen“, um das Formular von Grund auf zu erstellen. Daraufhin wird die folgende Benutzeroberfläche angezeigt.

Erstellen Sie mit einem kostenlosen Plugin ein Kontaktformular in WordPress

Wie Sie sehen können, ist die Benutzeroberfläche des Formularerstellers sehr intuitiv. Sie können Ihrem Formular aus der Liste in der rechten Seitenleiste eine beliebige Anzahl von Feldern hinzufügen.

Geben wir zunächst einen Namen für das Formular ein. Geben Sie „Kontakt“ in das Feld „Titel hier eingeben“ ein.

Erstellen Sie mit einem kostenlosen Plugin ein Kontaktformular in WordPressIn unserem Beispiel werden wir Felder für die folgenden Daten hinzufügen:

Name

E-Mail Telefon

Thema

Nachrichten
  • Bestätigungscode
  • Ziehen Sie das Feld
  • Text
  • aus der Feldliste in der rechten Seitenleiste und legen Sie es im Inhaltsbereich mit dem Titel
  • Feld hinzufügen
  • Hier
  • ab. Dadurch wird Ihrem Formular ein neues Feld hinzugefügt.

Nachdem Sie ein Feld hinzugefügt haben, müssen Sie bestimmte Einstellungen für dieses Feld konfigurieren. Da wir gerade ein neues Textfeld hinzugefügt haben, sehen wir uns an, wie man es so konfiguriert, dass es zu einem Name-Feld wird.

Wie Sie sehen können, können wir im Abschnitt „Feldeinstellungen“ das Feld konfigurieren, z. B. ob es erforderlich ist, die Position der Beschriftung oder die Feldgröße. Fahren Sie mit der Konfiguration des Namensfelds fort.

Als nächstes fügen Sie die Felder

E-Mail, Telefon

und

BetreffErstellen Sie mit einem kostenlosen Plugin ein Kontaktformular in WordPress über dieselbe Drag-and-Drop-Oberfläche hinzu. Die Felder, die wir bisher hinzugefügt haben, sind alle

Text

Felder. Als nächstes fügen Sie das Feld

Absatz

hinzu, das als Nachrichtenfeld im Formular fungiert. Dies wird der Typ Absatz sein. Fügen Sie abschließend ein reCAPTCHA-Feld hinzu, um Spam zu verhindern. Um den reCAPTCHA-Spamschutz zu aktivieren, müssen Sie den Site Key und den

Secret Key

im Abschnitt Powerful >Global Settings>reCAPTCHA konfigurieren, wie im Screenshot unten gezeigt.

Nachdem Sie alle Felder hinzugefügt haben, sollte das Formular wie im Screenshot unten aussehen: Dies ist natürlich nur eine Backend-Vorschau. Sie müssen Shortcodes verwenden, um das Formular im Frontend anzuzeigen. Sie können den Shortcode des Formulars von der Formularlistenseite kopieren.

Holen Sie sich den Shortcode für das Formular, das Sie gerade erstellt haben. Sie können diesen Shortcode in einem Beitrag oder in Ihrer Seitenleiste verwenden – wo auch immer Sie dieses Formular anzeigen möchten. Erstellen Sie mit einem kostenlosen Plugin ein Kontaktformular in WordPress

Es sieht so aus:

Erstellen Sie mit einem kostenlosen Plugin ein Kontaktformular in WordPress

Fahren Sie fort und senden Sie das Formular zum Testen ab. Sie können eingereichte Einträge im Abschnitt „Leistungsstarke>Einträge“ überprüfen.

So können Sie ein Formular erstellen, Felder hinzufügen und es schließlich im Frontend anzeigen: mithilfe von Shortcodes. Tatsächlich können Sie mehr tun, da Formidable Forms mehr Funktionalität bietet. Ich ermutige Sie, die anderen Einstellungen zu erkunden, die dieses Plugin bietet – es sollte Spaß machen!

Erweitertes Formular-Plugin

Wie ich oben gezeigt habe, ist Formidable Forms ein hervorragendes kostenloses Softwarepaket zum Erstellen von WordPress-Formularen. Wenn Ihre Website erweiterte Funktionen benötigt, schauen Sie sich einige der professionellen Formularersteller von CodeCanyon an. Gegen einen geringen Aufpreis können Ihnen diese Plugins viel Arbeit ersparen und Ihre WordPress-Website auf die nächste Stufe heben. Erstellen Sie mit einem kostenlosen Plugin ein Kontaktformular in WordPress

  • Erstellen Sie mit einem kostenlosen Plugin ein Kontaktformular in WordPressErstellen Sie mit einem kostenlosen Plugin ein Kontaktformular in WordPress Ashraf Hatibelagar 地址> WordPress
  • Erstellen Sie mit einem kostenlosen Plugin ein Kontaktformular in WordPressErstellen Sie mit einem kostenlosen Plugin ein Kontaktformular in WordPress Nona Blackman 地址> WordPress
  • Wählen Sie einen Formular-Builder: Vergleich der 7 besten WordPress-Formular-Builder

    Wenn Sie eine WordPress-Website haben, benötigen Sie irgendwann ein Webformular. Bis dahin ist ein WordPress-Formularerstellungs-Plugin die beste Option …
    Erstellen Sie mit einem kostenlosen Plugin ein Kontaktformular in WordPress Nona Blackman 地址> WordPress

Fazit

Heute haben wir besprochen, wie man mit dem Formidable Forms-Plugin in WordPress ein Kontaktformular erstellt. Wir geben auch einen detaillierten Überblick über dieses Plugin und diskutieren seine verschiedenen Aspekte.

Fühlen Sie sich frei, Ihre Gedanken und Ihr Feedback über den Feed unten zu teilen! Wenn Sie Ihre Erfahrungen mit anderen Kontaktformular-Plugins, die Sie auf Ihrer Website verwendet haben, teilen möchten, würde ich mich freuen, von Ihnen zu hören.

Das obige ist der detaillierte Inhalt vonErstellen Sie mit einem kostenlosen Plugin ein Kontaktformular in WordPress. Für weitere Informationen folgen Sie bitte anderen verwandten Artikeln auf der PHP chinesischen Website!

Verwandte Etiketten:
Quelle:php.cn
Erklärung dieser Website
Der Inhalt dieses Artikels wird freiwillig von Internetnutzern beigesteuert und das Urheberrecht liegt beim ursprünglichen Autor. Diese Website übernimmt keine entsprechende rechtliche Verantwortung. Wenn Sie Inhalte finden, bei denen der Verdacht eines Plagiats oder einer Rechtsverletzung besteht, wenden Sie sich bitte an admin@php.cn
Beliebte Tutorials
Mehr>
Neueste Downloads
Mehr>
Web-Effekte
Quellcode der Website
Website-Materialien
Frontend-Vorlage