Webflow mit ActiveCampaign verbinden

Mit der Webflow-Verknüpfung von ActiveCampaign können Sie mehrere Webflow-Websites und Formulare mit Ihrem ActiveCampaign-Konto verbinden. Die Verknüpfung wurde entwickelt, um sowohl einzelne Webflow-Website-Kundinnen und -Kunden als auch wachsende Agenturen zu unterstützen, die mehrere Endkund:innen-Konten verwalten.

Mit dieser Verknüpfung können Sie:

• Webflow-Formulare mit ActiveCampaign synchronisieren und zuordnen.
• ActiveCampaign-Formulare mit einem Klick einbetten.
• Erstellen Sie Listen, Tags und benutzerdefinierte Felder in Webflow, ohne Ihre Umgebung zu verlassen.
• Aktivieren Sie leistungsstarkes Site- und Event-Tracking mit wenigen Klicks — ganz ohne Programmierung.
• Sehen Sie den gesamten Formularverlauf im Kontakt­eintrag (nur mit ActiveCampaign Enterprise Tarif).

Hinweis

• Dies ist eine direkte Verknüpfung in Ihrem Webflow-Arbeitsbereich. Die Verknüpfung wird für jede einzelne Webflow-Website eingerichtet.
• Diese Verknüpfung ist in allen ActiveCampaign- und Webflow-Tarifen verfügbar.
• ActiveCampaign Enterprise-Kunden haben Zugriff auf Custom Objects, um mehrere Formularübermittlungen desselben Kontakts zu erfassen.
• Die Feldzuordnung ist verfügbar, wenn sie mit einem Webflow-Formular verknüpft ist.
• Die Feldzuordnung ist nicht erforderlich, wenn eine Verknüpfung mit einem ActiveCampaign-Formular besteht.

Verbinden Sie Ihr Webflow-Konto mit ActiveCampaign

1. Öffnen Sie in Ihrem Webflow-Konto die linke Menüleiste und klicken Sie auf das Apps-Symbol.
2. Suchen Sie in der Suchleiste oben links nach ActiveCampaign.
3. Fahren Sie mit der Maus über ActiveCampaign in der Liste und klicken Sie dann auf die Schaltfläche „Installieren“, die erscheint.
4. Sobald es installiert ist, fahren Sie im Bereich „Verbunden“ mit der Maus über ActiveCampaign und klicken Sie auf „Starten“.
5. Im ActiveCampaign-Log-in-Modal:
   
   • Geben Sie Ihre ActiveCampaign-URL ein.
   • Geben Sie Ihren ActiveCampaign-API-Schlüssel ein.
   • (Optional) Geben Sie Ihrem ActiveCampaign-Konto einen aussagekräftigen Namen, um Konten in Webflow leicht zu identifizieren.
   • Aktivieren Sie das Kontrollkästchen „Zu dieser Website hinzufügen“, und das verbundene ActiveCampaign-Konto wird nur mit dieser Website verbunden.
   • Aktivieren Sie das Kontrollkästchen „Zum Arbeitsbereich hinzufügen“, und das verbundene ActiveCampaign Konto ist in allen Sites in Ihrem Webflow-Arbeitsbereich verfügbar.
6. Klicken Sie auf „Anmelden“.
   
   

Webflow-Formulare mit ActiveCampaign synchronisieren

Durch das Synchronisieren Ihres Webflow-Formulars können Sie Webflow-Felder ActiveCampaign-Feldern zuordnen, neue Listen, Tags und benutzerdefinierte Felder erstellen sowie bestehende Listen, Tags und Felder abrufen. Sobald die Feldzuordnung aktualisiert ist, wenden alle neuen Übermittlungen die neuen Zuordnungsregeln an.

