So erstellen Sie ein Kit (ConvertKit)-Kontaktformular in WordPress

Wenn Sie Kit (ehemals ConvertKit) für Ihr E-Mail-Marketing nutzen, haben Sie wahrscheinlich schon einmal darüber nachgedacht, es mit Ihren WordPress-Formularen zu verknüpfen. Kit verfügt zwar über einen eigenen Formular-Generator, dessen Anpassungsmöglichkeiten sind jedoch begrenzt.

Mit WPForms können Sie jedes beliebige Formular erstellen und die Daten der Abonnenten direkt an Ihr Kit-Konto senden – dabei behalten Sie die volle Kontrolle über das Formular-Design, die bedingte Logik und die direkte Weiterleitung jeder Übermittlung an Kit.

In diesem Artikel zeige ich Ihnen, wie Sie in WordPress ein Kit-Kontaktformular erstellen und es ohne Programmierkenntnisse mit Ihrem Konto verknüpfen können.

Erstellen Sie jetzt Ihr Kontaktformular für Ihr Kit!

Wie man ein individuelles Kit-Kontaktformular in WordPress erstellt

Ich zeige dir, wie du mit WPForms ein Kit-Kontaktformular erstellst und es mit deinem Kit-Konto verknüpfst. Mit denselben Schritten kannst du jedes beliebige WPForms-Formular mit Kit verknüpfen.

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

Um Ihre WordPress-Formulare mit Kit zu verbinden, benötigen Sie ein Formular-Plugin mit integrierter Kit-Anbindung. Das WPForms-Plugin ist ein Drag-and-Drop-Formular-Generator mit über 2.100 Vorlagen und enthält ein spezielles Kit-Add-on, das Formularübermittlungen direkt mit Ihrem Kit-Konto synchronisiert.

Was mir an der Verwendung von WPForms für diesen Zweck am besten gefällt, ist, dass man die volle Kontrolle über das Design des Formulars behält, während die Kit-Anbindung im Hintergrund läuft. Um auf das Kit-Add-on zugreifen zu können, benötigst du die WPForms Plus-Lizenz oder eine höhere Version.

Laden Sie zunächst das Plugin herunter und installieren Sie es auf Ihrer Website. Falls Sie Hilfe benötigen, finden Sie hier eine Anleitung zur Installation des WordPress-Plugins, die Sie Schritt für Schritt durch die Einrichtung führt.

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-Add-on installiert und aktiviert haben, können Sie fortfahren. Im nächsten Schritt verbinden wir unsere Kit-Konten mit WPForms.

Es ist wichtig zu beachten, dass du dies auch später noch tun kannst, falls du direkt mit der Erstellung des Formulars in Schritt 3 beginnen möchtest, aber ich finde, es ist einfacher, dies jetzt zu erledigen, bevor du mit der Arbeit an deinem Formular beginnst.

Schritt 2: Verbinden Sie Ihre WPForms und Kit-Konten

Um WPForms mit Kit (ehemals ConvertKit) zu verbinden, musst du zunächst einen neuen Tab öffnen und dich auf der Kit-Website anmelden, um auf deine Kontoinformationen zuzugreifen. Führe diesen Schritt in einem neuen Tab oder Fenster durch, da du Inhalte aus Kit kopieren und in WPForms einfügen wirst.

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 „Entwicklereinstellungen“ sollten Sie Ihre API- und geheimen Schlüssel sehen. Lassen Sie dieses Fenster vorerst geöffnet und wechseln Sie zurück zu Ihrem WPForms-Konto.

Als Letztes haben wir hier das Kit-Add-on installiert und aktiviert. Jetzt werden wir die Verbindung zwischen den Konten herstellen.

Klicken Sie dazu im Menü der linken Seitenleiste unter „WPForms“ auf „Einstellungen“. Klicken Sie auf dieser Seite auf die Registerkarte „Integrationen“. Scrollen Sie nach unten, bis Sie die Option „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 dein Kit-Konto mit WPForms verbunden. Wie gesagt, du kannst das auch später noch tun, nachdem du dein Formular erstellt hast. Ich werde im Tutorial sogar darauf hinweisen, wo du das machen kannst.

