Ultimativer Leitfaden für Elementor-Kontaktformulare

Jeder Webbesitzer möchte gute und langfristige Beziehungen zu seinen Kunden und Interessenten aufbauen. Hier kommt das Kontaktformular ins Spiel. Das Hinzufügen von Kontaktformularen zu Ihrer Website wird dringend empfohlen, da es Ihren Interessenten hilft, Sie zu erreichen, und Ihnen dabei hilft, Daten über Ihre Website-Besucher zu sammeln.

Ohne Zweifel haben WordPress-Benutzer Zugriff auf unzählige Kontaktformular-Plugins und zahlreiche Funktionen. Dies macht das Erstellen von Formularen für Benutzer einfach und nahtlos. Was wäre, wenn Sie auch Formulare mit dem Elementor-Kontaktformular-Widget erstellen könnten?

So erstellen Sie Kontaktformulare mit Elementor

Mit dem Elementor-Kontaktformular-Widget können Sie jeden Kontaktformulartyp innerhalb von Minuten personalisieren und zu Ihrer Website hinzufügen. Es enthält alle erforderlichen Funktionen und Felder, um eine nahtlose Interaktion mit Ihrer Website zu ermöglichen. Es sollte beachtet werden, dass Kontaktformulare eine Funktion der Pro-Version von Elementor sind.

Das bedeutet, dass Sie auf Elementor Pro upgraden müssen, um Formulare zu erstellen. Nun, da wir diese Tatsache festgestellt haben, lassen Sie uns einen Blick auf die einfachen Schritte zum Erstellen Ihres Kontaktformulars mit Elementor werfen.

Schritt-für-Schritt-Anleitung zur Verwendung von Elementor zum Erstellen eines Kontaktformulars

Sie können Ihrer Website auf zwei Arten Kontaktformulare hinzufügen. Es gibt die kostenpflichtige Methode, bei der sowohl Elementor- als auch Elementor Pro-Widgets installiert werden müssen. Es gibt auch die kostenlose Methode, die die Installation eines Plugins eines Drittanbieters erfordert. Wir werden uns in diesem Handbuch auf das Elementor Pro konzentrieren.

Schritt eins: Finden Sie das Elementor-Kontaktformular-Widget aus der Fülle von Widgets, die auf Ihrer Elementor-Seite verfügbar sind. Klicken Sie hier, um die Seite zu öffnen, auf der Sie das Kontaktformular einfügen möchten.

Mit der Drag-and-Drop-Option können Sie ganz einfach Widgets auf einer Seite in Elementor hinzufügen, aber dieser Beitrag befasst sich mit dem umfassenden Prozess zum Erstellen eines Kontaktformulars mit dem Kontaktformular-Widget in Elementor Pro.

Schritt Zwei: Das Elementor-Kontaktformular enthält vorab ausgefüllte Felder für grundlegende Bereiche wie Name, E-Mail und Nachricht. Der nächste Schritt besteht darin, das Standardformular so anzupassen, dass es Ihren Wünschen entspricht. Navigieren Sie dazu in den Formulareinstellungen zum Abschnitt Inhalt und fügen Sie „Formularfeld“ hinzu.

Geben Sie dem Formularnamen einen Titel. Klicken Sie anschließend auf die Formularfelder. Hier können Sie beliebig viele Felder hinzufügen. Sie können die Felder beim Erstellen duplizieren und löschen.

Sie finden eine Reihe von Feldoptionen, die Sie verwenden können, darunter Text, E-Mail, URL, Kontrollkästchen, Textbereich, Tel, Auswählen, Radio, Akzeptanz, Zahl, HTML, Versteckt, Passwort, Honeypot, reCAPTCHA und reCAPTCHA V3, unter anderem .

Sie können mit den Funktionen herumspielen, um zu sehen, was funktioniert und was Sie Ihrem Kontaktformular hinzufügen können. Auf der Registerkarte „Erweitert“ können Sie weitere Optionen zum Anpassen Ihres Formulars erkunden. Schauen Sie sich dies auch an, um zu sehen, ob Ihnen die darin enthaltenen Funktionen gefallen werden.

Schritt drei: Passen Sie Ihren Submit-Button an und gestalten Sie ihn nach Ihren Wünschen. Es verfügt über verschiedene Felder, die Sie an Ihre Bedürfnisse anpassen und anpassen können, darunter Größe, Spaltenbreite, Schaltflächentext, Schaltflächen-ID, Symbol und Ausrichtung. Entdecken Sie diese Funktionen, um Ihrem Kontaktformular Stil und Flair zu verleihen.

