Entwerfen Sie eine mehrseitige Form in WordPress: Einführung

Key Takeaways

• benutzerdefinierte mehrseitige Formulare in WordPress können von Grund auf mit grundlegendem PHP- und HTML-Formular erstellt werden. Diese Formulare verwenden die Post -Methode, um Informationen aus dem Formular zurück an sich selbst zu übergeben, und wenn Anweisungen in PHP den nächsten Teil des Formulars angezeigt werden.
• mehrseitige Formulare sind nützlich, um Informationen in Stufen zu sammeln und basierend auf den Benutzerantworten konditionell oder dynamisch generiert werden. Dies kann dazu beitragen, das Verlassen der Form zu verringern und kritische Daten über das Benutzerverhalten zu sammeln.
• Der Prozess des Erstellens eines mehrseitigen Formulars beinhaltet das Einrichten eines Shortcode, das Erstellen eines neuen Beitrags oder eine neue Seite für das Formular und das Erstellen von Formularelementen. Die Formulardaten können in einer Datenbanktabelle gespeichert und auf der nächsten Seite des Formulars angezeigt werden.

Haben Sie jemals eine benutzerdefinierte, mehrseitige Form in WordPress erstellen? Ich mache ... die ganze Zeit! Während Sie eine Vielzahl von Plugins verwenden können, um die Arbeit zu erledigen, sind sie für Ihre Zwecke selten perfekt. Ich habe festgestellt, dass der einfachste Weg für mich, alles richtig zu machen - von den Formularen über die Daten bis zur Berichterstattung -, diese einfach von Grund auf selbst von Grund auf selbst zu erstellen. In dieser Artikelreihe werde ich Sie durch den Prozess des Erstellens mehrerer Seitenformen von Grund auf führen. Ob Sie es glauben oder nicht, es ist ziemlich einfach, wenn Sie einige grundlegende PHP verstehen und Ihre HTML -Formbasis kennen. (Wenn Sie ein PHP -Veteran sind oder daran interessiert sind, eins zu werden, sollten Sie sich auf unsere PHP -Partnerwebsite Phpmaster.com befassen.) Wir werden die Post -Methode verwenden, um Informationen aus dem Formular zurück an sich selbst zu übergeben, und wenn Anweisungen in PHP den nächsten Teil des Formulars angezeigt werden. Wenn die Benutzer Formulardaten senden, aktualisiert die Seite mit der nächsten Seite des Formulars und speichert die übermittelten Informationen wie sie. Das Ergebnis ist, dass Benutzer auf derselben Seite bleiben, und Sie können - sogar dynamisch - die nächste Seite des Formulars basierend auf ihren Antworten generieren. Oder Sie können die Formfelder einfach um den Einfachheitlichkeits willen statisch halten.

Warum ein mehrseitiges Formular?

Es gibt viele Gründe, warum Sie möglicherweise eine mehrseitige Form benötigen. In einigen Fällen möchten Sie möglicherweise nicht mehr als 3-5 Fragen pro Seite. In anderen Fällen möchten Sie möglicherweise nur zusätzliche Informationen basierend auf ihren ersten Antworten sammeln. Wenn der Benutzer beispielsweise angibt, dass er unter 18 Jahre alt ist, möchten Sie möglicherweise keine bestimmten Fragen stellen, oder Sie möchten möglicherweise eine andere Form anhand männlicher oder weiblicher Befragter anzeigen. Darüber hinaus können Sie mit einem mehrseitigen Formular Informationen in Phasen sammeln. Wenn Benutzer den Fragebogen aus irgendeinem Grund aufgeben, haben Sie zumindest einige Informationen gesammelt, die möglicherweise nützlich sein. Die Aufgabe des Formulars ist üblich, und die Multi-Page-Form-Sammlung enthält kritische Daten, z.

Fallstudie

Für Planungszwecke sammle ich grundlegende Informationen zu Benutzern und deren Einkaufsvorlieben. So wird unsere Form voranschreiten:

• Seite 1 - Grundlegende Kontaktinformationen
  • Name (zuerst und zuletzt),
  • E -Mail,
  • Telefon,
  • Postcode
• Seite 2 - Sozioökonomische Daten
  • Geschlecht
  • Alter
  • Bildung
  • Einkommen
• Seite 3 - Einkaufseinstellungen
  • Standort (online, store)
  • Lieblingskategorien
• Seite 4 - "Danke!" Zielseite

Ich werde diese in unserer Datei functions.php einrichten, die zum Testen in Ordnung ist. Wenn Sie jedoch bereit sind, dies auf Ihrer Website live zu machen, sollten Sie dies zu einem Plugin machen oder in einem Minumum, das diesen Code von Ihrer Datei Ihrer Funktionen.php trennen und eine Anweisung include_once verwendet, um die Dateien in Ihren Funktionen zu verknüpfen. Ein Teil meiner Begründung für diese Methode besteht darin, es zu vermeiden, sich in FTP und andere weniger relevante Methoden zur Erstellung einer benutzerdefinierten Funktionalität in WordPress eintauchen zu müssen. Also, für Sie Veteranen, tragen Sie es einfach mit meinen weniger idealen Methoden.

