Wie man ein individuelles Kit-Kontaktformular in WordPress erstellt

Die Erstellung eines Kontaktformulars, das wirklich zu Ihrer Marke passt, kann sich wie eine schwierige Aufgabe anfühlen, besonders wenn Sie es nahtlos in Tools wie Kit integrieren möchten. Die gute Nachricht ist, dass es durchaus möglich ist, ein individuelles Kit-Kontaktformular zu erstellen, das Leads einfängt und gleichzeitig den Stil Ihrer Website beibehält.

Erstellen Sie jetzt Ihr WordPress-Kit-Formular 🙂

In diesem Artikel zeige ich Ihnen, wie Sie ein benutzerdefiniertes Kit-Formular erstellen und Ihrer WordPress-Website hinzufügen können - ganz ohne Programmierkenntnisse! Fangen wir an.

Wie man ein individuelles Kit-Kontaktformular in WordPress erstellt

Ich zeige Ihnen, wie Sie ein einfaches Kit-Formular erstellen. Sie können dieselben Schritte befolgen, um ein beliebiges Formular einfach mit Kit zu verbinden.

Schritt 1: Installieren Sie das WPForms Plugin und aktivieren Sie das Kit Addon

Als Erstes müssen Sie das WPForms-Plugin installieren und aktivieren. Hier finden Sie eine Schritt-für-Schritt-Anleitung für die Installation eines WordPress-Plugins, falls Sie Hilfe benötigen.

Jetzt auf WPForms Pro upgraden 🙂

Sobald Sie WPForms auf Ihrer Website installiert haben, müssen Sie als Nächstes das Kit-Addon installieren und aktivieren, was recht einfach ist. Navigieren Sie in Ihrem WordPress-Dashboard zu WPForms " Addons.

Scrollen Sie nach unten, bis Sie das Kit-Addon gefunden haben. Wenn es nicht bereits installiert ist, klicken Sie auf die Schaltfläche Addon installieren. Nachdem das Addon installiert ist, aktivieren Sie es mit dem Kippschalter, falls es nicht automatisch bei der Installation aktiviert wurde.

Nachdem Sie das Kit-Addon installiert und aktiviert haben, sind Sie bereit, weiterzumachen. Im nächsten Schritt werden wir unsere Kit-Konten mit WPForms verbinden. Es ist wichtig zu beachten, dass Sie dies später tun können, wenn Sie direkt zum Erstellen des Formulars in Schritt 3 übergehen möchten, aber ich finde, dass es einfacher ist, es jetzt zu tun, bevor Sie mit der Arbeit an Ihrem Formular beginnen.

Schritt 2: Verbinden Sie Ihre WPForms und Kit-Konten

Um WPForms mit Kit zu verbinden, müssen Sie zunächst eine neue Registerkarte öffnen und sich auf der Kit-Website anmelden, um auf Ihre Kontoinformationen zuzugreifen. Es ist wichtig, dies in einer neuen Registerkarte oder einem neuen Fenster zu tun, weil Sie Dinge aus Kit in WPForms kopieren und einfügen werden.

Sobald Sie sich angemeldet haben, klicken Sie auf das Dropdown-Menü neben Ihrem Namen oben rechts auf der Seite und wählen Sie Einstellungen.

Blättern Sie auf der Seite Einstellungen durch die Optionen in der linken Seitenleiste, bis Sie Entwickler finden, und klicken Sie auf diese Option.

Auf der Seite mit den Entwicklereinstellungen sollten Sie Ihre API- und Geheimschlüssel sehen.

Verlassen Sie dieses Fenster nur für den Moment und klicken Sie zurück zu dem Fenster mit Ihrem WPForms-Konto.

Als letztes haben wir das Kit-Addon installiert und aktiviert. Jetzt werden wir die Verbindung zwischen den Konten herstellen. Um dies zu tun, unter WPForms in der linken Seitenleiste Menü, klicken Sie auf Einstellungen. Klicken Sie auf dieser Seite auf die Registerkarte mit der Aufschrift Integrationen.

Blättern Sie nach unten, bis Sie die Option für Kit finden.

Klicken Sie auf die Schaltfläche Neues Konto hinzufügen. Hier müssen Sie zur Registerkarte mit Ihren Kit-Kontoinformationen zurückkehren und Ihren API-Schlüssel und den geheimen API-Schlüssel kopieren.

Sobald die Kontoverbindung hergestellt ist, erhalten Sie eine Bestätigung.

Jetzt ist Ihr Kit-Konto mit WPForms verbunden. Wie ich schon sagte, können Sie dies auch später noch tun, nachdem Sie Ihr Formular erstellt haben. Ich werde sogar darauf hinweisen, in der Anleitung, wo Sie es tun können. Ich finde es nur einfacher, alles vor der Zeit eingerichtet haben, so dass die nächsten Schritte sind glatter.

Also gut. Lasst uns weitermachen.

Schritt 3: Erstellen Sie Ihr Kit-WordPress-Formular

