Suchen Sie nach einer einfachen Möglichkeit zur Integration? ConvertKit à Elementor?

Nutzen Sie ConvertKit und möchten eine Website mit Elementor erstellen? Dann haben Sie Glück, denn Elementor unterstützt die Integration mit ConvertKit. Dank dieser Integration können Sie E-Mail-Adressen von Abonnenten über ein Elementor-Formular erfassen. 

Es ist kein zusätzliches Plugin erforderlich. Sie benötigen lediglich einen ConvertKit-API-Schlüssel, um Ihr ConvertKit-Konto mit Elementor zu verbinden.

Um Elementor mit ConvertKit zu integrieren, müssen Sie Elementor Pro verwenden, da die Integration von Elementor mit Drittanbieterdiensten nur in der Pro-Version verfügbar ist (siehe: Elementor Free vs. Elementor Pro).

Führen Sie die folgenden Schritte aus, um Elementor in ConvertKit zu integrieren.

Schritt 1: Erhalten Sie einen ConvertKit-API-Schlüssel

Um einen ConvertKit-API-Schlüssel zu erhalten, besuchen Sie ConvertKit-Website Melden Sie sich in Ihrem Konto an. Klicken Sie nach der Anmeldung oben rechts auf Ihren Benutzernamen und wählen Sie aus Einstellungen .

So integrieren Sie ConvertKit mit Elementor

Klicken Sie im vertikalen Menü auf Erweitert. Kopieren Sie im Abschnitt API den API-Schlüssel.

Schritt 2: Elementor mit ConvertKit integrieren

Melden Sie sich nach dem Kopieren des API-Schlüssels bei WordPress an und navigieren Sie zu Elementor -> Einstellungen Um die Elementor-Einstellungsseite zu öffnen, klicken Sie auf Integrationen, scrollen Sie nach unten und fügen Sie den soeben kopierten API-Schlüssel in den Abschnitt ein ConvertKit.

Klicken Sie auf die Schaltfläche API-Schlüssel validieren um die Validierung des API-Schlüssels zu überprüfen. Klicken Sie nach erfolgreicher Validierung auf die Schaltfläche Änderungen speichern am unteren Rand.

So integrieren Sie ConvertKit mit Elementor

Schritt 3: Erstellen Sie ein Formular

Sobald Elementor und ConvertKit erfolgreich integriert sind, können Sie ein neues Formular erstellen, um E-Mail-Abonnenten in Ihrem ConvertKit-Konto zu sammeln. Erstellen Sie dazu eine neue Seite, einen neuen Beitrag oder eine neue Vorlage und bearbeiten Sie diese mit Elementor. Alternativ können Sie auch eine vorhandene Vorlage bearbeiten.

Erstellen Sie ein neues Formular, indem Sie das Formular-Widget in den Bearbeitungsbereich ziehen.

Fügen Sie ein Formular in Elementor ein

Definieren Sie die Felder, die Sie auf dem Block benötigen Formularfelder. Wenn Sie fertig sind, öffnen Sie den Block Aktionen nach dem Senden und wählen Sie ConvertKit.

So integrieren Sie ConvertKit mit Elementor

Der obige Schritt würde einen neuen Block erstellen namens ConvertKit. Öffnen Sie diesen Block und wählen Sie ein vorhandenes Formular aus, das Sie in Ihrem ConvertKit-Konto haben.

Bei der Option API-SchlüsselWählen Sie „Benutzerdefiniert“ und fügen Sie Ihren API-Schlüssel in das Feld „Benutzerdefinierter API-Schlüssel“ ein.

Wählen Sie Ihr Formular aus und legen Sie auch die Feldzuordnung basierend auf den ausgewählten Formularfeldern fest. Sie können auch eine Beschriftung in das Feld eingeben Etikette.

So integrieren Sie ConvertKit mit Elementor

Um das Erscheinungsbild Ihres Formulars anzupassen, können Sie auf die Registerkarte wechseln. Design. Dort finden Sie vier Blöcke, die Sie öffnen können, und jeder Block bietet verschiedene Gestaltungsmöglichkeiten.

Block bilden

Mit diesem Block können Sie den Abstand zwischen den Spalten und Zeilen Ihres Formulars definieren, die Beschriftungstypografie (Schriftgröße, Schriftart, Schriftschnitt), die Textfarbe sowie die HTML-Feldtypografie und Textfarbe festlegen.

Feldblock

Dieser Block ermöglicht es Ihnen, das Erscheinungsbild von Formularfeldern anzupassen. Dies umfasst Textfarbe, Typografie, Hintergrundfarbe, Rahmenfarbe und Rahmenradius.

Tastenblock

Dieser Block ermöglicht es Ihnen, das Aussehen der Formularschaltfläche anzupassen. Sie können die Hintergrundfarbe, die Textfarbe, die Schriftart, die Rahmenfarbe, den Rahmenradius, die Hover-Farbe und die Textfarbe ändern.

So integrieren Sie ConvertKit mit Elementor

Nachrichtenblock

Mit diesem Block können Sie die Typografie und die Farbe des Textes für die Erfolgsmeldung, die Fehlermeldung und die Online-Nachricht anpassen.

So integrieren Sie ConvertKit mit Elementor

Klicken Sie auf die Schaltfläche VERÖFFENTLICHEN / AKTUALISIEREN sobald Sie mit der Bearbeitung Ihrer Seite fertig sind.

Holen Sie sich Elementor Pro jetzt!!!

Fazit

So! Wir haben Ihnen gerade vorgestellt, wie Sie ConvertKit mit Elementor integrieren können. Wenn Sie Bedenken haben, wie Sie dorthin gelangen, lassen Sie es uns innerhalb wissen 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.

...