1. Öffnen Sie in Ihrem Webflow-Konto das linke Menü und klicken Sie auf das Apps-Symbol.
2. Suchen Sie in der Suchleiste oben links nach ActiveCampaign.
3. Fahren Sie im Abschnitt „Verbunden“ mit der Maus über ActiveCampaign und klicken Sie auf „Starten“.
4. Klicken Sie auf das ActiveCampaign-Konto, mit dem Sie arbeiten möchten.
5. Klicken Sie auf „Webflow-Formulare mit ActiveCampaign synchronisieren“.
6. Klicken Sie auf das Webflow-Formular, das Sie synchronisieren möchten, und klicken Sie dann auf "Formularsynchronisierung einrichten".
7. Wenn es mehrere Webflow-Formulare auf Ihrer Website gibt, können Sie das Formular für die Feldzuordnung manuell auswählen, indem Sie auf „Formular manuell auswählen?“ klicken
8. Wählen Sie im Dropdown-Menü „ActiveCampaign-Liste auswählen“ entweder eine vorhandene Liste aus oder erstellen Sie eine neue Liste.
   
   • Wenn Sie eine neue Liste erstellen, füllen Sie die folgenden Felder aus:
     
     • Listenname
     • Beschreibung
     • Listen-URL (Unternehmenswebsite-URL für rechtliche Compliance)
     • Erinnerungsnachricht
       
       

         Sobald die neue Liste erstellt wurde, wird sie im Dropdown „ActiveCampaign-Liste auswählen“ automatisch ausgewählt.

9. Sobald Sie eine Liste ausgewählt haben, klicken Sie auf „Weiter zur Feldzuordnung“.
10. Überprüfen Sie die Synchronisierungskonfiguration, dann klicken Sie auf „Speichern & Active Sync.“
11. Webflow-Felder zuordnen zu ActiveCampaign-Feldern:
    
    • Synchronisieren Sie zusätzliche Felder, indem Sie auf „Weitere Feldzuordnung hinzufügen“ klicken
    • Erstellen Sie neue ActiveCampaign benutzerdefinierte Felder, indem Sie auf Neues ActiveCampaign-Feld erstellen klicken und dann:
      
      1. Geben Sie den Namen des neuen benutzerdefinierten Felds und den Feldtyp ein.
      2. Klicken Sie auf „Feld erstellen“
    • Wenn Feldtypen nicht übereinstimmen, erscheint eine Warnmeldung. Erfahren Sie mehr über Warnhinweise zum Feldtyp.
12. Im Feld „Tags“ können Sie mehrere vorhandene oder neue Tags hinzufügen, die einem Kontakt zugeordnet werden. So fügen Sie Tags hinzu:
    
    • Vorhandene Tags: Sie müssen den vollständigen Tag-Namen eingeben und dann auf den Tag-Namen klicken, sobald er unter dem Feld erscheint.
    • Neue Tags: geben Sie den Namen des Tags ein, dann klicken Sie auf "Erstellen (Tag-Name)"
13. Nachdem Sie die Feldzuordnung und die Tag-Auswahl abgeschlossen haben, klicken Sie auf „Synchronisierung starten“.
14. Wichtig: Klicken Sie auf „Webflow-Website veröffentlichen“. Durch das Veröffentlichen Ihrer Website wird die Synchronisierungskonfiguration für Formularübermittlungen aktiviert.
15. Um Ihre Formularsynchronisierung zu bearbeiten oder zu löschen, klicken Sie auf „Alle Synchronisierungen anzeigen“.

Warnmeldungen zum Feldtyp

Benutzerdefinierte Objekte: mehrere Einsendungen von Kontakten erfassen

Verfügbar in Enterprise.

• Erfahren Sie wie Sie Ihr ActiveCampaign Konto upgraden oder kontaktieren Sie unser Customer Experience Team.
• Für unsere Agentur- oder Vertriebspartner: Wenden Sie sich an Ihren Partner-Manager.

Wenn Sie ein eingebettetes ActiveCampaign-Formular verwenden:

Sie können benutzerdefinierte Objektfelder nur zu Inline-Formularen hinzufügen. Damit können Sie Daten aus mehreren Formularübermittlungen desselben Kontakts sammeln und diese Informationen anschließend anzeigen und entsprechend eine Aktion ausführen.

Erfahren Sie , wie Sie Formulare mit Custom Objects erstellen, um dies einzurichten.

Wenn Sie ein Webflow-Formular verwenden:

