So erstellen Sie eine Website oder ein Blog im Jahr 2020 - Kostenlose und einfache Anleitung zum Erstellen einer Website

So fügen Sie (einfach) ein Kontaktformular in ein WordPress-Sidebar-Widget ein

Möchten Sie Ihrer Seitenleiste ein WordPress-Kontaktformular-Widget hinzufügen? Das Hinzufügen eines Kontaktformulars zur Seitenleiste erleichtert Ihren Besuchern die Kontaktaufnahme.

In diesem Artikel zeigen wir Ihnen die einfache Möglichkeit, ein Kontaktformular in ein WordPress-Sidebar-Widget einzufügen, ohne Code schreiben zu müssen.

Wie füge ich ein Seitenleisten-Widget in WordPress hinzu?

Um ein Seitenleisten-Widget in WordPress hinzuzufügen, müssen Sie zu navigieren Aussehen » Widgets in der WordPress-Seitenleiste.

Finden Sie WordPress-Kontakt-Widgets für die Seitenleiste

In der Liste können Sie die auf Ihrer WordPress-Site verfügbaren Widgets sehen. Sie können jedes Widget in den rechten Seitenleistenbereich ziehen, um es zu verwenden.

Fügen Sie WordPress-Widgets zur Seitenleiste hinzu

Lesen Sie diese Anleitung zum Hinzufügen und Verwenden von Widgets, um weitere Hilfe bei den ersten Schritten mit Widgets zu erhalten.

Vermissen Sie das Widget-Menü in WordPress? Themes wie Hello Elementor haben keine Seitenleiste, also gibt es keine Widgets Menü unten Aussehen. Um das Menü anzuzeigen, lesen Sie diese Anleitung zum Hinzufügen einer Widget-fähigen Seitenleiste in WordPress.

Nachdem wir nun wissen, wie man Widgets in WordPress hinzufügt, erstellen wir ein Kontaktformular, das wir einfach zur Seitenleiste hinzufügen können.

So fügen Sie ein Kontaktformular in einem WordPress-Sidebar-Widget hinzu

Das Einfügen eines Kontaktformulars in Ihre Seitenleiste mit einem Widget ist sehr einfach. Wir werden den Prozess in 3 einfachen Schritten analysieren:

  1. Installieren Sie das WPForms-Plugin
  2. Erstellen Sie ein Kontaktformular
  3. Fügen Sie ein Kontaktformular-Seitenleisten-Widget hinzu

Kontaktformular in der Seitenleiste – Video-Tutorial

In diesem Video werden alle Schritte erläutert, die Sie ausführen müssen, um ein Kontaktformular-Seitenleisten-Widget hinzuzufügen.

Wenn Sie lieber den schriftlichen Anweisungen folgen möchten, lesen Sie weiter. Wir beginnen mit der Installation des WPForms-Plugins.

Schritt 1: Installieren Sie das WPForms-Plugin

Beginnen Sie mit der Installation und Aktivierung des WPForms-Plugins. Weitere Informationen finden Sie in dieser Schritt-für-Schritt-Anleitung zur Installation eines Plugins in WordPress.

Dann geh zu WPForms » Neu hinzufügen um ein neues Formular zu erstellen.

Fügen Sie Ihrem Seitenleisten-Widget in WordPress ein neues Kontaktformular hinzu

Das WPForms-Fenster wird in Ihrem Browser geöffnet. Als Nächstes fügen wir Ihrer Website ein Kontaktformular hinzu.

Schritt 2 – Fügen Sie ein Kontaktformular hinzu

Benennen Sie Ihr Formular oben im WPForms-Einstellungsbildschirm. Klicken Sie dann auf Einfaches Kontaktformular Vorlage zum Öffnen.

Verwenden Sie eine Kontaktformularvorlage

Die einfache Kontaktformularvorlage enthält bereits 3 Felder:

Erstellen Sie ein Kontaktformular für das WordPress-Sidebar-Widget

Sie können zusätzliche Felder hinzufügen, indem Sie sie vom linken Bereich in den rechten Bereich ziehen. Klicken Sie dann auf das Feld, um Änderungen vorzunehmen.

