> 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/live-chat-auf-der-website-einrichten-und-betreuen/dateien-und-sprachnachrichten-im-live-chat-austauschen.md). # Dateien und Sprachnachrichten im Live-Chat austauschen Erlaube Besuchern Dateien und Sprachnachrichten im Live-Chat, richte beide Freigaben getrennt ein und prüfe den gesamten Ablauf vom Widget bis zur Inbox. ## Das Ergebnis Im Live-Chat können Besucher mehr als Text senden: unterstützte Bilder, PDFs, Dateien und Sprachnachrichten. Alles erscheint anschließend in derselben Unterhaltung in der Inbox. Dein Team kann den Kontext dort ansehen, Anhänge herunterladen oder eine Audionachricht direkt abspielen und im passenden Gespräch antworten. Dateianhänge und Sprachnachrichten sind zwei getrennte Freigaben. Aktiviere nur die Möglichkeiten, die für eure Anfragen sinnvoll sind. So bleibt das Chat-Fenster für Besucher übersichtlich und dein Team weiß, welche Art von Nachrichten eingehen kann. ## Voraussetzungen vor der Aktivierung Der Live-Chat muss bereits auf der gewünschten Website sichtbar und erreichbar sein. Teste die Einstellung nicht nur im Editor, sondern anschließend in einem normalen Browser als Besucher. Nur dann siehst du, ob das Chat-Fenster, die Symbole und die Übertragung tatsächlich funktionieren. Überlege vorher: * Welche Dateien sollen Besucher wirklich senden dürfen? * Wer prüft neue Anhänge und Sprachnachrichten in der Inbox? * Welche wichtigen Informationen sollen zusätzlich als Text vorliegen, damit die Anfrage ohne Abspielen oder Download verständlich bleibt? ## Dateien und Sprachnachrichten getrennt aktivieren 1. Öffne **Websites** > **Chat-Widget** und wähle das Live-Chat-Widget aus, das auf deiner Website verwendet wird. 2. Öffne den Bereich **Chat-Fenster**. 3. Klappe **Weitere Optionen** auf. 4. Aktiviere **Sprachnachrichten senden erlauben**, wenn Besucher eine Aufnahme über das Mikrofon erstellen dürfen. 5. Aktiviere **Anhänge senden erlauben**, wenn Besucher Dateien senden dürfen. 6. Wähle oben rechts **Speichern**. 7. Öffne danach die veröffentlichte Website in einem Testbrowser und prüfe beide Funktionen einzeln. In der Vorschau des Widgets siehst du unten im Eingabefeld das Mikrofon- und das Anhang-Symbol. Fehlt eines davon nach dem Speichern, prüfe zuerst den zugehörigen Schalter und teste erneut auf der veröffentlichten Seite. > **Wichtig:** Die Einrichtung des Widgets auf der Website ist ein eigener Schritt. Diese Anleitung setzt voraus, dass dein Chat-Fenster bereits eingebunden ist. Kopiere keinen Beispielcode aus fremden Anleitungen in deine Website, ohne die vorhandene Einbindung zu prüfen. ## So senden Besucher Dateien Am Desktop können Besucher eine Datei per Anhang-Symbol auswählen oder eine unterstützte Datei in das offene Chat-Fenster ziehen. 1. Der Besucher öffnet den Live-Chat auf deiner Website. 2. Er wählt das **Anhang-Symbol** oder zieht Dateien aus dem Dateimanager in das Eingabefeld. 3. Im Dateidialog wählt er die gewünschten Dateien aus. 4. Er wartet, bis der Upload-Fortschritt abgeschlossen ist. 5. Er prüft die angezeigten Vorschauen oder Dateikarten. 6. Er sendet die Nachricht. Eine Nachricht darf nur aus einem Anhang bestehen. Ein zusätzlicher Text ist nicht erforderlich. Das ist praktisch für ein Foto oder Dokument, aber bitte dein Team bei unklaren Anhängen gezielt um eine kurze Beschreibung im selben Gespräch. ## So nehmen Besucher eine Sprachnachricht auf 1. Der Besucher öffnet den Live-Chat und wählt das **Mikrofon-Symbol**. 2. Der Browser fragt beim ersten Mal nach Zugriff auf das Mikrofon. Der Besucher muss diesen Zugriff erlauben. 3. Die Aufnahme startet; das Widget zeigt den Aufnahmestatus und die vergangene Zeit. 4. Nach dem Stoppen kann der Besucher die Aufnahme vor dem Versand anhören. 5. Er kann die Aufnahme bei Bedarf verwerfen oder über die Senden-Schaltfläche abschicken. Eine Sprachnachricht ist besonders hilfreich, wenn sich ein Anliegen schwer tippen lässt. Bitte trotzdem um wichtige Daten als Text, wenn sie eindeutig erfasst werden müssen, etwa eine Auftragsnummer oder ein gewünschter Termin. ## Unterstützte Inhalte und Grenzen | Art | Unterstützt und sichtbar | | --------------------------- | --------------------------------------------------- | | Bilder | JPG, JPEG, PNG und HEIC | | Dokumente | PDF | | Sprachnachrichten und Audio | Aufnahmen im Widget sowie unterstützte Audiodateien | | Anzahl | Höchstens fünf Dateien in einer Nachricht | | Größe | Höchstens 25 MB je Datei | JPG- und PNG-Dateien können im Chat direkt als Vorschau erscheinen. HEIC-Dateien und PDFs können stattdessen als Dateiname zum Herunterladen angezeigt werden. Das ist kein Fehler, sondern hängt vom Dateityp und der verfügbaren Vorschau ab. Nicht unterstützte, zu große oder doppelt ausgewählte Dateien können automatisch abgewiesen werden. Bitte in diesem Fall um ein unterstütztes, kleineres oder einzelnes Dokument. ## Was dein Team in der Inbox sieht Öffne die passende Unterhaltung in der **Inbox**. Eingehende Medien bleiben in dem Gespräch, aus dem sie gesendet wurden. Das Team muss also nicht zwischen verschiedenen Bereichen wechseln. * **Bilder:** können als Vorschau im Gespräch erscheinen. * **PDF und HEIC:** können als Dateiname zur Verfügung stehen und bei Bedarf heruntergeladen werden. * **Sprachnachrichten und Audiodateien:** erscheinen als Audio-Karte mit Wiedergabe. Je nach Ansicht stehen Abspielen und Pausieren, Zeitachse, Lautstärke, erneutes Starten, Geschwindigkeiten von 1×, 1,5× und 2× sowie ein Download zur Verfügung. Prüfe vor dem Öffnen oder Herunterladen immer Dateiname und Gesprächskontext. Antworte anschließend im selben Chat, damit die Zuordnung für Besucher und Team eindeutig bleibt. ## Den Ablauf vor dem Einsatz testen Führe nach jeder Änderung einen kurzen End-to-End-Test durch: 1. Öffne die Website in einem Browser, in dem du nicht im Editor arbeitest. 2. Sende ein JPG oder PNG, eine PDF-Datei und eine Nachricht nur mit Anhang. 3. Nimm eine kurze Sprachnachricht auf, höre sie vor dem Versand an und sende sie ab. 4. Kontrolliere in der Inbox, ob jedes Element im richtigen Gespräch erscheint. 5. Spiele die Audionachricht ab und prüfe bei einer Datei die Vorschau oder den Download. 6. Antworte testweise im selben Gespräch. So erkennst du fehlende Freigaben, Browser-Berechtigungen und Übertragungsprobleme, bevor sie Besucher betreffen. ## Typische Probleme lösen ### Mikrofon startet nicht Der Zugriff auf das Mikrofon wurde meist im Browser abgelehnt. Erlaube den Zugriff in den Browser-Einstellungen, lade die Seite neu und versuche die Aufnahme erneut. Der Besucher muss eine aktuelle, unterstützte Browserumgebung verwenden. ### Eine Datei lässt sich nicht senden Prüfe nacheinander Dateityp, Anzahl und Größe. Warte außerdem, bis der Upload-Fortschritt abgeschlossen ist. Bei einer Warnung zu doppelten Dateien entfernst du die Wiederholung und wählst nur die benötigte Datei erneut aus. ### Anhang oder Audionachricht fehlt in der Inbox Öffne genau die Unterhaltung, aus der die Nachricht gesendet wurde, und aktualisiere die Ansicht. Prüfe danach beide Freigaben im Widget mit einem neuen Testgespräch. Ändere eine Live-Einstellung erst wieder, nachdem der Test im eingebundenen Chat abgeschlossen ist. ### Eine Datei hat keine Vorschau Bei HEIC und PDF kann statt einer Vorschau nur ein Dateiname erscheinen. Lade die Datei bei Bedarf herunter. Bei JPG und PNG prüfst du zuerst, ob die Übertragung vollständig abgeschlossen wurde. ## Praxisbeispiel Ein Reparaturbetrieb erlaubt im Live-Chat Bilder und Sprachnachrichten. Ein Besucher fotografiert ein beschädigtes Gerät und ergänzt eine kurze Aufnahme. In der Inbox öffnet das Serviceteam genau diese Unterhaltung, hört die Nachricht an und prüft das Bild. Für die eindeutige Zuordnung bittet es anschließend im selben Chat um die Seriennummer als Text. So bleibt der Vorgang vollständig in einem Gespräch nachvollziehbar, ohne dass Informationen unnötig über weitere Kanäle verteilt werden. --- # 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/live-chat-auf-der-website-einrichten-und-betreuen/dateien-und-sprachnachrichten-im-live-chat-austauschen.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.