So erstellen Sie ein Elementor-Kontaktformular [Entwicklerhandbuch]

Veröffentlicht: 2021-05-03

Wie erstelle ich ein Elementor-Kontaktformular mit Addons? Nun, in diesem Artikel werden wir den für Sie am besten umsetzbaren Weg besprechen. Wissen Sie, wie wertvolle Besucher mit einer Website interagieren? – Über die Seite „Kontaktieren Sie uns“. In der Tat! Aber es ist die am meisten unterschätzte Seite auf einer Website. Diese gemütliche kleine Ecke bleibt von vielen Website-Designern oder -Eigentümern unbemerkt.

Die meisten Website-Ersteller, die Elementor verwenden, legen weniger Wert auf das Kontaktformular. Sie blieben hängen, als sie versuchten, ein Elementor-Kontaktformular hinzuzufügen. Der Grund ist, dass sie es kompliziert finden.

Infolgedessen wird die Website aufgrund der schlechten Platzierung von „Kontakt“-Informationen unfreundlich. Ein unwillkommenes Kontaktformular erschwert es den Nutzern, die Seite zu finden. Die Benutzer können den Eigentümer nicht erreichen, um ihre Anfrage zu beheben.

Daher ist es wichtig, ein besseres Kontaktformular für eine Website zu erstellen. Wie erstelle ich ein besseres Elementor-Kontaktformular? Darüber werden wir in diesem Artikel sprechen. Bleib bei uns.

Was ist ein Kontaktformular auf der Website?

Das Kontaktformular ist ein kleines webbasiertes Formular auf einer Website. Hier bleiben die Besucher mit dem Seitenbetreiber in Kontakt. Es hilft, Beziehungen und Verbindungen zu Besuchern aufzubauen. Außerdem hilft es, Leads für die Website zu generieren.

Grundsätzlich enthält ein Kontaktformular eine Reihe von Fragen, die von den Besuchern auf der Seite ausgefüllt werden. Das ausgefüllte Formular wird dann als Nachricht an den Websitebesitzer gesendet. Dieses Kontaktformular löst jedoch eine E-Mail-Nachricht aus und sendet sie an den E-Mail-Posteingang des Websitebesitzers.

Der Websitebesitzer erhält die Nachricht von Besuchern, ohne ihre E-Mail-Informationen an Spammer weiterzugeben. Auf diese Weise wird der Websitebesitzer über alle Probleme mit der Website oder allem anderen dazwischen benachrichtigt.

Warum ist es wichtig, ein Kontaktformular auf Ihrer Website zu haben?

Irgendwann haben Sie sich vielleicht gefragt, warum Sie ein Kontaktformular auf einer Website haben sollten. Sie können die Arbeit tatsächlich mit einer E-Mail-Adresse erledigen. Schließlich brauchen Sie ein Medium, um Ihre Besucher zu erreichen.

Aber ein Kontaktformular macht einen Unterschied in einer Website. Im Folgenden erklären wir Ihnen, warum es ratsam ist, ein Kontaktformular auf Ihrer Website zu haben.

Kontaktformular Fügt der Website Professionalität hinzu

Eine Website ist ohne ein passendes Kontaktformular nicht perfekt. Wenn Sie Ihrer Website ein Kontaktformular hinzufügen, sieht es für die Benutzer professioneller aus. Aber einfach das Kontaktformular auszufüllen hilft nicht. Sie müssen das Kontaktformular strategisch platzieren. So finden Ihre Besucher es leicht.

Schützen Sie die Website vor Spam-E-Mails

Wie bereits erwähnt, ist es keine gute Idee, Ihre E-Mail-Adresse öffentlich zu machen. Es tut nichts anderes, als Ihren Posteingang für Spammer zu öffnen. Spambots kratzen oft E-Mail-Adressen von Websites. Wenn ein Spambot auf Ihre E-Mail-Adresse stößt, kann sie mit allen Spam-Mailinglisten vermischt werden.

Es wird schwierig, sie zu reinigen. Wenn Sie ein Kontaktformular verwenden, kann dies Ihre Zeit und Energie sparen. Außerdem schafft das Kontaktformular eine sichere Schicht, da alle Arten von Spam gefiltert werden, die Ihnen in den Weg kommen. So können Sie Ihren Posteingang vor Robotern schützen.