WPForms kommt mit einer großartigen eingebauten Formularvorlagenbibliothek, die aus mehr als 2.000 WordPress-Formularvorlagen besteht . Sie können sie so verwenden, wie sie sind, oder sie an Ihre Bedürfnisse anpassen.

Mit diesen Vorlagen können Sie Ihren Formularerstellungsprozess mit nur wenigen Klicks in Gang setzen, ohne dass Sie Formulare aus einem leeren Blatt Papier erstellen müssen, wenn Sie das nicht wollen.

Um ein neues Formular in WPForms zu erstellen, klicken Sie in Ihrem WordPress-Dashboard auf WPForms " Neu hinzufügen.

Daraufhin werden Sie zum Bildschirm für die Formulareinrichtung weitergeleitet. Hier müssen Sie Ihrem Formular einen Namen geben und die zu verwendende Formularvorlage auswählen

Für dieses Beispiel verwenden wir das Einfaches Kontakt-Formular und nennen es "Kit Form". Wenn Sie möchten, können Sie stattdessen auch die Vorlage für das Newsletter-Anmeldeformular wählen. Sie können eine Vorschau der Vorlagen anzeigen, indem Sie sie auswählen und auf die Schaltfläche " Demo anzeigen" klicken.

Nachdem Sie die gewünschte Vorlage ausgewählt haben, klicken Sie auf die Schaltfläche Vorlage verwenden, um sie in den Formularersteller zu laden.

So wird Ihr Formular im Dashboard des Formularerstellers aussehen. Sie können die Felder nach Belieben hinzufügen, bearbeiten oder neu anordnen.

Eine Sache, die Sie vielleicht hinzufügen möchten oder müssen, ist ein GDPR-Vereinbarungsfeld. Da es völlig optional ist, werde ich hier nicht näher darauf eingehen. Wenn Sie jedoch mehr darüber lesen möchten, wie Sie das GDPR-Feld aktivieren und zu Ihrem Formular hinzufügen können, lesen Sie unser Dokument zur Erstellung GDPR-konformer Formulare.

Schritt 4: Verbinden Sie Ihr Formular mit dem Kit

Bis jetzt haben wir WPForms und das Kit-Addon installiert und aktiviert, unsere Kit-Konten mit WPForms verbunden und unser Formular erstellt. Jetzt müssen wir sicherstellen, dass die Informationen aus unseren Formularen an unsere Kit-Konten gehen.

Wenn Sie die Verbindung zwischen WPForms und Kit früher in diesem Tutorial hergestellt haben, haben Sie Ihr Konto eingerichtet, um mit WPForms verwendet zu werden. Wenn Sie Daten aus einem bestimmten Formular an Ihr Kit-Konto senden möchten, müssen Sie dies für dieses spezielle Formular aktivieren. Das ist, was wir hier tun werden.

Wenn Sie Ihr Kit-Konto noch nicht verbunden haben, fahren Sie hier fort. Wenn Sie Ihr Konto in Schritt 2 verknüpft haben, können Sie die nächsten Abschnitte überspringen und bei "Wenn Sie Ihr Konto bereits verknüpft haben..." weiter unten weitermachen.

Wenn Sie Ihr Konto noch nicht verknüpft haben...

Wenn Ihr Kit-Formular im Formular-Editor geöffnet ist, klicken Sie in der linken Seitenleiste auf Marketing. Wenn Sie Ihr Kit-Konto noch nicht mit WPForms verbunden haben, können Sie dies jetzt tun, indem Sie Kit auswählen und dann auf die Schaltfläche Neue Verbindung hinzufügen klicken.

Dann müssen Sie die Anweisungen aus Schritt 2 oben befolgen, um Ihr Konto zu verbinden, bevor Sie fortfahren.

Wenn Sie Ihr Konto bereits verknüpft haben...

Wenn Ihr Formular in der Formularerstellung geöffnet ist, klicken Sie in der linken Seitenleiste auf Marketing. Scrollen Sie durch Ihre Optionen, bis Sie Kit finden und klicken Sie darauf.

Da Ihr Konto bereits verbunden ist, sollten Sie keine Option zum Verbinden eines Kontos sehen. Klicken Sie stattdessen auf die Schaltfläche Neue Verbindung hinzufügen.

Danach geben Sie der Verbindung einfach einen Namen und klicken auf die Schaltfläche OK, um den Integrationsprozess abzuschließen. Der Verbindungsname ist nur intern und soll Ihnen nur helfen, Ihre Verbindungen zu unterscheiden, wenn Sie mehrere haben.

Nachdem Sie Ihre Verbindung benannt haben, müssen Sie das zu verwendende Konto und die gewünschte Aktion aus den Dropdown-Menüs im Setup auswählen.

Sie haben folgende Aktionsmöglichkeiten:

• Abonnieren
• Abbestellen
• Tags des Abonnenten entfernen

Für unser Tutorial wählen wir die Option Abonnieren, aber Sie sollten das wählen, was für Ihr Formular am sinnvollsten ist. Wenn Sie Abonnieren wählen, werden weitere Optionen angezeigt.

