Erstellen Sie ein Kundenformular für Ihre WordPress-Agentur – mit Elementor und einem Kontaktformular-Plugin

Veröffentlicht: 2020-11-09

Wenn 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 .

Inhaltsverzeichnis ausblenden
  1. 1. Ihr allgemeines Kontaktformular vs. Ihr spezielles Kontaktformular
  2. 2. Schritt 1: Installieren Sie die Plugins
  3. 3. Schritt 2: Erstellen Sie eine Seite für Ihr Kundenformular in Elementor
    1. 3.1. Erstellen Sie eine Canvas-Seite
    2. 3.2. Erstellen Sie eine Kopfzeile für die Seite
    3. 3.3. Erstellen Sie eine Kopfzeile für das Kundenkontaktformular
    4. 3.4. Erstellen Sie eine Fußzeile für die Seite
  4. 4. Schritt 3: Erstellen Sie das Kontaktformular mit dem WPForms-Plugin
  5. 5. Schritt 4: Erstellen Sie das Zitat mit der richtigen Spalte und platzieren Sie Ihr Bild darauf
    1. 5.1. Erstellen Sie das Blockquote
    2. 5.2. Foto und Unterschrift erstellen
  6. 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.

Das Kundenkontaktformular auf einer WordPress-Website.

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 spezialisierte Kundenformular für eine WordPress-Agentur

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 .

Installieren Sie das WPForms-Plugin auf der WordPress-Website

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

Installieren Sie das ELementor Page Builder-Plugin auf der WordPress-Website

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 Elementor-Seite mit dem Canvas-Typ

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 .

Fügen Sie einen kleinen Header in das Kundenformular der WordPress-Agentur ein

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.

Erstellen Sie die Kopfzeile des Kundenformulars der WordPress-Agentur

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.

Stellen Sie sicher, dass Unterüberschriften des Kundenformulars der WordPress-Agentur ein unterdurchschnittliches Gewicht haben

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.

Link zur Überprüfung und zur Info-Seite in der Fußzeile des Kundenformulars

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.

Fügen Sie ein neues Kontaktformular in WPForms hinzu

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:

Laden Sie die JSON-Datei hoch, um das Kontaktformular hinzuzufügen

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 .

Holen Sie sich den Shortcode des Kundenformulars in WPForms

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 richtige Spaltenangebot für Ihr Kundenformular mit Elementor

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.