Tatsächlich können Kontaktformulare nicht allen Spam stoppen. Manchmal kommt es durch Formulare auf Ihrer Website. Die beste Vorgehensweise ist die Verwendung eines CAPTCHAs.

Machen Sie sich jederzeit verfügbar

Das Kontaktformular funktioniert wie Ihr Stellvertreter. Es stellt Sie rund um die Uhr für Anfragen zur Verfügung. Wenn Ihr Unternehmen wächst, werden Sie nach und nach mehr Anfragen von Besuchern erhalten. Wie geht man mit der Situation um?

Einfach, Sie können eine automatische Antwort auf das Kontaktformular einstellen. Immer wenn der Besucher auf die Schaltfläche „Senden“ klickt, erhält er die Nachricht sofort. So erleichtert Ihnen das Kontaktformular die Beantwortung aller Fragen.

Das Kontaktformular hilft, mehr Leads zu generieren

Als Inhaber einer Unternehmenswebsite ist es Ihr Ziel, mehr Leads auf der Website zu erhalten. Deshalb; Sie benötigen ein Kontaktformular auf Ihrer Website. Das Kontaktformular erleichtert es neuen Besuchern, Sie zu erreichen.

Wenn Sie nur eine E-Mail veröffentlichen, müssen sich die Besucher nicht die Mühe machen, eine E-Mail manuell zu erstellen. Ein Kontaktformular enthält alle wichtigen Fragen, die einfach auszufüllen sind. Es weckt das Interesse eines zufälligen Besuchers an Ihrer Website.

Multifunktionaler Einsatz

Das Kontaktformular funktioniert als Medium für die Kommunikation in zwei Richtungen. Aber das ist nicht der einzige Grund, es zu verwenden. Ein Kontaktformular dient auch anderen Zwecken, wie Feedback geben, Anfragen stellen, sich für Veranstaltungen anmelden etc.

Erstellen Sie eine E-Mail-Marketing-Liste

E-Mail ist eine erschwingliche Möglichkeit, das Publikum zu erreichen. Immer wenn ein Besucher das Kontaktformular ausfüllt, können Sie seine Informationen erfassen. Anschließend können Sie sie zu Ihrer E-Mail-Liste hinzufügen. Darüber hinaus ermöglicht das Hinzufügen eines Kontrollkästchens für ständigen Kontakt, neue Abonnenten zu gewinnen, wenn sie sich anmelden.

Wie erstelle ich ein Elementor-Kontaktformular?

Stellen Sie zuerst sicher, dass Sie Elementor und Elementor Pro installiert und aktiviert haben. Was kommt als nächstes? Jetzt können Sie mit dem Designprozess fortfahren.

Schritt 01: Fügen Sie ein Kontakt-Widget aus der Elementor-Bibliothek hinzu

Öffnen Sie zunächst die Seite, auf der Sie das Elementor-Kontaktformular verwenden möchten. Wenn Sie sich nicht sicher sind, wo Sie das Kontaktformular auf Ihrer Website platzieren sollen, haben wir eine Option für Sie. Die About-Seite und die Homepage sind ein besserer Ort für ein Kontaktformular.

Wenn Sie die Elementor-Bibliothek öffnen, finden Sie viele Kontakt-Widget-Formulare. In Elementor werden diese Widgets „Formular“ genannt. Wählen Sie Ihr bevorzugtes Widget und ziehen Sie es auf Ihre Webseite.

Schritt 02: Richten Sie Ihre erforderlichen Felder im Kontaktformular ein

Jetzt ist es an der Zeit, Ihre Kontaktformularfelder einzurichten. In elementor finden Sie eine Vielzahl von Einstellungen für Ihr Kontaktformular-Widget. Elementor wurde bereits mit den erforderlichen Feldern ausgefüllt. Es enthält im Allgemeinen Informationen wie;

  • Nutzername
  • Email
  • Nachricht

Diese Felder sind die Elemente des grundlegenden Kontaktformulars. Sie können jedoch auch mehr Felder in Ihrem Kontaktformular haben. Sie können vorqualifizierende Fragen hinzufügen, z. B. zur Kenntnis des Budgets des Kunden. Je nach Budget des Kunden können Sie die passenden Leads eingrenzen.

Schritt 03: Fügen Sie zusätzliche Felder zum Kontaktformular hinzu oder entfernen Sie sie