Ich finde es einfach einfacher, alles im Voraus vorzubereiten, damit die nächsten Schritte reibungsloser verlaufen. Na gut, dann machen wir weiter.

Schritt 3: Erstellen Sie Ihr Kit-WordPress-Formular

WPForms verfügt über eine großartige integrierte Formularvorlagenbibliothek mit über 2.100 WordPress-Formularvorlagen. Sie können diese unverändert verwenden oder 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 Formular-Generator zu laden. So sieht Ihr Formular im Dashboard des Formular-Generators aus. Sie können 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.

Als Sie zuvor in diesem Tutorial die Verbindung zwischen WPForms und Kit hergestellt haben, haben Sie Ihr Konto für die Verwendung mit WPForms eingerichtet.

Wenn Sie die Daten eines bestimmten Formulars an Ihr Kit-Konto senden möchten, müssen Sie diese Funktion in diesem Formular aktivieren. Genau das werden wir hier tun.

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.

Nun werden Sie die Formularfelder zuordnen. Welche Optionen Ihnen zur Verfügung stehen, hängt von den Feldern in dem von Ihnen erstellten Formular ab. Die Felder „Formular“ und „Tags“ basieren auf den bereits in Ihrem Kit-Konto vorhandenen Daten.

Sie können Ihr WPForms-Formular zwar mit einem Formular auf Kit verknüpfen, werden dabei aber höchstwahrscheinlich Tags verwenden. Falls Sie bereits Tags erstellt haben, stehen Ihnen diese als Optionen zur Auswahl.

Sie können auch neue Tags in WPForms erstellen, die dann ebenfalls in Ihrem Kit-Konto angelegt werden. Außerdem können Sie bedingte Logik verwenden, wenn Sie nur bestimmte Übermittlungen auf diese Weise verarbeiten möchten.

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: Sie müssen Ihr Formular in Ihre Website einbetten, damit es neue Abonnenten erfassen kann. Am einfachsten lässt sich ein Formular über die Schaltfläche „Einbetten“ oben im Formular-Generator einbetten.

Wenn Sie darauf klicken, werden Sie gefragt, ob Sie das Formular in eine neue oder eine bereits vorhandene Seite einbetten möchten. Wenn Sie eine bereits vorhandene Seite auswählen, wird eine Liste der Seiten Ihrer Website angezeigt, aus der Sie auswählen können.

Wenn Sie eine neue Seite erstellen, können Sie dies direkt im Formular-Generator tun. Weitere Informationen finden Sie in dieser Anleitung zu drei Möglichkeiten, Formulare einzubetten.

Im Block-Editor können Sie außerdem die Stile für Felder, Beschriftungen, Schaltflächen, Container und Hintergründe direkt anpassen, um ein Formular zu erstellen, das sowohl funktional ist als auch zu Ihrem Markenauftritt passt.

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.

Häufig gestellte Fragen zu Kontaktformularen von Kit (ConvertKit)

Kit (ehemals ConvertKit) ist eines der beliebtesten E-Mail-Marketing-Tools für Kreative. Hier finden Sie Antworten auf häufig gestellte Fragen zur Verwendung von Kit-Kontaktformularen mit WordPress.

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.

Wenn Sie mehr Anpassungsmöglichkeiten benötigen, haben Sie durch die Verwendung von WPForms mit dem Kit-Add-on die volle Kontrolle über das Design und die Funktionalität Ihrer Formulare.

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 Bereich „Formulare“ , klicken Sie auf „Neu erstellen“ und wählen Sie „Formular“ aus.

Anschließend können Sie eine Vorlage auswählen und diese an Ihre Bedürfnisse 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 das WPForms-Plugin und das Kit-Addon auf Ihrer WordPress-Seite installiert sind. 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 einem Tag.

Wie kann ich ein Kontaktformular in WPForms erstellen?

Das Erstellen eines Kontaktformulars in WPForms ist ganz einfach: Klicken Sie einfach auf „WPForms“ » „Neu hinzufügen“, wählen Sie eine Kontaktformularvorlage aus oder beginnen Sie ganz von vorne, passen Sie die Formularfelder an, nehmen Sie die Einstellungen vor und binden Sie das Formular in Ihre 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.