ActiveCampaign erstellt automatisch einen Verlauf jeder Formularübermittlung desselben Kontakts im Bereich „Webflow benutzerdefiniertes Objekt“ in Ihrem Kontaktdatensatz.

Um das Webflow-benutzerdefinierte Objekt in ActiveCampaign zu finden, klicken Sie in einen Kontakt-Datensatz, dann scrollen Sie nach unten zum Abschnitt unterhalb der Bereiche Tags, Liste und Automations:

• Um Ihr benutzerdefiniertes Objekt zu benennen, aktualisieren Sie den Abschnitt „Formular-Einstellungen“ in Webflow.
• Um eine Liste der Felder zu Ihrem Webflow-Formular und deren Feldwert zu sehen, klicken Sie auf die drei Punkte > Details im Bereich für das benutzerdefinierte Objekt im Kontakt-Datensatz, und ein rechter Bereich wird angezeigt.
  
  

Erfahren Sie mehr darüber, wie Sie Daten aus Ihrem Webflow benutzerdefinierten Objekt verwenden, um Auslöser zu automatisieren und E-Mail-Personalisierung vorzunehmen, in unserer Übersicht zu benutzerdefinierten Objekten.

Benutzerdefinierte Kontaktobjekte mit Automationen verwenden

Sie können benutzerdefinierte Objekte verwenden, um Automationen auszulösen, Ihre Nachrichten zu personalisieren und Bedingungen mit dem Segment-Builder zu erstellen.

Hier ist eine Liste von Automation-Aktionen, die Sie verwenden können, um auf Daten aus benutzerdefinierten Objekten zu verweisen.

Sie können benutzerdefinierte Objekte auch beim Erstellen von Listen-Segmenten, erweiterten Suchen, Kampagnen, Lead-Scores und Webhooks referenzieren. Erfahren Sie , wie Sie benutzerdefinierte Objekte mit Automationen verwenden.

Ein ActiveCampaign-Formular in Webflow einbetten

Sie können mit einem Klick beliebige ActiveCampaign Inline‑Formulare, schwebende Leisten, schwebende Kästen oder Modalformulare suchen und in Ihre Webflow‑Website einbetten.

Wichtig:

• Sie sehen in Ihrer Webflow-Umgebung keine Vorschau Ihres ActiveCampaign-Formulars
• Sie müssen Ihr ActiveCampaign-Formular nicht zuordnen
• Formulareinsendungen werden entsprechend Ihren Standard- und benutzerdefinierten Feldern erfasst
• Mehrfache Übermittlungen desselben Formulars durch denselben Kontakt können überschrieben werden, es sei denn, Sie haben für das Formular ein benutzerdefiniertes Objekt eingerichtet. Dies ist für ActiveCampaign Enterprise-Kunden verfügbar
• Wenn Sie den „Datei-Upload“-Block in Ihrem Formular verwenden, wird die Datei weder mit Ihrem benutzerdefinierten Feld synchronisiert noch in ActiveCampaign hochgeladen
• Klicken Sie auf „Webflow-Website veröffentlichen“. Durch das Veröffentlichen Ihrer Website wird die Synchronisierungskonfiguration für Formularübermittlungen aktiviert

So betten Sie ein ActiveCampaign-Formular in Webflow ein:

1. Öffnen Sie in Ihrem Webflow-Konto das App-Symbol im linken Menü.
2. Suchen Sie in der Suchleiste oben links nach ActiveCampaign.
3. Fahren Sie mit der Maus über ActiveCampaign im Bereich „Verbunden“ und klicken Sie auf „Starten“.
4. Klicken Sie auf das ActiveCampaign-Konto, mit dem Sie arbeiten möchten.
5. Klicken Sie auf „ActiveCampaign-Formulare in Webflow einbetten.“
6. Suchen Sie in der Liste nach dem ActiveCampaign-Formular.
   
   
   
   
7. In der Webflow Umgebung wählen Sie den Abschnitt Ihres Formulars aus, in den Ihr Formular eingebettet werden soll.
8. Klicken Sie dann im Modal auf „Einbetten“ neben dem Formular, das Sie einbetten möchten. Eine grüne Erfolgsmeldung wird oben rechts angezeigt, wenn das Formular eingebettet wurde.
9. Um die Position des Formulars zu überprüfen, nachdem es in Webflow eingebettet wurde, klicken Sie auf das Symbol mit drei horizontalen Linien. Sie können das Formular in Webflow auch von diesem Bereich aus in einen anderen Abschnitt verschieben.
   
   
   
   
10. Wichtig: Klicken Sie auf „Webflow-Website veröffentlichen“.