Im Elementor-Kontaktformular gibt es eine Registerkarte mit dem Namen „Artikel hinzufügen“. Sie können auf Element hinzufügen klicken, um ein neues Feld in Ihrem Kontaktformular zu erstellen. Es gibt eine Reihe von Einstellungen für ein Element, z. B. Typ, Beschriftung, Platzhalter, Erforderlich, Spaltenbreite usw.

„Typ“ bezeichnet den Feldtyp, den Sie dem Formular hinzufügen können. Der Typ kann Text, E-Mail, URL, Passwort, reCAPTCHA usw. sein. Dann zeigt das „Label“ das Element über dem Formularfeld. Der „PlaceHolder“ ist ein Text, den der Benutzer eingeben soll.

Die vorletzte Einstellung ist „Erforderlich“, was ein einfacher Kippschalter ist. Wenn es aktiviert ist, können Benutzer das nicht ausgefüllte Formular nicht senden. Zu guter Letzt ermöglicht Ihnen die „Spaltenbreite“, das Feld beliebig auszurichten und zu stapeln.

Registerkarte „Erweitert“: Neben der Registerkarte „Inhalt“ gibt es eine Registerkarte „Erweitert“. Es enthält den Standardwert, die ID und den Shortcode. Sehen Sie, es gibt viele Optionen für Sie in Elementor. Sie können die Registerkarten auch entfernen, indem Sie auf das Schließen-Zeichen klicken.

Schritt 04: Richten Sie das Ziel für Daten aus dem Kontaktformular ein

Jetzt ist es an der Zeit, das Ziel festzulegen, an das die Informationen gesendet werden sollen. Klicken Sie auf die Option „E-Mail“, um die verfügbaren Optionen anzuzeigen. Zu den Optionen gehören;

  • Zu
  • Gegenstand
  • Nachricht
  • Aus der Email
  • Von Namen
  • Antwort an
  • CC und BCC

Die meisten dieser Optionen sind bereits ausgefüllt, sodass Sie keine Änderungen vornehmen müssen. Sie können auf Weiter klicken und die Seite speichern. Als nächstes finden Sie ein Meta-Box-Feld, das Metadaten enthält. Sie können festlegen, dass es mit der Übermittlung des Kontaktformulars gesendet wird. Schließlich gibt es noch eine „Senden als“-Option, die Sie nicht ändern müssen.

Schritt 05: Richten Sie automatische Nachrichten für das Kontaktformular ein

Mit dem Editor des Elementor-Formulars können Sie die automatische Nachricht generieren, die Sie an Benutzer senden möchten. Sie können die Nachricht gemäß Ihrem Formular ändern. Das Ändern der Form macht es realistischer.

Klicken Sie auf „Zusätzliche Optionen“, um die benutzerdefinierte Nachrichtenoption zu aktivieren. Tippen Sie dann auf die Option „Benutzerdefinierte Nachrichten“ auf „Ja“, die vier verschiedene Arten von Nachrichten zulässt. Die Nachrichten beinhalten;

  • Erfolgsmeldung – Diese Meldung wird dem Endbenutzer angezeigt, sobald er das Formular korrekt ausgefüllt hat.
  • Fehlermeldung – Diese Meldung wurde angezeigt, wenn zwischendurch ein Fehler aufgetreten ist.
  • Erforderliche Nachricht – Zeigt an, wenn der Benutzer ein Feld auslässt.
  • Ungültige Nachricht – Es wird angezeigt, wenn zwischendurch etwas nicht stimmt.

Schritt 06: Gestalten Sie Ihr Kontaktformular mit Elementor

Jetzt kommt der Teil, der den Benutzer anzieht. Klicken Sie im Elementor-Editor auf die Registerkarte „Stil“. Es gibt viele Möglichkeiten, Ihr Kontaktformular zu personalisieren. Sie können Abstände, Farben, Polsterung, Beschriftungen, Schaltflächen, Eingaben und vieles mehr anpassen.

Einrichtung 07: Veröffentlichen Sie Ihr Kontaktformular

In Ihrem Kontaktformular sollte alles so eingestellt sein, wie Sie es sich wünschen. Jetzt ist es an der Zeit, es für die Endbenutzer öffentlich zu machen. Veröffentlichen Sie das Kontaktformular, indem Sie auf die Schaltfläche „Aktualisieren“ klicken. Toll! Sie sind nun fertig mit Ihrem gewünschten Kontaktformular.