Standardmäßig zeigt WPForms eine Bestätigungsmeldung an, wenn Ihr Formular gesendet wird. Da die Seitenleiste jedoch sehr klein ist, wirkt die Bestätigung möglicherweise etwas eng.

Stattdessen möchten Sie den Besucher möglicherweise lieber auf eine Dankesseite weiterleiten. Um es einzurichten, lesen Sie diese Anleitung zur Weiterleitung von Benutzern nach der Übermittlung eines WordPress-Formulars.

Wenn Sie fertig sind, speichern Sie Ihre Änderungen unbedingt, bevor Sie das Formularerstellungsfenster schließen.

Schritt 3 – Fügen Sie ein Kontaktformular-Seitenleisten-Widget hinzu

Nachdem Sie Ihr Formular erstellt haben, können Sie es dem Seitenleisten-Widget-Bereich Ihrer Website hinzufügen.

Um zu beginnen, klicken Sie auf Aussehen » Widgets.

Finden Sie WordPress-Kontakt-Widgets für die Seitenleiste

Scrollen Sie auf der Seite „Widgets“ nach unten, bis Sie das WPForms-Widget finden. Wenn Sie darauf klicken, werden Ihnen alle in Ihrem Theme verfügbaren Widget-Bereiche angezeigt.

Wir wählen aus Haupt-Seitenleiste um das Kontaktformular-Widget zu unserer WordPress-Seitenleiste hinzuzufügen. Je nachdem, wie Ihr Theme eingerichtet ist, hat Ihre Seitenleiste möglicherweise einen anderen Namen.

Fügen Sie das WordPress-Kontaktformular-Widget zur Seitenleiste hinzu

Jetzt fahren Sie fort und klicken Sie Widget hinzufügen um das Kontaktformular zu Ihrer Seitenleiste hinzuzufügen.

Wählen wir das Formular aus, das wir anzeigen möchten. Scrollen Sie dazu nach oben und schauen Sie nach rechts. Sie sehen alle Widgets, die Sie derzeit verwenden.

Klicken Sie auf das WPForms-Widget, um es zu erweitern. Hier können Sie Ihr Kontaktformular aus dem Dropdown-Menü auswählen.

WordPress-Kontaktformular-Seitenleisten-Widget

wenn Sie klicken Speichernist das Kontaktformular-Seitenleisten-Widget auf Ihrer Website aktiv und kann von Ihren Besuchern ausgefüllt werden.

So sieht unser fertiges Sidebar-Kontaktformular aus:

Kontaktformular-Widget in einem veröffentlichten WordPress-Beitrag

Und das ist! Sie haben Ihrer WordPress-Seitenleiste erfolgreich ein Kontaktformular hinzugefügt.

Nächster Schritt: Erstellen Sie ein Datei-Upload-Formular

Sie haben Ihr Kontaktformular im Seitenleisten-Widget. Möchten Sie als Nächstes ein Datei-Upload-Formular für WordPress erstellen? Das Akzeptieren von Datei-Uploads ist eine großartige Möglichkeit, Bestellungen entgegenzunehmen und Ihren Kunden das Hochladen von Dokumenten zu ermöglichen.

Um zu erfahren, wie Sie Ihrem Formular ein Datei-Upload-Feld hinzufügen, lesen Sie diese Anleitung zum Erstellen eines Datei-Upload-Formulars in WordPress.

Sie können sich auch diese Beispiele für Kontaktseiten ansehen, um kreativere Möglichkeiten zur Verwendung Ihrer Formulare zu finden.

Sind Sie bereit, Ihr Formular zu erstellen? Beginnen Sie noch heute mit dem einfachsten WordPress-Formularerstellungs-Plugin. WPForms Pro enthält viele kostenlose Vorlagen und bietet eine 14-tägige Geld-zurück-Garantie.

Wenn Ihnen dieser Artikel geholfen hat, folgen Sie uns weiter Facebook Und Twitter für weitere kostenlose WordPress-Anleitungen und Tutorials.