ActiveCampaign Event-Tracking aktivieren

Fügen Sie Ihrem Webflow‑Projekt Event-Tracking hinzu, um Benutzerinteraktionen zu erfassen und Automationen in ActiveCampaign auszulösen. Die für das Tracking verfügbaren Veranstaltungsarten umfassen:

• Klicken: Klicks auf Bilder, Felder, Schaltflächen usw. für einen bekannten Kontakt verfolgen
• Sichtbares Element: Verfolgen Sie, ob ein bekannter Kontakt verschiedene Bereiche der Website erreicht oder angesehen hat.
• Verweildauer auf der Seite: Misst die Dauer in Sekunden, die ein bekannter Kontakt auf einer bestimmten Seite verbringt.

So richten Sie ActiveCampaign Event-Tracking in Webflow ein:

1. Öffnen Sie in Ihrem Webflow-Konto das App-Symbol im linken Menü.
2. Suchen Sie nach ActiveCampaign in der Suchleiste oben links.
3. Fahren Sie im Abschnitt „Verbunden“ mit der Maus über ActiveCampaign und klicken Sie auf „Starten“.
4. Klicken Sie auf das ActiveCampaign-Konto, mit dem Sie arbeiten möchten.
5. Klicken Sie auf „ActiveCampaign Event-Tracking aktivieren“.
6. Um Ihren Event Key und Ihre Act ID abzurufen, Gehe zu Ihrem ActiveCampaign Konto und klicke auf Website > Site-Tracking im linken Menü. Im Abschnitt „Event-Tracking“ schalten Sie den Toggle auf „ein“:
   
   • Der Veranstaltungsschlüssel sind die Informationen im Feld „Veranstaltungsschlüssel“.
   • Akt-ID: Klicken Sie auf den „Event-Tracking API“-Hyperlink. Die Act-ID ist die Zahl im ersten Aufzählungspunkt.
7. In Webflow geben Sie Ihren Veranstaltungen-Schlüssel und Ihre Act-ID ein.
8. Klicken Sie auf „Zugangsdaten speichern“. Sobald sie gespeichert sind, wird Ihr Log-in für zukünftige Anmeldungen erfasst.

So richten Sie Event-Tracking auf Ihrer Webflow-Webseite ein:

1. Sobald das Event-Tracking eingerichtet ist, wählen Sie ein beliebiges Element im Webflow Designer aus, um Event-Tracking hinzuzufügen und Benutzerinteraktionen zu überwachen.
2. Das Modal wird je nach dem Element, das Sie im letzten Schritt auswählen, mit neuen Optionen aktualisiert. Wählen Sie einen „Eventtyp“ und ein „ActiveCampaign-Event“ für das Element.
3. So erstellen Sie eine neue ActiveCampaign‑Veranstaltung: Klicken Sie auf „Neue ActiveCampaign‑Veranstaltung erstellen“, dann geben Sie eine „Veranstaltungsbeschreibung“ und einen „Veranstaltungsnamen“ ein. Diese werden im Kontaktaktivitätsprotokoll angezeigt:
   
   
   
   • „Event Description“ – Im Beispiel unten lautet die Event Description: „This event sends me to a 2nd page.“
   • „Event-Name“ – Im folgenden Beispiel lautet der Event-Name „Button-Text“.
     
     
     
     
4. Klicken Sie auf „Veranstaltung erstellen“. Die neu erstellte Veranstaltung wird im Dropdown-Menü angezeigt und ist im Bereich Event-Tracking Ihres ActiveCampaign-Kontos sichtbar.
5. WICHTIG: Klicken Sie auf „Webflow-Website veröffentlichen“. Durch das Veröffentlichen Ihrer Website wird die Synchronisierungskonfiguration für das Event-Tracking aktiviert.
6. Um Event-Tracking aus Elementen zu löschen, klicken Sie auf das Papierkorbsymbol.