Schritt 4: Einrichten des Menüs „Aktionen nach Absenden“ Wenn ein Benutzer ein Formular auf Ihrer Website absendet, möchten Sie normalerweise, dass Ihre Website-Besucher irgendeine Form von Feedback oder Antwort erhalten, um zu zeigen, dass das Formular abgeschickt wurde. Dies ist nicht automatisch. Sie müssen den Abschnitt „Aktionen nach dem Absenden“ konfigurieren, um das zu erhalten, was Sie benötigen.

Klicken Sie in Ihrem Formular auf den Abschnitt „Aktionen nach dem Absenden“ und dann auf das Feld „Aktion hinzufügen“. Sie werden verschiedene Optionen sehen, wie unter anderem E-Mail-Webhook, Discord, Popup, ActiveCampaign, GetResponse und Slack. Wählen Sie eine der Optionen zum Hinzufügen von Aktionen nach der Übermittlung aus.

Wenn Sie beispielsweise die E-Mail-Aktion auswählen, fügt das Kontaktformular eine Registerkarte für E-Mail hinzu. Sie können eine E-Mail konfigurieren, die an einen Benutzer gesendet wird, der Ihnen eine E-Mail über Ihr Kontaktformular gesendet hat. Füllen Sie die Optionen aus und legen Sie die Bedingungen fest, um die Formularaktion anzupassen.

Es sollte beachtet werden, dass Elementor zahlreiche Aktionsmöglichkeiten bietet, die Sie erkunden können. Andererseits können Sie andere Dienste von Drittanbietern in Betracht ziehen, um es nahtloser zu gestalten. Zu den Diensten von Drittanbietern, die Sie erkunden können, gehören unter anderem Hubspot, Mailchimp, Drip, Convertkit und Slack. All dies sind integrierte Integrationen in Elementor, die den Zugriff und die Verwendung erleichtern.

Schritt 5: In diesem Schritt können Sie Ihre Nachricht an Benutzer anpassen, wenn beim Ausfüllen eines Formulars etwas passiert. Wenn sie beispielsweise ein Formular erfolgreich absenden oder ein Fehler auftritt, sollten sie eine Nachricht erhalten.

Um dies zu konfigurieren, klicken Sie auf „Zusätzliche Optionen“ und wählen Sie „Ja“ oder „Nein“ für „Benutzerdefinierte Nachrichten“. Bearbeiten Sie die vier Standardnachrichten so, wie sie Ihre Benutzer sehen sollen. Diese Meldungen sind Erfolgsmeldung, Fehlermeldung, Erforderliche Meldung und Ungültige Meldung.

Schritt Sechs: Gestalten und passen Sie Ihr Elementor-Kontaktformular an, damit es einzigartig und nicht langweilig aussieht. Elementor bietet benutzerdefinierte Styling-Optionen, die Sie verwenden können. Klicken Sie dazu auf die Registerkarte „Stil“ und überprüfen Sie die verfügbaren Optionen und Einstellungen. Sie können jede davon verwenden, um den kompletten Stil des Kontaktformulars zu ändern.

Schritt 7: Sie haben Ihr Elementor-Kontaktformular erfolgreich konfiguriert und der nächste und letzte Schritt ist die Veröffentlichung. Klicken Sie dazu auf die Schaltfläche „Aktualisieren“ im unteren Teil des Formulars.

Dadurch wird Ihr Formular veröffentlicht und die Seite wird live geschaltet und ist für Ihre Website-Besucher zugänglich. Sie können damit beginnen, Daten und Leads von Abonnenten Ihrer Website zu sammeln.

Fazit

Die Art des Kontaktformulars, das Sie entwerfen möchten, bestimmt die Funktionen, die Sie in Elementor verwenden werden. Dieser Beitrag hat jedoch die Grundlagen zum Erstellen eines Formulars mit diesem Tool bereitgestellt. Wie bereits erwähnt, können Sie nur in der Pro-Version von Elementor auf die Kontaktformular-Funktion zugreifen. Der Kauf einer Pro-Version des Tools kostet etwa 49 US-Dollar. Die verfügbaren Funktionen sind jeden Cent wert, den Sie dafür bezahlen.