Erstellen Sie ein Kundenformular für Ihre WordPress-Agentur – mit Elementor und einem Kontaktformular-Plugin
Veröffentlicht: 2020-11-09Wenn Sie ein WordPress-Entwicklungsunternehmen besitzen und derzeit eingehende Internetanfragen erhalten, können Sie Ihren Verkaufsprozess rationalisieren und Ihre Dienstleistungen verbessern, indem Sie ein effektives Kundenformular verwenden. Warum ist es also aus psychologischer Sicht notwendig, eine gute Klientenform zu haben? Und wie können Sie dies in Ihrem Unternehmen auf das Dreifache des Umsatzes implementieren? Ich werde mit Ihnen das technische Wissen teilen, wie Sie mit Elementor und einem Kontaktformular-Plugin ein Kundenformular für Ihre WordPress-Agentur erstellen .
- 1. Ihr allgemeines Kontaktformular vs. Ihr spezielles Kontaktformular
- 2. Schritt 1: Installieren Sie die Plugins
- 3. Schritt 2: Erstellen Sie eine Seite für Ihr Kundenformular in Elementor
- 3.1. Erstellen Sie eine Canvas-Seite
- 3.2. Erstellen Sie eine Kopfzeile für die Seite
- 3.3. Erstellen Sie eine Kopfzeile für das Kundenkontaktformular
- 3.4. Erstellen Sie eine Fußzeile für die Seite
- 4. Schritt 3: Erstellen Sie das Kontaktformular mit dem WPForms-Plugin
- 5. Schritt 4: Erstellen Sie das Zitat mit der richtigen Spalte und platzieren Sie Ihr Bild darauf
- 5.1. Erstellen Sie das Blockquote
- 5.2. Foto und Unterschrift erstellen
- 6. Fazit
Es gibt eine Reihe von Elementen, auf die ich hinweisen möchte. Aber zuerst wollte ich erklären, warum man ein spezialisiertes Kundenformular erstellt und warum man ein solches Kontaktformular auch braucht.
Ihr allgemeines Kontaktformular vs. Ihr spezialisiertes Kontaktformular
Wenn Leute auf eine Website kommen und nach unten scrollen, sehen sie ein ziemlich standardmäßiges Kontaktformular, das wahrscheinlich schon millionenfach auf vielen Websites (nicht nur auf WordPress-Sites) gesehen wurde.

Wenn jemand auf Ihrer Website eine Anfrage stellt, müssen Sie sich sehr genau überlegen, was Ihr nächster Schritt sein wird. Je nachdem, wie Sie reagieren, werden Sie entweder als „nur der Web-Typ“ oder als jemand angesehen, der die Ziele des Kunden mithilfe des Internets zum Erfolg führen kann. Wie Sie sich vorstellen können, wird Ihnen das spezialisierte Kundenformular dabei helfen, viel mehr zu verdienen.
Und dies ist das spezialisierte Kundenformular, das wir in diesem Beitrag erstellen werden:

Das vollständige Bild des Kundenformulars finden Sie hier.
Wenn ein Kunde Ihnen über dieses Kundenformular eine E-Mail senden würde, würden Sie Folgendes angeben:
- Der Kunde musste über Ihre Calendly-App einen Termin mit Ihnen buchen
- Der Kunde musste das obige Kundenformular ausfüllen
Sehen wir uns an, wie Sie dieses Formular erstellen, während wir auch die Elemente besprechen, die dieses Formular so effektiv machen.
Schritt 1: Installieren Sie die Plugins
Ein großartiges (und kostenloses) Kontaktformular-Plugin, das ich empfehlen würde, ist WPForms. Sie können das Plugin installieren und aktivieren, indem Sie zu Ihrem Dashboard > Plugin > Neu hinzufügen gehen .

Als nächstes installieren und aktivieren Sie den kostenlosen Elementor Page Builder mit derselben Methode.

Nachdem wir alle benötigten Werkzeuge zur Verfügung haben, legen wir sofort los!
Schritt 2: Erstellen Sie eine Seite für Ihr Kundenformular in Elementor
Wir müssen eine Seitenvorlage erstellen, die Ihr Kundenkontaktformular enthält. Diese Seite hat von oben nach unten diesen Aufbau: Seitenkopf – Kontaktformularkopf – Kontaktformular – Seitenfuß.
Hinweis : Das Kontaktformular wird später in Schritt 3 erstellt.
Erstellen Sie eine Canvas-Seite
Das erste, was Sie am Client-Formular für die Datenerfassung bemerken werden, ist, dass es weder Kopf- noch Fußzeilen gibt . Der gesamte Zweck der Seite, wenn ich den Link an den Kunden sende, besteht darin, die Informationen des Kunden zu erhalten, die ich dann für meine Erstberatung verwenden würde.
Daher müssen wir als erstes die Seite in Elementor erstellen und sicherstellen, dass der Seitentyp Canvas ist .


Erstellen Sie eine Kopfzeile für die Seite
Obwohl es keine traditionelle Kopf- und Fußzeile gibt, wollte ich eine kleine Kopfzeile einfügen, die ihnen die Website mitteilt, auf der sie sich befinden. Sie werden auch feststellen, dass der Link in der Kopfzeile tatsächlich zu meinem Abschnitt Kundenbewertungen führt .

