Zuordnung von Formularen bei HubSpot

Einrichtung älterer Formulare mit HubSpot

Der folgende Vorgang weist HubSpot-Datenbankfeldern ältere Formularfelder zu.

1. Stellen Sie auf der Registerkarte Konto im Benutzerprofil Ihres HubSpot-Kontos sicher, dass das Kästchen API-Benutzer markiert ist.
2. Loggen Sie sich auf der Episerver-Seite ein und richten Sie eine Verbindung zu HubSpot ein.
   1. Öffnen Sie das Hauptmenü und klicken Sie auf HubSpot. Das Fenster zur Konfiguration der Einstellungen für HubSpot erscheint.
      —Bild: HubSpot-Konfigurationsbildschirm—

      

      Anmeldeinformationen verschlüsseln

      Anmeldeinformationen werden basierend auf einer von zwei Optionen verschlüsselt und gespeichert: einem MAICryptoKey in den App-Einstellungen oder einem Computerschlüssel des Servers.

      Sie können einen MAICryptoKey (AES-Verschlüsselung mit SHA256-Computer-Hash basierend auf dem Schlüsselwert) oder einen Computerschlüssel in web.config angeben. Für DXC-Instanzen verwenden Sie MAICryptoKey.

      Wenn Sie eine Computerschlüssel-Konfiguration verwenden, müssen Sie einen Computerschlüssel in der Datei web.config Ihrer Site angeben, damit bei der Bereitstellung auf einem anderen Server derselbe Computerschlüssel auf dem neuen Server verwendet wird. Wenn Sie dies versäumen, werden die Anmeldeinformationen entfernt, wenn auf die Site auf dem neuen Server zum ersten Mal zugegriffen wird. In diesem Fall müssen Sie die Anmeldeinformationen erneut über den Konfigurationsbildschirm speichern.

      Falls die Anmeldeinformationen bereits mit einem Computerschlüssel einer bestehenden Site verschlüsselt sind und die Einstellung MAICryptoKey hinzugefügt wird, dann werden die Anmeldeinformationen gelöscht und müssen erneut eingegeben werden. Wenn die Verschlüsselung zuerst mit MAICryptoKey durchgeführt wird und Sie sich dann für die Verschlüsselung mit einem Computerschlüssel entscheiden (indem Sie die Einstellung MAICryptoKey löschen), werden die Anmeldeinformationen gelöscht und müssen erneut eingegeben werden.

   2. Sie können die automatische Ausfüllfunktion aktivieren oder deaktivieren.
   3. Geben Sie einen HubSpot- API-Schlüssel ein, der mit Ihrem HubSpot Konto verbunden ist.
   4. Klicken Sie auf Speichern.
3. Wählen Sie CMS > Bearbeiten, um auf Seiten Ihrer Website zuzugreifen. Sie können ein neues Formular für einen Block oder eine Seite (je nach Konfiguration) erstellen. Die folgende Anleitung beschreibt das Erstellen eines Formulars in einem neuen Block.
4. Erstellen Sie auf einer Seite ein Formular mit Episerver und verbinden Sie es mit HubSpot. Gehen Sie hierzu folgendermaßen vor: Siehe Eingebaute Formularfunktion (Altversion).
   —Bild: HubSpot-Einstellungen—

   

   • Kategorie. Hiermit können Sie eine oder mehrere Kategorien hinzufügen.
   • Überschrift. Geben Sie einen Namen für das Formular ein.
   • Formular. Hier können Sie ein vorhandenes Formular auswählen oder ein neues erstellen.
5. Klicken Sie auf Durchsuchen neben dem Formularfeld. Das Fenster Formular auswählen erscheint.
6. Klicken Sie auf Kontakt aus dem Ordner-Feld am oberen Rand des Dialogfelds. Der Inhalt des Dialogfelds ändert sich.
7. Klicken Sie auf Erstellen, um mit einem neuen Formular zu beginnen. Das Fenster Formular bearbeiten erscheint.
   —Bild: Formular bearbeiten—

   

   • Name des Formulars. Geben Sie dem Formular einen Namen.
   • Formularordner. MA DB: [0] Kontakt ist der einzige Wert, der in HubSpot zur Verfügung steht.
   • Seite, die angezeigt wird, nachdem das Formular gesendet wurde. Wählen Sie eine vorhandene Seite aus, um anzuzeigen, wenn ein Besucher das Formular übermittelt.
   • Formular kann ohne Anmeldung gesendet werden. Ermöglichen Sie dem Besucher, das Formular ohne Login-Daten abzuschicken.
   • Dieselbe Person kann das Formular mehrmals abschicken. Aktivieren Sie dies, um das mehrfache Versenden von Formularen zu ermöglichen.
