So erstellen Sie ein Kontaktformular in Elementor

Möchten Sie wissen, wie Sie eine erstellen Kontaktformular bei Elementor?

Die Kontaktseite ist eine der entscheidenden Seiten einer Website. Es wird oft als Parameter verwendet, ob eine Website genehmigt wird oder nicht. Elementor kommt mit einem nativen Widget – dem Formular-Widget – mit dem Sie einer Seite ein Formular hinzufügen können. Dieser Artikel zeigt Ihnen, wie.

Das Formular-Widget selbst ist nur auf Elementor Pro verfügbar. Das bedeutet, dass Sie auf die Pro-Version upgraden müssen, wenn Sie noch die kostenlose Version verwenden. Sie können das Formular-Widget nicht nur zum Erstellen einer Kontaktformular, aber Sie können es auch verwenden, um andere Arten von Formularen zu erstellen, einschließlich E-Mail-Registrierungsformular, Benutzerregistrierungsformular, das Datei-Upload-Formular, etc ...

So erstellen Sie ein Kontaktformular in Elementor

Wenn Sie ein erstellen Kontaktformular Mit dem Formular-Widget von Elementor können Sie den Ort festlegen, an den die Formulardaten gesendet werden. Ob in Ihrem E-Mail-Konto oder im Standard-Formularübermittlungsmanager von Elementor.

In diesem Artikel springen wir direkt zum Hinzufügen des Formular-Widgets zum Bearbeitungsfeld von Elementor. Fügen Sie einfach das Formular-Widget aus dem Widget-Bereich wie folgt zum Bearbeitungsfeld hinzu:

Wie Sie sehen, erstellt das Formular-Widget automatisch ein Formular, das aus drei Feldern besteht.

Lesen Sie auch: So fügen Sie ein Preisraster in Elementor hinzu

Um ein vorhandenes Feld zu bearbeiten, können Sie es einfach öffnen. Sie können den Feldtyp ändern, die Standardbezeichnung und den Platzhalter überschreiben und bei Bedarf als erforderliches Feld festlegen.

Um ein vorhandenes Feld zu löschen, klicken Sie einfach auf das X des Feldes, das Sie löschen möchten.

Um ein neues Feld hinzuzufügen, klicken Sie einfach auf die Schaltfläche EIN ELEMENT HINZUFÜGEN. Das Formular-Widget selbst unterstützt zwanzig Arten von Feldern.

Definieren der Formularaktion

Wie bereits erwähnt, können Sie die Formulardaten (Einsendungen) an Ihr E-Mail-Konto oder an die integrierte Formulareinsendung von Elementor senden. Um das Ziel festzulegen, können Sie den Block öffnen Nach dem Senden von Aktionen unter der Registerkarte Inhalt aus dem Einstellungsfeld.

Siehe auch: So erstellen Sie ein abgerundetes Bild in Elementor

Wählen Sie eine Aktion aus, die Sie im verfügbaren Feld definieren möchten (Sie können mehrere Aktionen hinzufügen). In diesem Beispiel wählen wir E-Mail.

Wenn Sie auch die Formularaktion festlegen per E-Mail, du kannst den block öffnen E-Mail um die E-Mail-Adresse für den Empfang der Formulardaten festzulegen. Wie Sie sehen, können Sie auch den Betreff festlegen, wenn Sie möchten.

Standardmäßig enthält Elementor den Inhalt aller Felder im Formular. Wenn Sie nur Inhalte aus bestimmten Feldern aufnehmen möchten, können Sie die Shortcodes Ihrer bevorzugten Felder in das Feld einfügen. Botschaft.

Mit der folgenden Einstellung wird beispielsweise nur der Inhalt des Nachrichtenfelds gesendet.

Um den Shortcode eines Feldes zu erhalten, können Sie auf die Registerkarte klicken ERWEITERT im zugehörigen Feld des Blocks Formularfelder.

Definition von Nachrichten

Wenn die Formulardaten erfolgreich übermittelt wurden, wird Ihren Besuchern unter dem Formular eine Erfolgsmeldung angezeigt. Ebenso wird eine Fehlermeldung angezeigt, wenn die Formulardaten nicht übermittelt werden.

Siehe auch: So erstellen Sie einen Teammitgliedsbereich mit Elementor

