Alle Kollektionen
Variablen
Weiterleitung zu einer URL mit Variablen
Weiterleitung zu einer URL mit Variablen

Leite zu einer beliebigen Seite weiter und übergebe Werte aus dem Flow.

Heyflow avatar
Verfasst von Heyflow
Vor über einer Woche aktualisiert

Eine versteckte, aber leistungsfähige Funktion ist die URL-Weiterleitung mit Parametern. Dies kannst du nutzen, um Informationen, die Nutzer vorher im Flow ausgefüllt hat, zu einer anderen Website zu weiterzuleiten.

Du kannst dies in vielen verschiedenen Anwendungsbereichen integrieren, wie z. B. wenn du deinen Lead auf eine Dankeseite auf deiner Website weiterleitest, die du mit einem Namen personalisieren möchtest. Es wird auch häufig bei der Weiterleitung zu einem Kalender verwendet, damit der Nutzer seine Daten nicht zweimal eingeben muss.

Schauen wir uns an, wie dies mit Heyflow umgesetzt werden kann!

🔎 Du suchst nach Information, wie du Parameter von einer URL in deinen Heyflow senden kannst? Dann klicke hier.


Einrichtung

Im folgenden Beispiel haben wir unseren Besucher nach seinem Namen gefragt und wollen ihn zu unserer Website weiterleiten und diese Information weitergeben.

  1. Vergewissere dich, dass du die Variable, in unserem Fall z. B. fname, in dem Block, dessen Wert du weitergeben möchtest, korrekt eingerichtet hast. Klicke hier, um zu erfahren, wie du eine Variable einrichtest.

  2. Füge einen Link- oder einen Universal-Button hinzu und stelle die Navigation auf Weiterleiten ein. Du kannst auch die zweite Aktion in einem Absenden-Button auf Weiterleiten einstellen. Erfahre hier alles über unsere Buttons.

  3. Füge deinen Link ein, z. B. https://heyflow.com und danach ein ?

  4. Füge nun den Parameter ein, den deine Website lesen kann, z. B. vorname

  5. Um ihn mit der Variable aus deinem Flow abzugleichen, musst du einfach =@deineVariable einfügen, in unserem Beispiel also =@fname

  6. Dein finaler Link sieht nun wie folgt aus: https://heyflow.com?firstname=@fname

🔎 Bei einer Weiterleitung mit Parametern aus einem Flow sieht die URL also im Allgemeinen so aus: https://yourdomain.com?parameter=@flowvariable

Wenn der Benutzer auf den Button klickt und die Werte für die Variablen angegeben sind, wird der Nutzer z. B. zu https://heyflow.app?firstname=Laura weitergeleitet.

🔎 Wenn du mehrere Parameter aus deinem Flow übergeben möchtest, kannst du dies einfach tun, indem du & zwischen den Parametern einfügst, z. B.

https://heyflow.com?firstname=@fname&email=@email

❗ Wichtig: Sollte eine Variable in der URL der Weiterleitung keinen Wert haben, kannst du sie aus der URL entfernen, einschließlich des vorangestellten "&wort=".

In diesen Blöcken kannst du leere Variablen entfernen: Lader, Buttons und Bild


Beispiel: HubSpot Kalender

Du möchtest eine Weiterleitung zu deinem HubSpot-Kalender einrichten, sodass der Nutzer direkt ein Meeting buchen kann, nachdem er alle erforderlichen Informationen im Flow ausgefüllt hat? Aber du möchtest nicht, dass der Nutzer abbricht, weil er die Daten zweimal ausfüllen muss?

Kein Problem. Wir können die erforderlichen Eingaben mit Variablen vorbefüllen und sie über die URL weiterleiten!

Beginne mit dem Hinterlegen deiner Variablen in deinem Flow. Um die Werte aus deinem Flow mit den Parametern aus HubSpot zu verknüpfen, musst du den internen Namen für jede Eigenschaft in HubSpot überprüfen. Gehe dazu einfach zu den HubSpot Eigenschaften, suche nach denen, die in deinem Kalender verwendet werden, wie z. B. E-Mail, klicke auf Bearbeiten und </>, um den internen Namen anzuzeigen.


Jetzt musst du einfach diese Parameter zu deiner HubSpot-Meeting-URL hinzufügen und sie in Heyflow in einer Weiterleitung wie dieser einfügen:

https://meetings.hubspot.com/yourmeetinglink?firstname=@Vornamensvariable&lastname=@nachnamensvariable&email=@E-Mailvariable

Hinweis: Jedes Tool hat unterschiedliche interne Namen für seine Eigenschaften und Werte. Überprüfe diese also, bevor du zu einem anderen Kalender oder Tool weiterleitest.

Hat dies Ihre Frage beantwortet?