8. Wählen Sie Tabellen-Layout > Zeile hinzufügen für alle Felder aus, die im Formular angezeigt werden sollen.
9. Wählen Sie die Registerkarte Formularfelder aus, wählen Sie eine Zeile und wählen Sie den von Ihnen gewünschten Feldtyp aus. Die Auswahlliste für Eigenschaften erscheint. Die folgende Abbildung zeigt ein Textfeld, das ausgewählt wurde, um ein E-Mail-Adressfeld zu erstellen.
   —Bild: Formulareigenschaften—

   

   1. Das Feld Name im Bereich Eigenschaften listet die HubSpot-Datenbankfelder auf, denen Sie das Feld in Ihrem Formular zuordnen. Zum Beispiel E-Mail zu E-Mail, Vorname zu Vorname, Nachname zu Nachname usw.

      Sie müssen ein Feld dem HubSpot-E-Mail-Datenbankfeld zugeordnet haben. Andere Felder sind optional. Sie können einem Episerver-Formularfeld nur ein HubSpot-Feld zuordnen. Zum Beispiel können Sie die Episerver-Felder E-Mail1 und E-Mail2 nicht beide dem HubSpotE-Mail-Datenbankfeld zuordnen.
      Auch wenn Sie keine Anmeldeinformationen für HubSpot erhalten haben, erscheint ein leeres Textfeld unter dem Auswahlfeld Formularzuordnung, da das Dropdown-Feld nicht mit HubSpot-Werten gefüllt wurde.

   2. Wenn ein Feld eine Validierung erfordert, wählen Sie den Validierungstyp aus dem Feld Validieren als aus. Zum Beispiel können Sie sicherstellen, dass ein Geburtsdatum nur als TT/MM/JJJJ eingegeben wurde.
   3. Wiederholen Sie diesen Schritt für jedes Feld im Formular. Achten Sie darauf, eine Schaltfläche Senden einzufügen, damit die Kontaktinformationen an die HubSpot-Datenbank gesendet werden.
10. Klicken Sie auf Speichern und Schließen. Das neue Formular wird im Fenster Formular auswählen angezeigt.
    —Bild: neues Formular im Auswahlformular—

    

11. Wählen Sie das Formular aus und klicken Sie auf Verwenden, um das Formular einer Seite oder einem Block zuzuordnen.

Blockbasierte Formulare mit HubSpot einrichten

Mit der Forms Marketing Automation Integration (MAI) können Sie (blockbasierte) Episerver-Formular-Felder mit einer HubSpot-Datenbank verknüpfen. Siehe auch: Episerver Connect for Marketing Automation.

Ein Administrator muss die EPiServer.Marketing.Automation.Forms- und EPiServer.MarketingAutomationIntegration.HubSpot-NuGet-Pakete installieren, um den HubSpot-Konnektor zu verwenden.

1. Öffnen Sie das HauptmenüEine Gruppe von Optionen erscheint im oberen Teil der Nutzerschnittstelle, wenn Sie eingeloggt sind. Das Hauptmenü zeigt Produkte und Systeme an, die auf Ihrer Website integriert sind. Es zeigt auch Links zur Bedienungsanleitung und Benutzereinstellungen und eine globale Suche. Weitere Informationen finden Sie unter dem Thema Benutzer-Schnittstelle. und klicken Sie auf HubSpot. Das Fenster zur Konfiguration der Einstellungen für HubSpot erscheint.
   —Bild: Konfigurieren des HubSpot-Konnektors—

   

2. Geben Sie den HubSpot-API-Schlüssel ein, der mit Ihrem HubSpot-Konto verknüpft ist, und klicken Sie auf Speichern.
3. Formular auf einer Seite erstellen.
4. Klicken Sie auf Alle Eigenschaften im Formular.
5. Öffnen Sie die Registerkarte Zuordnungen.
6. Wählen Sie die Kontakt-Datenbank aus, der Sie die Formularfelder aus dem Dropdown-Feld MA-System-Datenbank zuordnen.
   —Bild: Auswahl der Kontakt-Datenbank in HubSpot—

   

7. Klicken Sie auf Veröffentlichen.
8. Wählen Sie Bearbeiten aus dem Kontextmenü eines Formulars aus.
9. Rufen Sie die Registerkarte Zusätzliche Feldzuordnungen auf. Die Datenbankoption, die Sie früher ausgewählt haben, erscheint.
10. Aktivieren Sie die Datenbankoption und öffnen Sie das zugehörige Drop-Down-Menü, um die Felder zu sehen, die verfügbar sind. Wenn Ihr Formular zum Beispiel ein Textfeld enthält, das konfiguriert wurde, um eine E-Mail-Adresse zu erfassen:
    1. Bearbeiten Sie das E-Mail-Textfeld.
    2. Wählen Sie die Registerkarte Zusätzliche Feldzuordnungen aus.
    3. Wählen Sie E-Mail aus der Auswahlliste, um das HubSpot-Datenbankfeld dem E-Mail-Feld im Formular zuzuordnen.

    Sie können Eingaben im Feld machen, um Felder anzuzeigen, die der Zeichenkette entsprechen, die Sie eingegeben haben. In der folgenden Abbildung wurde E-Mail eingegeben, um E-Mail, Owner-E-Mail- und Saleforce-E-Mail-Optionen anzuzeigen (und nicht die anderen Felder).

    —Bild: Zuordnung eines HubSpot-Datenbankfelds zu einem Formularfeld—

    