Jetzt werden Sie die Formularfelder zuordnen. Die Optionen, die Ihnen zur Verfügung stehen, hängen von den Feldern des Formulars ab, das Sie erstellt haben. Die Felder "Form" und " Tags" basieren auf dem, was bereits in Ihrem Kit-Konto vorhanden ist. Sie können sich dafür entscheiden, Ihr WPForms-Formular mit einem Formular auf Kit zu verbinden, aber Sie werden wahrscheinlich Tags verwenden.

Wenn Sie bereits Tags erstellt haben, stehen Ihnen diese als Optionen zur Verfügung. Sie können auch neue Tags aus WPForms erstellen und sie werden auch in Ihrem Kit-Konto erstellt werden.

Sie können auch eine bedingte Logik verwenden, wenn Sie nur bestimmte Eingaben auf diese Weise verarbeiten wollen.

Gute Arbeit! Sie haben Kit erfolgreich in WPForms integriert und sind nun bereit, das Formular auf Ihrer Website einzubetten.

Schritt 5: Einbetten Ihres Kit-Kontaktformulars

Nun sind Sie beim letzten Schritt angelangt: dem Einbetten Ihres Formulars auf Ihrer Website, damit es neue Abonnenten sammeln kann. Der einfachste Weg, ein Formular einzubetten, ist die Schaltfläche " Einbetten" am oberen Rand des Formularerstellers. Nachdem Sie darauf geklickt haben, werden Sie gefragt, ob Sie das Formular in eine neue oder bestehende Seite einbetten möchten.

Wenn Sie eine bestehende Seite auswählen, wird eine Liste von Seiten auf Ihrer Website angezeigt, die Sie auswählen können. Wenn Sie eine neue Seite erstellen, können Sie diese direkt über den Formularersteller erstellen. Weitere Informationen finden Sie in diesem Leitfaden über 3 Möglichkeiten zum Einbetten von Formularen.

So wird Ihr Kit-Formular auf der Live-Seite aussehen. Testen Sie das eingebettete Formular, um sicherzustellen, dass es wie vorgesehen funktioniert.

Das war's! Jetzt können Sie automatisch Abonnenten zu Ihrem Kit-Konto hinzufügen, wenn Besucher das Formular auf Ihrer Website abschicken.

FAQ - Weitere Fragen zu Kit-Kontaktformularen

Die Integration von WPForms und Kit ist ein beliebtes Thema bei unseren Lesern. Hier sind Antworten auf einige der häufigsten Fragen, die wir dazu erhalten.

Verfügt Kit über Kontaktformulare?

Ja, Kit bietet Kontaktformulare, die einfach erstellt und in Ihre Website eingebettet werden können. Diese Formulare sind für die Erfassung von Abonnenteninformationen konzipiert und lassen sich nahtlos in die E-Mail-Marketing-Tools von Kit integrieren.

Wie erstelle ich ein Formular-Kit?

Das Erstellen eines Formulars in Kit ist ganz einfach. Nachdem Sie sich bei Kit angemeldet haben, navigieren Sie zum Abschnitt Formulare , klicken auf Neu erstellen und wählen Formular. Sie können dann eine Vorlage auswählen und sie nach Ihren Bedürfnissen anpassen, einschließlich benutzerdefinierter Felder und Designelemente.

Wie kann ich WPForms mit Kit integrieren?

Um WPForms mit Kit zu integrieren, stellen Sie zunächst sicher, dass Sie das Plugin WP " Forms und das Kit Addon auf Ihrer WordPress-Seite installiert haben. Erstellen Sie ein Formular in WPForms, gehen Sie zu Marketing Kit, fügen Sie eine neue Verbindung hinzu, authentifizieren Sie Ihr Kit-Konto, und verknüpfen Sie Ihr Formular mit einem Kit-Formular oder -Tag.

Wie kann ich ein Kontaktformular in WPForms erstellen?

Das Erstellen eines Kontaktformulars in WPForms ist einfach. Installieren und aktivieren Sie WPForms auf Ihrer WordPress-Website. Klicken Sie auf WPForms " Neu hinzufügen, wählen Sie eine Kontaktformularvorlage oder beginnen Sie von vorne, passen Sie Ihre Formularfelder an, konfigurieren Sie Einstellungen und betten Sie das Formular auf Ihrer Website ein.

Als nächstes erhalten Sie mehr Abonnenten für Ihre E-Mail-Liste

Haben Sie Probleme, Abonnenten für Ihren Blog oder Ihre Website zu gewinnen? Keine Sorge, wir geben Ihnen Tipps, wie Sie Ihre E-Mail-Liste schnell erweitern können.

Wenn Ihnen dieser Artikel gefallen hat, möchten Sie vielleicht auch über diese cleveren Hacks lesen, um versteckte Kundendaten mit einem versteckten WPForms-Feld freizuschalten.

Erstellen Sie jetzt Ihr WordPress-Formular

Sind Sie bereit, Ihr Formular zu erstellen? Starten 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 dieser Artikel Ihnen geholfen hat, folgen Sie uns bitte auf Facebook und Twitter für weitere kostenlose WordPress-Tutorials und -Anleitungen.