Links dienen als wichtige Verbindungselemente, die es den Usern ermöglichen, in deinem Flow zu navigieren, zu referenzieren und zu interagieren.
Links Block
Der Links Block wird häufig in der Fußzeile verwendet, um auf das Impressum oder den Datenschutz eines Unternehmens zu verweisen oder um mehrere Links auf einmal anzuzeigen.
Hinzufügen des Links Blocks
Navigiere auf der Registerkarte Blöcke zu Navigation und ziehe den Block in deinen Heyflow.
Füge die URLs ein, zu denen du weiterleiten möchtest, und wähle aus, ob die Links im selben oder in einem neuen Fenster geöffnet werden sollen.
Ändere die Beschriftung und füge bei Bedarf neue Optionen hinzu.
Veröffentliche deinen Heyflow, und schon bist du startklar!
💡 Tipp: Wenn du #screenname einfügst, leitest du zu einem bestimmten Screen weiter, wenn auf den Link geklickt wird.
Link Button
Als eine Variante der Buttons kannst du einfach einen Link Button einfügen, um zu einer anderen URL weiterzuleiten.
💡 Tipp: Du kannst auch andere Buttons, wie der Absenden Button oder der Universal Button, zum Einfügen von Links verwenden. Mehr über Buttons erfährst du hier.
Hinzufügen des Link Buttons
Navigiere auf der Registerkarte Blöcke zu Buttons und ziehe den Link Button in deinen Heyflow.
Stelle die Navigation auf Weiterleiten ein.
Füge die URL ein, zu der du weiterleiten möchtest und wähle aus, ob der Link im selben oder in einem neuen Fenster geöffnet werden soll.
Ändere die Beschriftung des Buttons.
Veröffentliche deinen Heyflow, und das war's schon!
🔎 Mehr über die Weiterleitung zu einer URL über Variablen mit Einträgen aus deinem Heyflow erfährst du hier. Wenn eine Variable in der Weiterleitungs-URL keinen Wert hat, kann sie vollständig entfernt werden, einschließlich des vorangestellten "&term=", indem du die Funktion unter Allgemein aktivierst.
Links in anderen Blöcken
Zusätzlich zu den oben genannten Optionen kannst du Links auch in andere Blöcke einfügen. Wenn Blöcke ein Textelement haben, kannst du jeden Text einfügen, der einen Link enthalten soll. Markiere einfach den Text und klicke auf Link, um deinen Link über das angezeigte Menü einzufügen.
Außerdem können Links auch in den folgenden anderen Blöcken, die keinen Text enthalten, eingefügt werden:
Logo-Block
Avatar in der Kopfzeile
Wähle dazu einfach den entsprechenden Block aus und klicken auf der Registerkarte Allgemein auf Link aktivieren. Füge anschließend deinen Link ein und wähle aus, ob dein Link im selben Fenster oder in einem neuen Fenster geöffnet werden soll.
Beispiele
Bei Verwendung von mailto:[email protected] wird die Nutzer:in zum E-Mail-Anbieter weitergeleitet und ein neuer E-Mail-Entwurf mit der eingefügten E-Mail als Empfänger geöffnet.
Anruf
Wenn du möchtest, dass die User dich sofort anrufen, wenn sie auf den Button klicken, kannst du einfach den folgenden Eintrag für die Weiterleitung verwenden: tel:0123456679.
Teilen
Es gibt bereits mehrere Tools zur Generierung von Freigabe-Links auf dem Markt, die dir dabei helfen, Links zu erstellen. Die Nutzer:innen können diese an Freunde und Familienmitglieder senden, die es ihnen ermöglichen, die Inhalte über soziale Medien oder Messenger zu teilen.
Download
Es gibt mehrere Möglichkeiten, einen Download einzuschließen, wenn du auf einen Link Button klickst. In unserem Beispiel sehen wir uns eine in Google Drive hochgeladene Datei an. Um deine Datei von Google Drive bei Klick auf den Link herunterzuladen, musst du die URL in diese ändern:
https://drive.google.com/uc?export=download&id=FILEID
Du findest die Datei-ID in der URL des Links deiner Datei:
Außerdem ist es wichtig, in den Einstellungen für die gemeinsame Nutzung, allen Personen, die über den Link verfügen, allgemeinen Zugriff zu gewähren.
Bearbeitungsoptionen Links Block
Abstand
Abstand
Breite: Hierüber kannst du die maximale Ausbreitung des Blockes anpassen und zwischen S, M, L und maximaler Breite auswählen.
Oben, Unten, Links und Rechts: Über diese Optionen kannst du den Abstand zu allen Seiten festlegen. Verwende hierzu entweder den Schieberegler oder lege die genaue Pixelanzahl fest.
Aussehen
Aussehen
Sichtbarkeit: Hierüber kannst du auswählen, ob der Block nur in der mobilen bzw. Desktop Version angezeigt wird oder diesen gänzlich verstecken.
Hintergrundfarbe: Du kannst du eine Farbe auswählen, die als Hintergrund für den Block genutzt wird.
Ausrichten: Mit dieser Option kannst du die Platzierung der Beschriftung auswählen. Die Beschriftung kann zentriert, linksbündig oder rechtsbündig sein.
Links
Links
URL: Füge die Link-URL für jede Link-Option dieses Blocks ein.
Öffnen in...: Entscheide, ob der Link in demselben oder einem anderen Fenster deines Browsers geöffnet werden soll.
Bearbeitungsoptionen Link Button
Allgemein
Allgemein
Navigation: Wähle die Aktion aus, die stattfinden soll, wenn du auf die Schaltfläche klickst. Navigiere zum nächsten Screen deines Flows oder gehen zu einem bestimmten Screen im Flow. Leite zu einer anderen Webseite weiter oder definieren spezielle Regeln für die Navigation, die auf die Eingaben der Users reagieren. Alternativ kannst du auch keine Aktion auswählen.
Abstand
Abstand
Breite: Hierüber kannst du die maximale Ausbreitung des Blockes anpassen und zwischen S, M, L und maximaler Breite auswählen.
Oben, Unten, Links und Rechts: Über diese Optionen kannst du den Abstand zu allen Seiten festlegen. Verwende hierzu entweder den Schieberegler oder lege die genaue Pixelanzahl fest.
Aussehen
Aussehen
Sichtbarkeit: Hierüber kannst du auswählen, ob der Block nur in der mobilen bzw. Desktop Version angezeigt wird oder diesen gänzlich verstecken.
Hintergrundfarbe: Du kannst du eine Farbe auswählen, die als Hintergrund für den Block genutzt wird.
Button Größe: Wähle die Größe des Buttons.
Inhalt ausrichten: Wähle, wie die Inhalte innerhalb des Buttons ausgerichtet sein sollen.
Zeile 2 anzeigen: Lege fest, ob eine zweite Textzeile angezeigt werden soll.
Ausrichten: Layout der Platzierung des Links auf dem Screen, unabhängig von der zweiten Zeile.
Breite an Inhalt anpassen: Reduziere die Breite der Schaltfläche auf ihren Inhalt.
Ausrichten: Layout der Platzierung des gesamten Buttons auf dem Screen.
Tracking
Tracking
Tracking aktiviert: Sende ein Tracking-Ereignis, wenn der Block angeklickt wird.
Event Name: Name des Tracking-Ereignisses, das an dein integriertes Tracking-Tool (z. B. Google Analytics) gesendet wird.