Die 6 besten Elementor-Add-Ons zum Erstellen eines attraktiven Kontaktformulars

Das Erstellen des oben genannten Kontaktformulars ist möglich, wenn Sie Elementor Pro verwenden. Wenn Sie nicht darauf zugreifen können, keine Sorge, es gibt eine Reihe alternativer Element- oder Add-Ons. Die folgenden Alternativen sind absolut kostenlos.

  1. Droit Contact Form Addon für Elementor – Es bietet lebenslang kostenloses Elementor-Add-On.
  2. HubSpot – Es ist ein kostenloses Online-Marketing-Plugin, mit dem Sie Formulare, Live-Chat, Popups usw. hinzufügen können.
  3. WPForms Plugin – Es ist die Basisversion, die viele Funktionen bietet. Sie können einfache Kontaktformulare erstellen und es lässt sich leicht in Elementor integrieren.
  4. Kontaktformular 7 – Es ist eine lohnende und unkomplizierte Option, die mit integrierten Shortcodes ausgestattet ist.
  5. Forminator – Es verfügt über eine einfach zu bedienende Benutzeroberfläche. Das Plugin hat mehr als 2 Millionen aktive Installationen.
  6. Caldera Forms – Es enthält eine Reihe robuster Funktionen, die kostenlos zur Verfügung stehen.

FAQ: Wie erstelle ich ein Elementor-Kontaktformular?

1. Wie füge ich ein Kontaktformular in Elementor hinzu?

Öffnen Sie die Seite in Elementor, auf der Sie das Kontaktformular hinzufügen möchten. Suchen Sie das Elementor-Widget oder das Kontaktformular 7-Widget. Ziehen Sie dann das Widget per Drag & Drop auf die Seite. Wählen Sie dann die Formularvorlage aus. Sie können eine weiße Form sehen.

Klicken Sie nun auf die Schaltfläche Bearbeiten, und im Menü auf der linken Seite finden Sie eine Registerkarte Stil. Wählen Sie den gewünschten Hintergrund. Gehen Sie nun zurück zu den Einstellungen, gestalten Sie das Formular und klicken Sie abschließend auf die Schaltfläche „Veröffentlichen“.

2. Hat Elementor Formulare?

Absolut, elementor enthält mehr als zehn verschiedene Arten von Formularfeldern. Sie können die gesuchten Daten auf Ihrer Website abrufen. Die Informationen umfassen Namen, E-Mail-Adressen, Telefonnummern usw.

3. Wie passe ich ein Kontaktformular in WordPress an?

Das Anpassen eines Kontaktformulars in WordPress ist relativ einfacher. Klicken Sie im Admin-Bereich auf das Erscheinungsbild. Wählen Sie die Option zum Anpassen, um die Einstellungen zu ändern.

4. Wie verwende ich das Droit-Kontaktformular-Widget?

Droit Elementor Addons sind eine Erweiterung von Elementor. Es zielt darauf ab, Ihre Website-Design-Erfahrung zu verbessern. Droit wird mit vielen praktischen Widgets, On-Demand-Laden von Assets usw. geliefert.

Um das Widget zu verwenden, müssen Sie die Erweiterung in den elementor Page Builder einbinden. Dann können Sie verschiedene Kontaktformulare mit vorgefertigten Voreinstellungen entwerfen. Es ermöglicht das Ändern von Hintergrund, Schatten, Typografie, Rahmen usw.

5. Wo werden Elementor-Formulare gespeichert?

Die Elementor-Formulare werden in der Postmeta-Tabelle gespeichert. Die Formulardaten werden im Metaschlüssel „_elementor_data“ für jedes Formular oder jede Seite gespeichert.

Abschluss!

Das war's für heute, Leute! Bis jetzt haben Sie gelernt, wie man ein Elementor-Kontaktformular erstellt. Wir gehen davon aus, dass Sie bereits ein hervorragendes Kontaktformular erstellt haben. Ist es nicht einfacher? Tatsächlich ist Elementor schnell und unkompliziert.

Sehen Sie, das Erstellen eines Kontaktformulars dauert keine Stunden, wenn Sie Elementor Pro installiert haben. Jetzt können Sie weitere Änderungen in Ihrem Kontaktformular vornehmen.