Auf diese Weise weiß der Kunde, wo er sich befindet. Sollte der Kunde zögern, wird ihm das Klicken auf den Link die Sicherheit geben, fortzufahren?
Dies geschieht über einen einfachen Abschnitt mit einem Hintergrund für Ihre Markenfarbe, gefolgt von einem Textfeld. Ziemlich einfache Sache!
Erstellen Sie eine Kopfzeile für das Kundenkontaktformular
Der nächste Schritt ist die Kopfzeile des Client-Formulars. Hier habe ich beim Bearbeiten die Lato-Schrift mit 60px verwendet.

Die Unterüberschrift war nur bei 24px dieselbe Schriftart. Außerdem beträgt die Gewichtung der Unterüberschrift 300. Sie können die Unterüberschriften manuell mit einem unterdurchschnittlichen Gewicht versehen, damit die obere Überschrift stärker hervorsticht.

Erstellen Sie eine Fußzeile für die Seite
Als nächstes fügen Sie eine Fußzeile hinzu, die nur ein Abschnitt mit demselben Hintergrund wie die Kopfzeile ist. In diesem Fall habe ich 2 Spalten. Ich verlinke nicht nur noch einmal auf die Bewertungen, um Vertrauen zu gewinnen, sondern verlinke auch auf die About-Seite, auf der ich mehr über mich spreche.

Schritt 3: Erstellen Sie das Kontaktformular mit dem WPForms-Plugin
Im nächsten Schritt erstellen Sie das Kontaktformular. Ich werde nicht zu viel darauf eingehen, da ein Kontaktformular-Builder ziemlich einfach ist. Für weitere Details zur Verwendung dieses Kontaktformular-Plugins haben wir hier bereits ein Tutorial.
Dort müssen Sie nur noch die Felder des Kontaktformulars ziehen und ablegen.

Zum Glück müssen Sie das Kontaktformular nicht selbst erstellen – Sie können die JSON- Datei importieren, die ich über den unten stehenden Link hochgeladen habe, und sie importieren, indem Sie zu WPForms > Tools > Import gehen und Ihre Formulare ausfüllen .
Hier ist der Link zur JSON- Datei.
Zum Importieren einfach hier hochladen:

Beachten Sie: Nachdem Sie das Kontaktformular importiert haben, benötigen Sie den Shortcode. Nachdem Sie das Kontaktformular bearbeitet haben, klicken Sie einfach auf Einbetten und dann auf die Option Shortcode verwenden .

Kopieren Sie dann diesen Shortcode einfach und fügen Sie ihn in Ihre Seite ein.
Schritt 4: Erstellen Sie das Zitat mit der richtigen Spalte und platzieren Sie Ihr Bild darauf
Eine Sache, die Sie mit dem Kundenformular tun möchten, ist auch, Ihre Positionierung beizubehalten, Ihrem Kundenformular Charakter und Leben zu verleihen.

Erstellen Sie das Blockquote
Der erste Teil ist das Blockquote. Dies ist ein Standardelementor-Element. Dazu gibt es jedoch einige Punkte.
Sie werden feststellen, dass ich das Zitat selbst rot und groß gemacht habe. Sie können das Edit Blockquote auf Quote Abschnitt eingestellt, und die Farbe auf rot und die Größe auf 1.
Was das Textfeld selbst betrifft, möchten Sie den Kunden daran erinnern, warum er das Kundenformular ausfüllt und wie ihm dies hilft. Sie werden auch feststellen, dass ich dem Benutzer dafür danke, dass er über den Link in der E-Mail auf die Seite geklickt hat.
Foto und Unterschrift erstellen
Das nächste Element ist einfach ein Foto von Ihnen und eine Unterschrift im Kundenformular. Eine Signatur fügt einen Hauch von Klasse hinzu und lässt den Abschnitt offizieller klingen. Es mag albern erscheinen, aber es sieht besser aus, als einfach nur Ihren Markennamen zu schreiben, und wieder möchten Sie Ihre Markenmarke in dieser Phase so stark wie möglich machen.
Ich habe den Online-Signaturgenerator von DocSketch verwendet, um diese Signatur zu erstellen.
Und das ist der letzte Schritt beim Erstellen eines Kundenformulars. Denken Sie daran, Ihr Kundenformular zu speichern und zu veröffentlichen.
Fazit
Sobald dieses Kundenformular ausgefüllt ist, können Sie es in Betrieb nehmen. Jetzt müssen Sie nur noch auf Ihre nächste Online-Anfrage warten. In diesem Fall müssen Sie dem Kunden eine E-Mail mit der Aufforderung senden, das Kundenformular auszufüllen.
Hoffentlich funktioniert dieses Kundenformular für Sie und hilft Ihnen, sich vor Ihrem Meeting als unbestrittener Experte zu positionieren! Viel Glück!
Biografie des Autors
Kosta ist Spezialist für die Entwicklung von WordPress in Sydney und Experte für die Bereitstellung von benutzerdefinierten WordPress-Websites, die schnell, stabil und zuverlässig sind, aber vor allem die Kunden dazu bringen, das zu tun, was Sie von ihnen erwarten – und zwar Maßnahmen.