11. Wiederholen Sie die Schritte 8 bis 10 für alle Felder, die Sie zuordnen möchten.
12. Klicken Sie auf Veröffentlichen.

Um die Zuordnung zu testen, rufen Sie Ihr Formular auf einer veröffentlichten Seite auf, füllen Sie es aus und senden Sie das Formular. Rufen Sie anschließend Ihren HubSpot-Provider auf, um zu überprüfen, dass der Benutzer der HubSpot-Datenbank hinzugefügt wurde.

Kontaktdaten abrufen

Wenn ein Besucher das Formular abschickt, werden die Daten an HubSpot geschickt. Um zu sehen, wer das Formular abgesendet hat, rufen Sie HubSpot > E-Mail > E-Mail auf, um das Abonnenten-Fenster zu öffnen. Wählen Sie hier Abonnenten > Alle Abonnenten aus.

Formulare mithilfe von Blöcken personalisieren

Sie können ein Formular personalisieren, um es einer ausgewählten Gruppe von Personen anzuzeigen.

Das folgende Bild zeigt die Personalisierung eines Formulars, das nur den Mitgliedern der Besuchergruppe US-Webdesigner angezeigt wird. Sie finden weitere Informationen zur Erstellung einer Besuchergruppe und zur Anzeige von Informationen ausgehend von einer Besuchergruppe unter Besuchergruppen.

Erstellen einer Besuchergruppe für ein HubSpot-Formular

Das Add-on HubSpot integriert HubSpot-Webtracking in Episervers Personalisierungsmodul. Besucher werden über den Cookie _hsmai_trk identifiziert.

Mithilfe der folgenden Besuchergruppenkriterien können Sie den Inhalt Ihrer Website in Episerver CMS personalisieren:

• Profil. Identifiziert einen Besucher durch die Metadaten, die in HubSpot gespeichert sind.
• Bewertungsmodell. Identifiziert einen Besucher basierend auf Punkten in bestimmten HubSpot-Bewertungsmodellen.

Wenn Sie die Kriterien in einer Besuchergruppe einrichten, werden die Felder nicht automatisch mit Werten gefüllt. Sie müssen diese selbst angeben. Stellen Sie sicher, dass ein von Ihnen erstelltes Feld zu dem Feldtyp passt, den der Anbieter des Konnektors vorsieht.

Um eine Besuchergruppe zu erstellen, können Sie Kriterien, wie zum Beispiel die geografische Lage und das Bewertungsmodell, in HubSpot kombinieren. Siehe auch: Besuchergruppen.

Defining visitor groups for HubSpot forms

Profile criteria

1. Create a form block and a form.
2. Save the form to a folder in the HubSpot database.
3. Drag the form block to the page in your campaign or program, and publish it at the appropriate time.
4. Eine Besuchergruppe erstellen Sie unter Episerver CMS > Besuchergruppen. Hierzu verwenden Sie die Profil-Kriterien. In diesem Beispiel haben die Besucher für die Kampagne oder das Programm ein Profil, das Schweden in der Land-Spalte beinhaltet. Ein Kontakt mit diesem Wert wurde der HubSpot-Datenbank hinzugefügt.

   

Kriterien des Bewertungsmodells

HubSpot verwendet ein einfaches Bewertungsmodell für die gesamte Punktzahl eines Kontakts (den sogenannten Lead Score), das Sie durch eine Flow-Action in einer Smart-Kampagne ändern können.

1. Erstellen Sie unter Episerver CMS > Besuchergruppen mithilfe des Kriteriums Bewertungsmodell eine Besuchergruppe.
2. Erstellen Sie einen Formular-Block und ein Formular.
3. Speichern Sie das Formular in einem Ordner in der HubSpot Datenbank.
4. Ziehen Sie den Formularblock auf die Seite Ihrer Kampagne oder Ihres Programms und veröffentlichen Sie ihn zum gewünschten Zeitpunkt.

   Wenn ein Kontakt ein bestimmtes Formularfeld eingegeben hat, fügt HubSpot seiner Datenbank einen Wert hinzu (definiert durch das Bewertungsmodell, das Sie eingerichtet haben, wie Scoring001_Score= 10).

   Sie können die Kriterien Profil und Bewertungsmodell zur Auswahl kombinieren, zum Beispiel Besucher aus Schweden mit einer Gesamtbewertung von über 10.