Chat per Link oder Button öffnen
Möchtest Du, dass Deine Besucher den Chat von überall auf Deiner Website starten können? Dann baue einfach einen Link oder Knopf ein, der den Chat öffnet, zum Beispiel mit der einladenden Frage „Fragen? Chat öffnen".
data-mode="widget" oder both).Der einfachste Weg: #chatlotse
Ganz einfach: Trage als Ziel Deines Links #chatlotse ein. Das Praktische daran: Es funktioniert in jedem Baukasten, egal ob Menüpunkt, Knopf oder verlinktes Bild, weil Du dort immer ein eigenes Link-Ziel eintippen kannst. Der Chat öffnet sich sofort, und die Adresse Deiner Seite bleibt dabei sauber. Sie ändert sich nicht.
<a href="#chatlotse">Chat öffnen</a>Mit vorausgefüllter Nachricht
Du kannst den Chat sogar mit einem schon eingetippten Text öffnen. So muss Dein Besucher nur noch auf Senden klicken.
<button data-chatlotse-open
data-chatlotse-message="Ich habe eine Frage zu den Preisen">
Frag uns
</button>Möchtest Du das auch von einer anderen Seite oder aus einer Kampagne heraus nutzen? Das geht ebenso über die Adresse selbst:
https://deine-seite.de/?chatlotse=Ich%20habe%20eine%20FrageWeitere Möglichkeiten
| Methode | Code | Was passiert |
|---|---|---|
| CSS-Klasse zum Öffnen | chatlotse-open |
Gib einem Element diese Klasse. Praktisch für Baukästen, in denen Du nur eine Klasse vergeben kannst. |
| CSS-Klasse zum Schließen | chatlotse-close |
Gib einem Element diese Klasse, damit es den Chat wieder schließt. |
| Attribut zum Öffnen | data-chatlotse-open |
Setze dieses Attribut an einem Link oder Knopf, wenn Dein Baukasten eigene Attribute erlaubt. |
| Attribut zum Schließen | data-chatlotse-close |
Setze dieses Attribut, damit das Element den Chat schließt. |
| Von einer anderen Seite aus | ?chatlotse |
Hänge das an die Adresse an. Der Chat öffnet sich beim Ankommen, danach verschwindet der Zusatz wieder aus der Adresse. |
| Für Entwickler: öffnen | window.Chatlotse.open() |
Öffnet den Chat direkt aus Deinem eigenen Code heraus. |
| Für Entwickler: schließen | window.Chatlotse.close() |
Schließt den Chat direkt aus Deinem eigenen Code heraus. |
| Für Entwickler: umschalten | window.Chatlotse.toggle() |
Öffnet den Chat, wenn er zu ist, und schließt ihn, wenn er offen ist. |
| Vorgefüllte Nachricht | window.Chatlotse.open('Deine Frage') |
Öffnet den Chat und trägt den Text schon als Nachricht ein, der Besucher muss nur noch senden. |
| Für Entwickler: Einwilligung widerrufen | window.Chatlotse.revokeConsent() |
Löscht die gespeicherte Zustimmung zum Chat und entfernt den geladenen Chat. Der Besucher sieht danach wieder die Frage "Chat aktivieren". Praktisch als Widerrufs-Link in Deiner Datenschutzerklärung, wenn Du kein Cookie-Banner nutzt. |
Welcher Weg passt für mich?
| Deine Situation | Passender Weg |
|---|---|
| Ich kann nur eine Link-Adresse eintippen | #chatlotse |
| Ich kann eine CSS-Klasse vergeben | chatlotse-open |
| Ich kann ein Attribut setzen | data-chatlotse-open |
| Link von einer anderen Seite | ?chatlotse |
| Ich programmiere selbst | window.Chatlotse.open() |