> For the complete documentation index, see [llms.txt](https://one-loop.gitbook.io/help/llms.txt). Markdown versions of documentation pages are available by appending `.md` to page URLs; this page is available as [Markdown](https://one-loop.gitbook.io/help/plattform/one-loop-plattform/websites-und-leadgewinnung/chat/chat-widget-fur-die-website-gestalten.md). # Chat-Widget für die Website gestalten Ein kombiniertes Chat-Widget gibt Besuchenden mehrere Kontaktwege an einer Stelle. Sie können den passenden Weg wählen, während dein Team die Gespräche in einem einheitlichen Ablauf betreut. Richte nur die Kanäle ein, die ihr zuverlässig beantworten könnt. ## Kombiniertes Chat-Widget anlegen 1. Öffne **Websites und Leadgewinnung > Chat**. 2. Erstelle ein neues Widget und wähle **All-in-One Chat**. 3. Öffne den Bereich **Stil** und wähle unter **Chat-Typ** die gewünschten Kanäle. 4. Gib dem Widget einen eindeutigen internen Namen und lege die gemeinsame Farbe fest. 5. Speichere und prüfe die Vorschau, bevor du es auf der Website einsetzt. Du kannst Live-Chat, SMS/E-Mail, Sprach-KI, Facebook, Instagram und WhatsApp kombinieren. Die Vorschau zeigt sofort, welche Auswahl für Besuchende sichtbar wird. ## Kanäle nur bei erfüllten Voraussetzungen auswählen Ein Kanal erscheint im Widget nur, wenn er im Standort bereits funktionsfähig eingerichtet ist: * **Facebook:** Eine Facebook-Seite oder ein Facebook-Konto ist verbunden. * **Instagram:** Das Instagram-Konto ist verbunden. * **Sprach-KI:** Ein passendes Sprach-KI-Widget ist eingerichtet. * **WhatsApp:** Eine WhatsApp-Rufnummer ist verbunden und ein WhatsApp-Chat-Widget besteht bereits. * **Live-Chat und SMS/E-Mail:** Diese Kanäle können auch ohne eine WhatsApp-Rufnummer genutzt werden. Fehlt ein Kanal in der Auswahl, ist das kein Fehler des Widgets. Prüfe zuerst die zugehörige Verbindung oder Einrichtung. Für das Anlegen und Bearbeiten des Widgets brauchst du die passende Berechtigung im Bereich Chat. ## Verhalten und Gestaltung festlegen Das kombinierte Widget verwendet für alle aktivierten Kanäle ein gemeinsames Farbschema. Plane daher eine Farbe, die auf jeder verwendeten Seite lesbar bleibt. Für Live-Chat stellst du Anzeigename, Begrüßung und das Verhalten außerhalb eurer Erreichbarkeit ein. Für den E-Mail-Kanal kannst du die Texte und die abgefragten Kontaktfelder gestalten. Bei WhatsApp prüfst du Rufnummer und Standardbegrüßung. Die erste Nachricht des Widgets sollte erklären, wobei ihr helfen könnt, ohne eine Reaktion zu versprechen, die euer Team nicht leisten kann. Im Live-Chat lassen sich im Fenster außerdem ein Einführungstext und ein Systemtext für das Kontaktformular festlegen. Bleibt eines dieser Felder leer, wird dieser Hinweis übersprungen und das Formular direkt geöffnet. Wähle für die Einbindung entweder eine fest am Rand sichtbare Variante oder eine eingebettete Variante innerhalb einer Seite. Die eingebettete Variante ist sinnvoll, wenn das Gespräch an einer bestimmten Stelle der Seite beginnen soll. Prüfe bei beiden Varianten die mobile Ansicht. ## Einbau und Test 1. Öffne nach dem Speichern den Bereich **Installationscode** des Widgets. 2. Binde den Code an der vorgesehenen Stelle deiner Website ein. 3. Öffne die veröffentlichte Seite in einem privaten Browserfenster. 4. Prüfe jeden sichtbaren Kanal einzeln: Begrüßung, Kontaktfelder, Übergabe und Antwortweg. 5. Teste Desktop und Mobilgerät. 6. Dokumentiere, wer die eingehenden Gespräche während und außerhalb eurer Erreichbarkeit betreut. Besuchende können nur zwischen den Kanälen wechseln, die du aktiviert hast. Live-Chat-Sitzungen bleiben bestehen, bis sie manuell beendet oder nach der festgelegten Inaktivitätszeit geschlossen werden. ## Wenn etwas nicht funktioniert * **Widget ist nicht sichtbar:** Prüfe, ob der Installationscode auf der veröffentlichten Website eingefügt ist. * **WhatsApp fehlt:** Prüfe die verbundene Rufnummer und ob bereits ein WhatsApp-Chat-Widget eingerichtet ist. * **E-Mail-Nachrichten kommen nicht an:** Prüfe die verifizierte Absenderadresse und die Einrichtung der E-Mail-Funktion. * **Ein Kanal fehlt in der Auswahl:** Prüfe die oben genannten Voraussetzungen und aktualisiere danach die Seite oder melde dich erneut an. ## Praxisbeispiel Auf einer Beratungsseite soll ein Kontakt ohne Umwege möglich sein. Das Team richtet ein kombiniertes Widget mit Live-Chat, E-Mail und WhatsApp ein. Für Live-Chat wird eine Begrüßung mit Hinweis auf die Erreichbarkeit hinterlegt; bei E-Mail werden Name, E-Mail und Anliegen abgefragt. Vor der Veröffentlichung testet eine Kollegin jeden Kanal auf Mobilgerät und Desktop. Erst nachdem Antworten und Übergaben funktionieren, wird das Widget auf weiteren Seiten eingebunden. ## Gute Praxis Aktiviere keine Kanäle nur, weil sie verfügbar sind. Ein klar betreuter Kontaktweg ist hilfreicher als viele unbeantwortete Optionen. Prüfe zudem regelmäßig die Gespräche und passe Begrüßung, Kontaktfelder oder die Auswahl der Kanäle an, wenn Besuchende wiederkehrende Fragen haben. ## Nachricht im Widget vorab eintragen lassen In einem kombinierten Chat-Widget kannst du ein Nachrichtenfeld einblenden, damit Besucher ihr Anliegen schon vor dem Start der Unterhaltung formulieren. Das ist sinnvoll, wenn die Website mehrere Kontaktwege anbietet und das Team den Anlass direkt in der Inbox sehen soll. Das Feld steht für Widgets mit E-Mail, SMS, WhatsApp oder Telefonie sowie für kombinierte Varianten zur Verfügung. Für ein reines Live-Chat-Widget ist diese Einstellung nicht vorgesehen. ### So richtest du das Feld ein 1. Öffne die Einstellungen des gewünschten Chat-Widgets. 2. Suche im Bereich für das Chat-Fenster nach den sichtbaren Feldern. 3. Füge das Feld **Nachricht** hinzu oder aktiviere es. 4. Lege fest, ob Besucher das Feld ausfüllen müssen. Fehlt kein anderes Nachrichtenfeld, sollte es verpflichtend sein, damit eine sinnvolle Anfrage entsteht. 5. Ordne das Feld an der Stelle ein, an der es für Besucher verständlich ist. 6. Speichere die Änderung und teste das Widget auf Desktop und Smartphone. Besucher können den vorgegebenen Text vor dem Absenden ändern. Die endgültig abgeschickte Nachricht erscheint anschließend in der Unterhaltung; Kontaktdaten wie Name oder E-Mail-Adresse werden weiterhin im Kontaktprofil geführt. ### Darauf solltest du achten Halte einen vorgegebenen Text kurz und konkret, zum Beispiel „Ich interessiere mich für einen Beratungstermin.“. Das Feld unterstützt kurze Nachrichten; sehr lange Anliegen gehören besser in ein Formular oder in eine ausführliche E-Mail-Anfrage. Teste außerdem jedes Widget einzeln, wenn du auf verschiedenen Seiten unterschiedliche Kontaktwege anbietest. > **Praxisbeispiel:** Auf der Leistungsseite eines Studios zeigt das Widget eine kurze Nachricht als Ausgangspunkt an. Die Besucherin ergänzt ihr konkretes Anliegen und sendet es ab. Das Team erkennt in der Inbox sofort den Kontext, ohne dass die Besucherin ihre Kontaktdaten erneut erklären muss. ## Facebook- oder Instagram-Chat gezielt anbieten Wenn Besucher eine Unterhaltung lieber in Facebook Messenger oder in Instagram-Direktnachrichten führen sollen, legst du dafür ein eigenes Chat-Widget an. Dieses Widget öffnet nicht den Live-Chat auf der Website, sondern führt die Person in den gewählten Nachrichtenkanal weiter. Ein Widget ist immer genau einem Kanal zugeordnet. ### Voraussetzung und Einrichtung 1. Verbinde zuerst die passende Facebook-Seite oder das passende Instagram-Konto im Standort. 2. Öffne **Websites und Leadgewinnung > Chat** und erstelle ein neues Widget. 3. Wähle **Facebook-Chat** oder **Instagram-Chat**. 4. Wähle die verbundene Seite beziehungsweise das verbundene Konto aus. 5. Passe im Bereich für Stil, Chat-Fenster und Nachrichten Begrüßung, Farben und Symbol an. 6. Speichere das Widget und binde es über den Installationscode in eine Website oder einen Funnel ein. 7. Öffne die veröffentlichte Seite in einem privaten Browserfenster und starte einen Test. Ist noch kein passendes Konto verbunden, steht dieser Chat-Typ nicht zur Auswahl. Verbinde das Konto zuerst und kehre danach zum Widget zurück. Besucher müssen im jeweiligen Netzwerk angemeldet sein; andernfalls öffnet sich zunächst dessen Anmeldung. Nachrichten werden im verbundenen Gesprächsbereich deines Standorts weitergeführt, sofern Verbindung, Berechtigungen und Nachrichtenfreigabe des Kanals vollständig eingerichtet sind. Wenn du eingehende Nachrichten automatisiert weiterleiten oder kennzeichnen möchtest, prüfe den jeweiligen Nachrichten-Auslöser in deinen Workflows mit einem Testkontakt. > **Praxisbeispiel:** Ein Modegeschäft beantwortet viele Fragen über Instagram. Es erstellt ein Instagram-Chat-Widget für die Produktseite, wählt das bereits verbundene Profil und formuliert eine kurze Begrüßung. Eine Kollegin testet den Klick auf dem Smartphone mit einem angemeldeten Testkonto und kontrolliert anschließend, ob die Nachricht im richtigen Gesprächsbereich ankommt. ## Ton im Chat-Widget steuern Bei einem Live-Chat oder einem kombinierten Chat-Widget kannst du einen Ton und kurze visuelle Hinweise für Besucher ein- oder ausschalten. Diese Einstellung betrifft ausschließlich das sichtbare Widget auf der Website – nicht die internen Benachrichtigungen deines Teams. 1. Öffne das gewünschte Chat-Widget. 2. Wechsle zu **Chat-Fenster** und den zusätzlichen Optionen. 3. Aktiviere oder deaktiviere den **Benachrichtigungston**. 4. Speichere die Änderung. 5. Lade eine Seite mit bereits eingebundenem Widget neu und führe einen Test durch. Die Option ist bei Live-Chat und kombinierten Widgets standardmäßig aktiv. Sie kann Hinweise zur Begrüßung, zur ersten Antwort, zur Nachricht außerhalb eurer Erreichbarkeit, zu Kontaktangaben oder zu einer Weiterleitung begleiten. Ist sie deaktiviert, bleibt das Widget bei diesen Hinweisen ruhig und ohne die zugehörigen visuellen Effekte. Eigene Töne oder eine getrennte Lautstärke lassen sich dafür nicht festlegen. Prüfe die Einstellung auf Desktop und Mobilgerät, damit sie zu Inhalt und Tonalität deiner Website passt. ## Website-Chat in der Inbox bearbeiten Eine Nachricht aus dem Website-Chat erscheint direkt in der **Inbox**. Öffne die Unterhaltung dort, antworte wie bei anderen Kanälen und ordne sie bei Bedarf einer zuständigen Person zu. Du kannst die Zuweisung manuell vornehmen oder einen vorhandenen Workflow nutzen, wenn dessen Regeln bereits sicher getestet sind. Um nur diese Gespräche zu prüfen, öffne die Inbox-Filter und wähle beim Kanal der letzten Nachricht **Live-Chat**. Diese Bezeichnung kann auch dann verwendet werden, wenn dein Team den sichtbaren Kanal auf der Website als Website-Chat bezeichnet. Bleibt eine Nachricht unbeantwortet, greift die im Widget eingerichtete Nachricht bei Inaktivität. Sie kann Besucher auffordern, Kontaktdaten zu hinterlassen, damit dein Team später nachvollziehbar nachfassen kann. Beende ein Gespräch erst, wenn das Anliegen erledigt ist; je nach Widget-Einstellung können Sitzungen auch nach einer Zeit ohne Aktivität geschlossen werden. > **Praxisbeispiel:** Eine Besucherin stellt im Widget eine Frage zur Terminbuchung. Die Nachricht erscheint in der Inbox. Das Team filtert nach Live-Chat, weist die Unterhaltung der zuständigen Person zu und beantwortet die Frage direkt. Bleibt die Besucherin inaktiv, zeigt das Widget den hinterlegten Hinweis für eine spätere Kontaktaufnahme. ## Live-Chat direkt im Seiteninhalt platzieren Eine eingebettete Variante zeigt den Live-Chat innerhalb eines Abschnitts deiner Seite statt als schwebendes Symbol am Rand. Das ist sinnvoll, wenn Besucher an einer bestimmten Stelle Fragen stellen sollen, etwa unter einer Leistungsbeschreibung oder neben einer Terminmöglichkeit. Die Platzierung ändert weder die Zuordnung von Gesprächen noch die Erfassung von Kontaktdaten. ### Eingebettetes Widget einrichten 1. Öffne **Websites und Leadgewinnung > Chat** und erstelle ein neues Widget oder öffne ein vorhandenes Live-Chat-Widget. 2. Wähle den Chat-Typ **Live-Chat**. 3. Öffne **Stil** und stelle bei der Platzierung **Eingebettet** beziehungsweise **Inline** ein. 4. Lege Erscheinungsbild, Begrüßung, abgefragte Kontaktfelder, Pflichtfelder, Zuständigkeit und Erreichbarkeit fest. 5. Speichere das Widget und wähle **Code abrufen**. 6. Kopiere den Einbindungscode. 7. Öffne die gewünschte Funnel- oder Website-Seite. Füge an der vorgesehenen Stelle ein Element für eigenen Code ein und hinterlege dort den Code. 8. Speichere und veröffentliche die Seite. Die Einbettung ist für Website-Seiten, Funnels und andere Seiten geeignet, auf denen du eigenen Code einfügen darfst. Sie passt sich kleineren Bildschirmen an. Für eine externe Website fügst du denselben Code im gewünschten Bereich des Seiten- oder HTML-Editors ein. ### Verhalten prüfen Ein eingebetteter Live-Chat bleibt ein Live-Chat: Besuchende können ein Gespräch starten, Angaben senden und in Echtzeit schreiben. Zuweisungen, automatisierte Abläufe und die Betreuung in der Inbox folgen den vorhandenen Chat-Einstellungen. * Die eingebettete Variante schwebt nicht über dem Inhalt. * Auf anderen Seiten darf weiterhin eine Variante am Seitenrand verwendet werden. * Wechselst du zwischen beiden Platzierungen, werden selbst festgelegte Abmessungen auf die empfohlenen Werte der neuen Platzierung zurückgesetzt. * Verwende auf einer Seite möglichst nicht mehrere Chat-Widgets, weil das Bedienung und Auswertung unklar machen kann. ### Test und Fehlerbehebung 1. Öffne die veröffentlichte Seite in einem privaten Browserfenster. 2. Prüfe auf Desktop und Mobilgerät, ob das Widget an der vorgesehenen Stelle erscheint und ausreichend Platz hat. 3. Sende eine Testnachricht mit Kontaktangaben. 4. Kontrolliere in der Inbox die richtige Unterhaltung, Zuständigkeit und Antwort. 5. Teste zusätzlich die Nachricht außerhalb deiner festgelegten Erreichbarkeit. Ist das Widget nicht sichtbar, prüfe zuerst den eingefügten Code und ob die Seite wirklich veröffentlicht ist. Bei einem fehlerhaften Layout kontrollierst du die Breite des umgebenden Seitenabschnitts und vorhandene eigene Gestaltungsregeln. Reagiert der Chat nicht, prüfe Zuständigkeit und Erreichbarkeit im Widget. > **Praxisbeispiel:** Auf einer Seite für Erstgespräche fügt ein Team den Live-Chat unmittelbar unter der Beschreibung ein. Vor der Veröffentlichung prüft es den Aufbau auf dem Smartphone, sendet eine Testanfrage und beantwortet diese in der Inbox. Erst danach übernimmt es die Einbettung auf weiteren Seiten. ## Farben und Schriften aus der zentralen Gestaltung verwenden Sind im Standort Farben und Schriften zentral hinterlegt, kannst du sie im Bereich **Stil** direkt für das Chat-Widget auswählen. Zusätzlich steht eine gemeinsame Standardfarbpalette für alle Chat-Widgets des Standorts zur Verfügung. Bereits in Widgets genutzte Farben werden dort übernommen, damit sie nicht erneut angelegt werden müssen. Die zentralen Markenfarben sind im Widget nur auswählbar. Änderst du sie an der zentralen Stelle, prüfe anschließend jedes wichtige Widget in der Vorschau. Teste Kontrast, Lesbarkeit und die mobile Darstellung. ## Hinweistext und Einwilligung getrennt gestalten Im Bereich **Chat-Fenster → Zusätzliche Optionen** kannst du einen reinen Hinweistext und eine Einwilligungsabfrage getrennt einrichten. Die Einwilligung kann optional, verpflichtend oder beim Öffnen bereits ausgewählt sein. Bei einer verpflichtenden Auswahl zeigt das Widget einen Hinweis, wenn die Zustimmung noch fehlt. Teste den Ablauf mit einem Testkontakt: Der angezeigte Text, die Auswahl und die Aktivität müssen zusammenpassen. Bestehende Widgets ändern sich erst, wenn du sie im Editor öffnest und speicherst. Rechtliche Texte und die konkrete Ausgestaltung der Einwilligung solltest du vor der Veröffentlichung fachlich prüfen lassen. ## Spam-Schutz im Chat-Widget einstellen und prüfen Ein Chat-Widget kann in kurzer Zeit viele automatisierte Einsendungen erhalten. Der Spam-Schutz erkennt verdächtige neue Einsendungen im Hintergrund, markiert sie und kann die ausgehende Kommunikation zu diesen Kontakten pausieren. Die Website-Besucher sehen dabei kein zusätzliches Feld, kein CAPTCHA und keinen sichtbaren Warteschritt. Der Schutz löscht keinen Kontakt automatisch. Er gibt deinem Team zuerst die Möglichkeit, den Fall zu prüfen und eine versehentlich markierte echte Anfrage wieder freizugeben. ### Voraussetzungen und wichtige Grenzen Du brauchst ein Chat-Widget, das du im Standort bearbeiten kannst. Die Einstellung wird für jedes Widget separat gespeichert. Du kannst also ein stark beworbenes Widget anders schützen als ein Widget mit wenigen Anfragen. Die Erkennungsmerkmale und Schwellenwerte werden aus Sicherheitsgründen nicht angezeigt. Deshalb kannst du die Erkennung nicht durch eine beliebige Testnachricht verlässlich auslösen. Prüfe stattdessen die Einstellung, die Sichtbarkeit der Kontaktprüfung und den Ablauf im Team. Der Schutz gilt erst für Einsendungen, die nach dem Speichern der Einstellung eingehen. Bereits vorhandene Kontakte und bereits laufende Workflows werden nicht nachträglich verändert. ### Was bei einer markierten Einsendung passiert Bei einer auffälligen neuen Einsendung erstellt das System den Kontakt weiterhin. Er erhält den automatisch vergebenen Tag `chat_widget_high_volume_flag`. Anhand dieses Tags kann dein Team die betreffenden Kontakte in der Kontaktübersicht finden. Zusätzlich wendet das System die von dir gewählte Schutzstufe an. Eine Pause betrifft nur ausgehende SMS und/oder E-Mails. Eingehende Nachrichten, Anrufe und andere bereits bestehende Kommunikationssperren des Kontakts bleiben unverändert. {% hint style="info" %} In der Kontaktansicht steht **DND** für eine Sperre der ausgehenden Kommunikation auf bestimmten Kanälen. Sie ist nicht dasselbe wie das Löschen eines Kontakts und kann bei einer echten Anfrage wieder entfernt werden. {% endhint %} ### Die passende Schutzstufe wählen | Auswahl im Widget | Was bei einer markierten Einsendung passiert | Wann sie sinnvoll sein kann | | -------------------- | ----------------------------------------------------------------------------------- | ---------------------------------------------------------------------------------- | | **Nur Tag** | Der Kontakt erhält den Prüf-Tag; Nachrichten bleiben erlaubt. | Wenn dein Team alle auffälligen Anfragen erst beobachten möchte. | | **SMS pausieren** | Der Prüf-Tag wird gesetzt; ausgehende SMS werden pausiert. E-Mails bleiben möglich. | Wenn du vor allem SMS-Versand an verdächtige Nummern vermeiden möchtest. | | **E-Mail pausieren** | Der Prüf-Tag wird gesetzt; ausgehende E-Mails werden pausiert. SMS bleiben möglich. | Wenn du die E-Mail-Zustellung besonders schützen möchtest. | | **Beides pausieren** | Der Prüf-Tag wird gesetzt; ausgehende SMS und E-Mails werden pausiert. | Wenn eine verdächtige Einsendung zunächst vollständig manuell geprüft werden soll. | Bei neuen Chat-Widgets ist **Beides pausieren** als Standard ausgewählt. Bereits vorhandene Widgets behalten zunächst ihr bisheriges Verhalten: Dort ist der Spam-Schutz ausgeschaltet, bis du ihn selbst aktivierst. ### Schutz für ein vorhandenes Widget aktivieren 1. Öffne **Websites und Leadgewinnung > Chat**. 2. Wähle das Chat-Widget aus, das du schützen möchtest. 3. Öffne im Editor den Bereich **Spam-Schutz** in der Seitenleiste. 4. Schalte **Spam-Schutz aktivieren** ein. 5. Wähle eine der vier Schutzstufen. 6. Speichere das Widget. Die Einstellung ist nach dem Speichern sofort für neue Einsendungen dieses Widgets aktiv. Die Originalansicht zeigt den Bereich **Spam-Schutz** direkt in der Seitenleiste des Editors; dadurch kannst du die Einstellung ändern, ohne das Erscheinungsbild oder die Kontaktfelder des Widgets anzupassen. ### Markierte Kontakte prüfen Plane eine wiederkehrende Prüfung ein, zum Beispiel nach einer Kampagne oder einmal pro Woche: 1. Öffne **Kontakte**. 2. Filtere nach dem Tag `chat_widget_high_volume_flag`. 3. Öffne einen markierten Kontakt und prüfe die eingereichten Angaben sowie den Gesprächsverlauf. 4. Prüfe im Aktivitätsverlauf, ob ein Eintrag wie **DND enabled by chat widget spam protection** angezeigt wird. Der Eintrag nennt den pausierten Kanal. 5. Entscheide danach bewusst, ob es sich um eine echte Anfrage oder um unerwünschte Einsendungen handelt. Die Quellansichten zeigen den Tag in der Kontaktliste, die pausierten Kanäle in den Kontakt-Einstellungen und den zugehörigen Eintrag im Aktivitätsverlauf. So kannst du die Ursache einer ausgebliebenen Nachricht nachvollziehen, statt nur nach ihr zu suchen. ### Echte Anfragen wieder freigeben Wenn ein markierter Kontakt echt ist, stellst du die Kommunikation manuell wieder her: 1. Öffne den Kontakt. 2. Entferne die Kommunikationssperre nur bei dem Kanal, den die Schutzstufe pausiert hat. 3. Entferne anschließend den Tag `chat_widget_high_volume_flag`. 4. Prüfe im Aktivitätsverlauf, dass die gewünschte Sperre entfernt ist. 5. Starte eine erforderliche Nachfassaktion erst danach und kontrolliere die Zustellung. Nach dem Entfernen der Sperre können ausgehende Nachrichten sofort wieder versendet werden. Entferne den Tag erst nach der Prüfung, damit die Liste der offenen Fälle nachvollziehbar bleibt. Bei eindeutig unerwünschten Einsendungen kann das Team die Kontakte gesammelt auswählen und löschen. Prüfe die Auswahl vorher besonders sorgfältig, damit keine echte Anfrage mit entfernt wird. ### Bei erwarteten Anfragespitzen richtig handeln Eine große echte Resonanz kann ähnliches Verhalten zeigen wie eine automatisierte Einsendungswelle. Das kann etwa bei einer stark beworbenen Aktion oder einer Veranstaltung passieren. Deaktiviere den Spam-Schutz für das betroffene Widget vor einer erwarteten Anfragespitze, wenn du vermeiden möchtest, dass echte Interessierte markiert werden. Aktiviere ihn nach der Spitze wieder mit der zuvor gewünschten Schutzstufe. Falls die Deaktivierung vergessen wurde, prüfe danach die markierten Kontakte und gib echte Anfragen gezielt frei. ### Ergebnis sicher prüfen Da die Erkennung selbst nicht künstlich ausgelöst werden soll, prüfst du die Einrichtung über die sichtbaren Einstellungen und einen klaren Teamablauf: 1. Öffne jedes wichtige Chat-Widget und notiere die gewählte Schutzstufe. 2. Prüfe, dass bei bestehenden Widgets nichts versehentlich aktiviert wurde. 3. Prüfe bei neuen Widgets die voreingestellte Stufe **Beides pausieren** und ändere sie nur mit einer bewussten Entscheidung. 4. Lege intern fest, wer den Prüf-Tag kontrolliert und wann. 5. Kontrolliere nach der nächsten tatsächlichen Markierung Tag, Aktivitätsverlauf, pausierte Kanäle und die Entscheidung des Teams. ### Praxisbeispiel: Viele Anfragen nach einer Aktion Ein Fitnessstudio schaltet für ein neues Probetraining eine Website-Aktion. Das Team erwartet viele echte Anfragen, möchte aber nicht, dass verdächtige Einsendungen automatische Nachrichten auslösen. Für das beworbene Widget stellt es zunächst **Nur Tag** ein und vereinbart eine tägliche Prüfung der markierten Kontakte. Nach der Aktion sieht eine Mitarbeiterin die Kontakte über den Prüf-Tag, öffnet zweifelhafte Fälle und entscheidet anhand der Angaben und des Gesprächsverlaufs. Bei einer späteren unnormalen Einsendungswelle wechselt das Team für dieses Widget auf **Beides pausieren**. Echte Anfragen werden nach der Prüfung gezielt freigegeben; bestätigte unerwünschte Einträge werden erst nach sorgfältiger Auswahl entfernt. ### Häufige Situationen #### Im Editor fehlt der Bereich Spam-Schutz Öffne ein tatsächliches Chat-Widget im Editor und aktualisiere die Seite. Ist die Einstellung weiterhin nicht sichtbar, ändere den Schutz nicht über andere Kontakt-Einstellungen. Kläre zuerst, ob die Funktion für diesen Standort und Widget-Typ bereitsteht. #### Eine echte Anfrage erhält keine automatische Nachricht Suche den Kontakt über den Prüf-Tag und prüfe den Aktivitätsverlauf. Wurde eine Sperre durch den Spam-Schutz gesetzt, entferne sie nur bei den betroffenen Kanälen und entferne danach den Prüf-Tag. Kontrolliere anschließend die erforderliche Nachricht bewusst. #### Der Prüf-Tag bleibt nach der Freigabe sichtbar Der Tag wird nicht automatisch entfernt. Entferne ihn nach der erfolgreichen Prüfung manuell, damit die gefilterte Liste nur noch offene Fälle zeigt. #### Ein erwarteter Andrang wurde markiert Prüfe die markierten Kontakte zeitnah. Für die nächste geplante Anfragespitze kannst du den Schutz im jeweiligen Widget vorher ausschalten und danach wieder aktivieren. ## Farbe im Chat-Widget browserabhängig auswählen Wenn du im Bereich **Stil** eine eigene Farbe für ein Chat-Widget festlegst, passt sich die Farbauswahl jetzt automatisch an den verwendeten Browser an. Dadurch wird keine Auswahlmöglichkeit mehr angezeigt, die in diesem Browser nicht funktionieren kann. ### Was du im Browser siehst * In **Chrome** bleibt die Pipette verfügbar. Damit kannst du eine Farbe direkt von einer Stelle auf dem Bildschirm übernehmen. * In **Safari** und **Firefox** wird die Pipette ausgeblendet, weil diese Browser die dafür benötigte Browserfunktion nicht bereitstellen. * Farbspektrum, Farbton-Regler und die Eingabe eines Hex-Farbwerts bleiben in den unterstützten Browsern verfügbar. Deine bisher gespeicherten Farben und die bestehende Gestaltung des Widgets bleiben unverändert. ### So prüfst du eine Farbe trotzdem zuverlässig 1. Öffne das gewünschte Chat-Widget und wechsle zu **Stil**. 2. Öffne die Farbauswahl. 3. Nutze die Pipette nur, wenn sie angezeigt wird. Fehlt sie, wähle die Farbe über Spektrum, Farbton-Regler oder Hex-Wert. 4. Speichere die Änderung. 5. Prüfe die Vorschau sowie die eingebundene Website in dem Browser, den deine Besucher überwiegend verwenden. Dass die Pipette in einem Browser fehlt, ist kein Fehler im Widget. Die übrigen Farbauswahlen stehen weiter zur Verfügung. --- # Agent Instructions This documentation is published with GitBook. GitBook is the documentation platform designed so that both humans and AI agents can read, navigate, and reason over technical content effectively. Learn more at gitbook.com. ## Querying This Documentation If you need additional information that is not directly available in this page, you can query the documentation by asking a question. Perform an HTTP GET request on the following URL with the `ask` and `goal` query parameters: ``` GET https://one-loop.gitbook.io/help/plattform/one-loop-plattform/websites-und-leadgewinnung/chat/chat-widget-fur-die-website-gestalten.md?ask=&goal= ``` `ask` is the immediate question: it should be specific, self-contained, and written in natural language. `goal` is what the user is ultimately trying to achieve, the reason they need the answer. Sharing it helps GitBook give you a better, more relevant answer. A goal is most helpful when it describes the outcome the user wants rather than restating the question. For example, with `ask=how do I create an API token`, a goal like `automate deployments from our CI pipeline` lets GitBook tailor the answer to that use case. The response will contain a direct answer to the question and relevant excerpts and sources from the documentation. Use this mechanism when the answer is not explicitly present in the current page, you need clarification or additional context, or you want to retrieve related documentation sections.