Event-Tracking für Verweildauer auf der Seite

Das Verfolgen von „Time on Page“-Veranstaltungen ist eine hervorragende Möglichkeit, das Benutzer-Engagement auf Ihrer Website zu beurteilen. Diese Kennzahl misst die Dauer, die ein Benutzer auf einer bestimmten Seite verbringt — vom Moment, in dem die Seite geladen wird, bis er die Seite verlässt oder den Browser schließt. Diese Daten sind für Marketer von unschätzbarem Wert, die ihre Website auf Benutzererlebnis und Inhaltsrelevanz optimieren möchten.

Sie können die Veranstaltung im Protokoll „Letzte Aktivitäten“ im Kontakt-Datensatz nachverfolgen. Die Veranstaltungen können auch als Auslöser dienen, um eine Automation zu starten, die Personalisierung in E-Mails zu ermöglichen und für die Segmentierung verwendet zu werden.

Um die Verweildauer-auf-der-Seite-Erfassung zu aktivieren, schalten Sie im Event-Tracking-Modal den Schalter auf „Ein“.

ActiveCampaign Site-Tracking aktivieren

Site-Tracking verbindet Ihre marketing- und Vertriebsprozesse mit den Aktivitäten auf Ihrer Website. Dadurch kann ActiveCampaign in Echtzeit „sehen“ und „reagieren“, wenn Kontakte Ihre Website besuchen und bestimmte Kategorien sowie Seiten ansehen.

Aktivieren Sie das Site-Tracking für Ihre gesamte Webflow-Website mit nur einem Klick, um das Besucherverhalten zu überwachen und die Automation zu verbessern.

1. Öffnen Sie in Ihrem Webflow-Konto das Symbol „Apps“ im linken Menü.
2. Suchen Sie nach ActiveCampaign in der Suchleiste oben links.
3. Fahren Sie im Bereich „Verbunden“ mit der Maus über ActiveCampaign und klicken Sie auf „Starten“.
4. Klicken Sie auf das ActiveCampaign-Konto, mit dem Sie arbeiten möchten.
5. Klicken Sie auf „ActiveCampaign Site-Tracking aktivieren“.
6. Aktivieren Sie das Kontrollkästchen neben der URL Ihrer Webflow-Website, um das Site-Tracking für Ihre Webflow-Website einzuschalten.
7. So überprüfen Sie den Status Ihrer White-List-Domains: Gehen Sie in ActiveCampaign im linken Menü zu Website > Site-Tracking und sehen Sie sich den Abschnitt „White-Liste und Installationscode“ an.
8. WICHTIG: Klicken Sie auf "Webflow-Website veröffentlichen." Durch das Veröffentlichen Ihrer Website wird die Synchronisierungskonfiguration für das Site-Tracking aktiviert.
9. Klicken Sie auf „Site-Tracking deaktivieren“, um es zu entfernen.

ActiveCampaign zeigt keine anonymen Site-Tracking-Daten für anonyme Besucher an. Site-Tracking funktioniert nur mit bekannten Kontakten. Erfahren Sie mehr darüber, wie Site-Tracking funktioniert.

ActiveCampaign von Webflow trennen 

1. Öffnen Sie in Ihrem Webflow-Konto das linke Menü und klicken Sie auf das App-Symbol.
2. Suchen Sie nach ActiveCampaign in der Suchleiste oben links.
3. Fahren Sie im Abschnitt „Verbunden“ mit der Maus über ActiveCampaign und klicken Sie auf „Starten“.
4. Klicken Sie auf das Papierkorb-Symbol neben dem ActiveCampaign Konto unten im Log-in-Modalfenster.
   
   
   
   
5. Um eine versehentliche Entfernung Ihres Kontos zu verhindern, erhalten Sie die Option, Ihr Formular weiter zu synchronisieren, selbst wenn Ihr Konto vom Log-in-Bildschirm entfernt wird.