Schritt 1: Richten Sie einen Shortcode

ein Dies ist optional, aber es erleichtert es mir, Shortcodes zu verwenden, um diese mehrseitigen Formulare anzuzeigen. Das ist also die Methode, die ich unterrichte, und Sie können Ihre eigenen implementieren, wenn Sie es vorziehen. Fügen Sie in Ihrer Datei Ihrer Funktionen.php Folgendes hinzu: [SourceCode Language = ”PHP”] add_shortcode ('multipage_form_sc', multipage_form '); Funktion multipage_form () { Echo "

Neues Formular

"; }; [/Sourcecode] Auf diese Weise informiert WordPress, dass Sie den Shortcode multipage_form_sc in einen Beitrag oder eine Seite einfügen können, und dass WordPress die Funktion multipage_form ausführen sollte, wenn er den Shortcode findet. Da ich oft mehrere mehrseitige Formulare habe, die ich für eine bestimmte Site verwenden werde, gebe ich diesen Formularen eindeutige Namen, z.

Schritt 2: Richten Sie einen Beitrag oder eine Seite ein

Erstellen Sie den neuen Beitrag oder die neue Seite, auf der Ihr mehrseitiges Formular existieren soll. Fügen Sie den Shortcode in das Formular ein, veröffentlichen Sie sie und sehen Sie sich die Seite an. Sie sollten die Meldung „Neues Formular“ sehen, die wir in unserer Funktion multipage_form () erstellt haben. So sollte Ihr Shortcode in Ihrem Post-/Seiteneditor aussehen:

[multipage_form_sc]

Schritt 3: Erste Form von Elementen

Lassen Sie uns die Erstellung der ersten Formelemente erstellen. Ich werde dieses unglaublich einfach behalten, um mich auf die Konzepte von mehrseitigen Formen zu konzentrieren, nicht auf CSS oder eine andere Augen, die wir uns später befassen können. Hier sind unsere grundlegenden Informationen, die Sie in Ihre Funktion multipage_form () einfügen können: [SourceCode Language = ”PHP”] add_shortcode ('multipage_form_sc', multipage_form '); Funktion multipage_form () { global $ wpdb; $ this_page = $ _server ['request_uri']; $ page = $ _post ['Seite']; if ($ page == null) { echo '

Vorname: Nachname: E -Mail: Telefon: Postcode:

’; } // Ende Seite 1 des Formulars elseif ($ page == 1) { $ first_name = $ _post ['first_name']; $ last_name = $ _post ['last_name']; $ mail = $ _post [’E -Mail’]; $ mone = $ _post ['Telefon']; $ zip_code = $ _post ['zip_code']; Echo ‘

Sie haben es auf die 2. Seite geschafft!

Hier sind Ihre Formulareingänge:

Vorname: '. $ First_Name. ‘

Nachname: '. $ last_name. ‘

E -Mail: “. $ E -Mail. ‘

Telefon: '. $ Telefon. ‘

Postleitzahl: '. $ zip_code. "

"; } // Ende Seite 2 des Formulars }; [/Sourcecode] Das ist ein lot Code, also lass uns die Highlights treffen. Erstens haben wir unsere ersten Postanweisungen, nach denen wir suchen - $ this_page ist die Seite, auf der wir uns derzeit für unsere Formulierung befinden, und die Seite $ ist die Seitennummer. Ich verwende "1" für Seite eins, "2" für Seite zwei usw. Sobald wir diese Informationen gespeichert haben, werden wir einen Aufzeichnungen über die Seitennummer abgeschlossen. Wir werden auch die Seitennummer verwenden, um zu testen, welche Seite des Formulars, auf dem wir uns befinden, und Informationen entsprechend anzeigen. Als nächstes haben wir unsere erste Anweisung, die testet, auf welcher Seitennummer wir uns befinden. Wenn es leer ist (NULL), zeigen wir die erste Seite des Formulars an. Hier haben wir unsere grundlegenden Formelemente - Beschriftungen und Eingaben. Ich habe den versteckten Formularwert für die Seitennummer beigefügt, aber Sie können auch alle möglichen versteckten Formularfelder hinzufügen, um den Benutzernamen zu sammeln (wenn sie angemeldet sind) sowie andere Informationen, die Sie möglicherweise möchten. Danach haben wir Informationen zwei Informationen, beginnend mit der Elseif -Anweisung. Wir werden diesen Weg von Elseif -Anweisungen für die Form von Formdaten und Anzeige fortsetzen. Sie können die Switch -Anweisung verwenden, wenn Sie viele, viele Seiten haben, aber das If -Format funktioniert für uns in diesem Szenario gut. Auf Seite zwei greifen wir die Formulareingänge und zeigen sie zu Testzwecken an. Im nächsten Artikel werden wir diese Informationen in einer Datenbanktabelle speichern und die nächste Seite des Formulars anzeigen.

probieren Sie es aus

Speichern Sie Ihre Funktionen.Php-Datei mit dem obigen Code (verpassen Sie nichts; ein einzelner verlegtes Halbkolon oder eine einzelne Klammer stürzt Ihre Website ab!) Gehen Sie zu dem Beitrag oder der Seite, die Sie in Schritt 2 erstellt haben und klicken Sie auf die Schaltfläche "Senden". Voila!

als nächstes kommen!

In der nächsten Folge dieser Serie werden wir in PhpMyAdmin einsteigen und eine Tabelle in der Datenbank erstellen, um all diese wunderbaren Informationen zu speichern, die wir sammeln. Mach dir keine Sorgen, ich werde es sehr einfach halten und schreibe sogar die MySQL -Skripte für dich, wenn du brandneu auf dieser Seite der Dinge bist. Wussten Sie, dass wir eine ganze Website haben, die sich der PHP -Meisterschaft widmet? Schauen Sie sich unsere Partnerseite unter phpmaster.com an.

Häufig gestellte Fragen zum Entwerfen eines mehrseitigen Formulars in WordPress

Was sind die Vorteile der Verwendung einer mehrseitigen Form in WordPress? Sie tragen dazu bei, die Benutzererfahrung zu verbessern, indem sie lange Formen in überschaubare Abschnitte unterteilen, den Einschüchterungsfaktor verringern und den Benutzern die Fertigstellung der Benutzer erleichtern. Sie tragen auch dazu bei, die Conversion -Raten zu erhöhen, da Benutzer mit größerer Wahrscheinlichkeit kürzere Formulare ausführen. Darüber hinaus ermöglichen mehrseitige Formulare eine bessere Datenverwaltung und -analyse, da Sie Daten basierend auf verschiedenen Abschnitten des Formulars segmentieren und analysieren können.

Kann ich ein mehrseitiges Formular erstellen, ohne Wissen zu codieren? Es stehen mehrere Plugins zur Verfügung, wie z. B. WPForms und mehrstufiges Formular, die eine benutzerfreundliche Schnittstelle zum Erstellen von mehrseitigen Formularen bieten. Diese Plugins bieten Drag-and-Drop-Formbauer, damit es jedem einfache, komplexe Formulare zu erstellen.

Wie kann ich das Design meines mehrseitigen Formulars anpassen? Bieten Sie Anpassungsoptionen an, mit denen Sie das Design Ihres Formulars ändern können. Sie können das Farbschema, den Schriftart, das Schaltflächendesign und mehr anpassen. Einige Plugins bieten auch erweiterte Anpassungsoptionen über CSS für erfahrene Benutzer an.

Kann ich meinem mehrseitigen Formular bedingte Logik hinzufügen? Auf diese Weise können Sie dynamische Formulare erstellen, die sich basierend auf den Benutzereingaben ändern. Sie können beispielsweise bestimmte Felder oder Seiten basierend auf den vom Benutzer bereitgestellten Antworten anzeigen oder ausblenden.

Wie kann ich die Leistung meines mehrseitigen Formulars verfolgen? Leistung Ihres mehrseitigen Formulars mit verschiedenen Analysetools. Die meisten Formular -Plugins integrieren in Google Analytics, sodass Sie Formularansichten, Einreichungen und Conversion -Raten verfolgen können. Einige Plugins bieten auch integrierte Analysefunktionen. Auf diese Weise können Benutzer ihre Fortschritte speichern und das Formular zu einem späteren Zeitpunkt weiter ausfüllen. Diese Funktion kann besonders für lange Formen nützlich sein. Die meisten Form-Plugins bieten integrierte Spam-Schutzfunktionen wie Captcha- und Honeypot-Felder. Sie können auch Anti-Spam-Plugins von Drittanbietern zum zusätzlichen Schutz verwenden.

Kann ich mein mehrseitiges Formular in andere Tools und Dienste integrieren? Verschiedene Tools und Dienste. Sie können Ihr Formular in E -Mail -Marketingdienste, CRM -Software, Zahlungsgateways und mehr integrieren. Auf diese Weise können Sie verschiedene Aufgaben automatisieren und Ihren Workflow optimieren. Formular vor der Veröffentlichung. Sie können das Formular als Benutzer ausfüllen, um sicherzustellen, dass alles richtig funktioniert. Es ist auch eine gute Idee, Ihr Formular auf verschiedenen Geräten und Browsern zu testen, um die Kompatibilität zu gewährleisten.

Kann ich Daten in WordPress exportieren oder importieren? Sie können die Einreichungen von Formulareingaben in eine CSV -Datei exportieren, um weitere Analysen oder Daten aus anderen Formularen oder Quellen zu importieren. Dies kann besonders nützlich sein, um Daten zu migrieren oder Sicherungskopien Ihrer Formulardaten zu erstellen.

Das obige ist der detaillierte Inhalt vonEntwerfen Sie eine mehrseitige Form in WordPress: Einführung. Für weitere Informationen folgen Sie bitte anderen verwandten Artikeln auf der PHP chinesischen Website!