Sie können diese Standardnachrichten sowie zwei weitere Nachrichten aus dem Block überschreiben Zusätzliche Optionen unter der Registerkarte Inhalt aus dem Einstellungsfeld. Aktivieren Sie die Benutzerdefinierte Nachrichten um die Standardnachrichten zu überschreiben.

Anpassen des Formulars

Nachdem Sie die Grundeinstellungen unter die Registerkarte Inhalt vom Einstellungsfeld aus können Sie zum Design um das Formular anzupassen. Es gibt fünf Blöcke, die Sie hier öffnen können.

• Form

Sie können diesen Block öffnen, um den Abstand zwischen den Spalten und Zeilen des Formulars, den Etikettenabstand, die Typografie (Schriftfamilie, Schriftgröße, Schriftstil usw.) des Formularetiketts und dessen Textfarbe festzulegen.

• Feld

Sie können diesen Block öffnen, um die Typografie des Texts des Feldes sowie die Farbe, die Hintergrundfarbe der Formularfelder, die Größe, die Rahmenfarbe und den Rahmenradius der Formularfelder festzulegen.

• Tasten

Sie können diesen Block öffnen, um die Senden-Schaltfläche anzupassen. Sie können Dinge wie Schaltflächentexttypografie sowie Farbe, Hintergrundfarbe, Randradius, Randgröße, Randfarbe und Textfüllung festlegen. Um die Größe der Schaltfläche einzustellen, können Sie dies vom Block aus tun Tasten sous die Registerkarte Inhalt.

• Account Beiträge

Sie können diesen Block öffnen, um die Typografie sowie die Farbe des Nachrichtentextes festzulegen.

• Shritte

Sie können diesen Block nur öffnen, wenn Sie ein mehrstufiges Formular erstellen möchten.

Sobald Sie mit der Anpassung des Formulars und der Seite fertig sind, können Sie Ihre Seite veröffentlichen.

Möglicher Fehler

Einer der häufigsten Fehler beim Festlegen der Formularaktion auf E-Mail ist, dass das Formular nicht gesendet wird. Stattdessen sehen Sie die folgende Meldung.

Elementor und die meisten Kontaktformular-Plugins – einschließlich Contact Form 7 – verwenden die Standard-E-Mail-Zustellungsfunktion von WordPress namens wp_mail. Diese Funktion hängt von der Funktion ab send_mail die von PHP abhängt, um zu funktionieren.

Lesen Sie auch: So fügen Sie einen Testimonial-Slider in Elementor hinzu

Leider alle AnbieterWeb-Hosting Aktivieren Sie die Funktion nicht send_mail von PHP. In diesem Fall wird Ihr Formular nicht gesendet. Stattdessen erhalten Sie eine Fehlermeldung wie die obige.

Um das Problem zu beheben, können Sie einen benutzerdefinierten E-Mail-Zustellungsdienst auf Ihrem WordPress installieren und konfigurieren. Alternativ können Sie, wenn möglich, Ihren Hosting-Provider bitten, die Funktion zu aktivieren send_mail von PHP.

Am Ende

Elementor ist eines der umfassendsten Plugins zum Erstellen von Seiten. Es wird mit einer Reihe von Designelementen (so genannten Widgets) geliefert, mit denen Sie der Seite einfach Elemente hinzufügen können, einschließlich eines Kontaktformulars.

Obwohl Sie das Formular-Widget verwenden können, um ein Kontaktformular von Grund auf mit Ihrem eigenen Design zu erstellen, bietet Elementor auch Formularvorlagen, die Sie verwenden können. Du kannst sogar eine Kontaktseite erstellen (natürlich komplett mit Kontaktformular) aus einer Vorlage.

Holen Sie sich jetzt Elementor Pro!

Zusammenfassung

Hier ist ! Das war's für diesen Artikel, der Ihnen zeigt, wie Sie ein Kontaktformular in Elementor erstellen. Wenn Sie Bedenken haben, wie Sie dorthin gelangen, flass es uns wissen im commentaires.

Sie können sich aber auch beraten unsere RessourcenWenn Sie mehr Elemente benötigen, um Ihre Projekte zur Erstellung von Internetseiten durchzuführen, konsultieren Sie unseren Leitfaden auf der WordPress-Blog-Erstellung oder der eine auf Divi: das beste WordPress-Theme aller Zeiten.

Aber in der Zwischenzeit Teile diesen Artikel in deinen verschiedenen sozialen Netzwerken.

...