# Live-Chat kostenlos auf der Website einbinden: Schritt-für-Schritt-Anleitung [2026] Canonical URL: https://chataptor.com/de/blog/live-chat-kostenlos-auf-website-einbinden/ Markdown URL: https://chataptor.com/markdown/de/blog/live-chat-kostenlos-auf-website-einbinden.md Language: Deutsch (de) Author: Chataptor Team Published: 2026-08-07 Updated: 2026-08-07 Tags: Live-Chat, Kostenloser Live-Chat, Website-Chat, Chat-Widget, Integrationen Image: https://chataptor.com/images/blog/how-to-add-free-live-chat.webp Image alt: Schrittweise Installation eines kostenlosen Live-Chat-Widgets auf einer Website Erfahren Sie, wie Sie kostenlosen Live-Chat auf Ihrer Website einbinden. Anleitung für WordPress, WooCommerce, Shopify, Shoper, PrestaShop und HTML. ## Language Versions - pl: https://chataptor.com/pl/blog/jak-dodac-live-chat-na-strone-za-darmo/ | Markdown: https://chataptor.com/markdown/pl/blog/jak-dodac-live-chat-na-strone-za-darmo.md - en: https://chataptor.com/en/blog/how-to-add-free-live-chat-to-website/ | Markdown: https://chataptor.com/markdown/en/blog/how-to-add-free-live-chat-to-website.md - de: https://chataptor.com/de/blog/live-chat-kostenlos-auf-website-einbinden/ | Markdown: https://chataptor.com/markdown/de/blog/live-chat-kostenlos-auf-website-einbinden.md - fr: https://chataptor.com/fr/blog/ajouter-live-chat-gratuit-site-web/ | Markdown: https://chataptor.com/markdown/fr/blog/ajouter-live-chat-gratuit-site-web.md - es: https://chataptor.com/es/blog/anadir-chat-en-vivo-gratis-sitio-web/ | Markdown: https://chataptor.com/markdown/es/blog/anadir-chat-en-vivo-gratis-sitio-web.md - it: https://chataptor.com/it/blog/aggiungere-live-chat-gratis-sito-web/ | Markdown: https://chataptor.com/markdown/it/blog/aggiungere-live-chat-gratis-sito-web.md - cs: https://chataptor.com/cs/blog/jak-pridat-live-chat-na-web-zdarma/ | Markdown: https://chataptor.com/markdown/cs/blog/jak-pridat-live-chat-na-web-zdarma.md - sk: https://chataptor.com/sk/blog/ako-pridat-live-chat-na-web-zadarmo/ | Markdown: https://chataptor.com/markdown/sk/blog/ako-pridat-live-chat-na-web-zadarmo.md - pt: https://chataptor.com/pt/blog/como-adicionar-chat-ao-vivo-gratis-site/ | Markdown: https://chataptor.com/markdown/pt/blog/como-adicionar-chat-ao-vivo-gratis-site.md - ko: https://chataptor.com/ko/blog/websaiteu-muryo-live-chat-seolchi-bangbeop/ | Markdown: https://chataptor.com/markdown/ko/blog/websaiteu-muryo-live-chat-seolchi-bangbeop.md - ar: https://chataptor.com/ar/blog/إضافة-دردشة-مباشرة-مجانية-للموقع/ | Markdown: https://chataptor.com/markdown/ar/blog/إضافة-دردشة-مباشرة-مجانية-للموقع.md Das Hinzufügen von Live-Chat zu Ihrer Website scheint eine technische Aufgabe zu sein, die die Hilfe eines Programmierers erfordert. In der Praxis kommt es meist darauf an, ein Konto zu erstellen, das Chat-Fenster zu konfigurieren und einen Code einzufügen. Sie müssen kein eigenes Nachrichtensystem aufbauen, einen Server konfigurieren oder eine Anwendung von Grund auf erstellen. Das fertige Widget fungiert als zusätzliches Element der Website und ermöglicht es dem Kunden, ein Gespräch zu beginnen, ohne die Anwendung zu installieren oder ein Konto zu erstellen. In dieser Anleitung zeigen wir Ihnen, wie Sie den kostenlosen Live-Chat von Chataptor hinzufügen zu: - normale HTML-Seite, - WordPress, - WooCommerce, - Shopify, - Käufer, - PrestaShop, - eine Seite mit Google Tag Manager. Sie können den gesamten Vorgang selbst durchführen. Das Wichtigste ist, den für eine bestimmte Seite generierten Code zu kopieren und an der richtigen Stelle zu platzieren. ## Live-Chat auf der Website einbinden: Kurzanleitung Der grundlegende Prozess ist wie folgt: 1. Erstellen Sie ein Konto im Chataptor-System. 2. Gehen Sie zur Registerkarte **Kanäle**. 3. Wählen Sie **Seiten-Widget**. 4. Fügen Sie den Namen und die Adresse Ihrer Website hinzu. 5. Öffnen Sie die Registerkarte **Widget-Installation**. 6. Konfigurieren Sie das Chat-Erscheinungsbild. 7. Kopieren Sie den von Chataptor generierten Code. 8. Fügen Sie es auf der Seite vor dem schließenden Tag `` ein. 9. Speichern Sie Ihre Änderungen und senden Sie eine Testnachricht. Nach der ordnungsgemäßen Installation werden vom Widget gesendete Nachrichten an das Chataptor-Panel weitergeleitet. Sie können über Ihren Browser oder Ihre mobile Anwendung darauf antworten. ## Was brauchen Sie, bevor Sie beginnen? Um den Live-Chat zu starten, benötigen Sie: - Website-Adresse, - Chataptor-Konto, - Möglichkeit, die Seite oder ihre Einstellungen zu bearbeiten, - Zugriff auf das WordPress-Panel, den Shop oder das Website-Verwaltungssystem. Sie müssen weder HTML noch JavaScript beherrschen. In den meisten gängigen Systemen kann der Code für zusätzliche Skripte in ein spezielles Feld eingefügt werden. Wenn die Website von einer Agentur oder einem Entwickler verwaltet wird, laden Sie einfach den generierten Code mit den Informationen hoch: > Bitte fügen Sie dieses Skript global auf allen Unterseiten direkt vor dem schließenden Tag `` ein. ## Schritt 1. Erstellen Sie ein kostenloses Chataptor-Konto Der erste Schritt besteht darin, [ein kostenloses Chataptor-Konto zu erstellen](https://chataptor.com/register). Geben Sie im Registrierungsformular Folgendes an: - Firmenname, - Dein Name, - E-Mail-Adresse, - Passwort. Überprüfen Sie nach dem Absenden des Formulars Ihr Postfach und bestätigen Sie Ihre Registrierung, wenn Sie eine Aktivierungsnachricht erhalten. Chataptor ist derzeit kostenlos verfügbar, ohne Begrenzung der Konversationen und ohne kostenpflichtige Funktionen. Es umfasst nicht nur ein Chat-Widget, sondern auch eine mobile Anwendung, Antwortvorlagen, einen gemeinsamen Posteingang und automatische Nachrichtenübersetzungen. ## Schritt 2. Gehen Sie zur Registerkarte „Kanäle“. Öffnen Sie nach dem Anmelden die Registerkarte **Kanäle**. Es gibt Quellen, über die Nachrichten Chataptor erreichen können. Eines davon ist das **Website-Widget**, ein Chat-Fenster, das den Besuchern der Website angezeigt wird. Sie müssen WhatsApp, E-Mail, Facebook oder andere Integrationen nicht sofort einrichten. Sie können nur mit Live-Chat beginnen und später weitere Kanäle hinzufügen. Wählen Sie **Seiten-Widget**. ## Schritt 3. Fügen Sie Ihre Website hinzu Nachdem Sie das Widget ausgewählt haben, gelangen Sie zu den Seiteneinstellungen. Fügen Sie eine neue Seite hinzu und füllen Sie Folgendes aus: - Seitenname, - seine Webadresse. Der Name hilft dabei, die Quelle des Panel-Chats zu identifizieren. Dies ist besonders nützlich, wenn das Unternehmen über mehrere Shops, Marken, Domains oder Sprachversionen verfügt. Beispielnamen: - Shop Polen, - Shop Deutschland, - Unternehmenswebsite, - Einzelhandelsgeschäft, - B2B-Panel. Geben Sie im Adressfeld die vollständige Adresse der Website ein, auf der der Live-Chat erscheinen soll. Nachdem Sie die Daten eingegeben haben, speichern Sie die Seite. ## Schritt 4. Konfigurieren Sie das Erscheinungsbild des Widgets Gehen Sie nach dem Speichern der Seite zur Registerkarte **Widget-Installation**. Abhängig von der aktuellen Version des Panels können Sie unter anderem Folgendes einstellen: - Titel des Chatfensters, - Willkommensnachricht, - Textfeld zur Eingabe von Nachrichten, - Hauptfarbe, - helles oder dunkles Thema, - Widget-Position, - Methode zum Öffnen des Fensters, - automatische Übersetzung von Konversationen. Sie müssen nicht alle Einstellungen auf einmal verfeinern. Zunächst können Sie eine einfache Version ausführen, deren Funktion überprüfen und erst dann das Erscheinungsbild ändern. ### Welchen Begrüßungstext soll ich einstellen? Halten Sie Ihre Willkommensnachricht kurz und machen Sie deutlich, dass der Kunde eine Frage stellen kann. Beispiele: > Guten Morgen! Wie können wir helfen? > Haben Sie eine Frage zu einem Produkt oder einer Bestellung? Schreiben Sie uns. > Benötigen Sie Hilfe bei der Produktauswahl? Wir sind hier. Vermeiden Sie lange Texte, die das gesamte Unternehmen beschreiben. Der Kunde öffnet den Chat, weil er schnell ein Gespräch beginnen möchte. ### Welche Widget-Farbe soll ich wählen? Verwenden Sie am besten eine Farbe, die zur visuellen Identifizierung der Website passt, aber auch kontrastreich genug ist. Die Schaltfläche sollte sichtbar, aber nicht verdeckt sein: - mobiles Menü, - Schaltfläche „Produkt zum Warenkorb hinzufügen“, - Informationen über Cookies, - weitere wichtige Seitenelemente. Überprüfen Sie nach dem Starten des Widgets dessen Darstellung auf Ihrem Computer und Telefon. ## Schritt 5. Kopieren Sie den von Chataptor generierten Code Nach dem Speichern der Konfiguration generiert Chataptor einen individuellen Installationscode. Der Code enthält eine ID, die das Widget mit dem richtigen Konto und der richtigen Seite verbindet. Daher sollten Sie keinen Code kopieren, den Sie in einem anderen Handbuch, auf einer Website oder im Konto eines Drittanbieters finden. **Verwenden Sie immer den vollständigen Code, der in Ihrem Chataptor-Panel generiert wurde.** Das Fragment könnte dem folgenden Beispiel ähneln: ```html ``` Ändern Sie Skript-IDs, Schlüssel oder Adressen nicht manuell. Darstellungsparameter können nur bearbeitet werden, wenn Sie wissen, wozu sie dienen. ## Schritt 6: Fügen Sie den Code vor dem Tag `` ein Der Widget-Code sollte unmittelbar vor dem schließenden Tag hinzugefügt werden: ```html ``` Beispiel-Dateilayout: ```html Meine Website

Willkommen auf unserer Website

``` Wenn Sie den Code in der globalen Fußzeile oder in der Hauptvorlage platzieren, wird der Chat auf allen Unterseiten angezeigt. Wenn Sie möchten, dass es nur an einem bestimmten Ort verfügbar ist, beispielsweise in einem Geschäft, aber nicht in einem Blog, erfordert die Installationsmethode möglicherweise eine zusätzliche Bedingung oder Einstellung einer Anzeigeregel. ## Wie füge ich Live-Chat zu WordPress hinzu? Die einfachste Lösung für eine technisch nicht versierte Person ist die Verwendung der [Chataptor-Integration mit WordPress](https://chataptor.com/de/integrations/wordpress/) oder eines Plugins, mit dem Sie Skripte zur Fußzeile hinzufügen können. Dies könnte zum Beispiel ein Tool sein wie: - WPCode, - Kopf- und Fußzeilencode, - Kopf- und Fußzeilenskripte. Nach der Installation des entsprechenden Plugins: 1. Öffne ihre Einstellungen. 2. Suchen Sie das Codefeld in der Fußzeile. 3. Fügen Sie den vollständigen in Chataptor generierten Code ein. 4. Anzeige auf Ganzseite einstellen. 5. Änderungen speichern. 6. WordPress-Cache leeren. 7. Öffnen Sie die Seite im privaten Modus und überprüfen Sie das Widget. Feldnamen können je nach Plugin variieren. Suchen Sie nach Begriffen wie: - Fußzeile, - Körperende, - Vor ``, - Skripte in der Fußzeile. ### Installation über Theme-Datei Eine technische Person kann das Skript mithilfe des `wp_footer`-Mechanismus oder in der Fußzeilendatei eines untergeordneten Themas hinzufügen. Es lohnt sich nicht, Code direkt zum Hauptthema hinzuzufügen. Nach der Aktualisierung kann die Änderung entfernt werden. ## Wie füge ich Live-Chat zu WooCommerce hinzu? WooCommerce läuft auf WordPress, daher ist die Installation dieselbe. Chataptor-Code kann hinzugefügt werden: - über Skriptverwaltungs-Plugin, - bis `wp_footer`, - in der Fußzeile des untergeordneten Themas. Bitte überprüfen Sie nach der Installation insbesondere: - Startseite des Shops, - Produktkarte, - Korb, - Mobilgerät. Das Widget sollte keine Einkaufsschaltflächen oder Elemente verdecken, die beim Aufgeben einer Bestellung verwendet werden. ## Wie füge ich Live-Chat zu Shopify hinzu? In Shopify kann der Code in der Hauptvorlagendatei platziert werden. Bevor Sie beginnen, empfiehlt es sich, eine Kopie Ihres aktiven Themes zu erstellen. Dann: 1. Melden Sie sich bei Ihrem Shopify-Dashboard an. 2. Öffnen Sie den Bereich **Online-Shop**. 3. Gehen Sie zu **Themen**. 4. Wählen Sie bei aktivem Design die Option „Code bearbeiten“. 5. Öffnen Sie im Verzeichnis **Layout** die Datei `theme.liquid`. 6. Finden Sie das Tag ``. 7. Fügen Sie den vollständigen Chataptor-Code direkt davor ein. 8. Änderungen speichern. 9. Aktualisieren Sie den Shop und tätigen Sie einen Testanruf. Der Code sollte in das Haupttemplate eingebunden werden, damit das Widget auf allen wichtigen Unterseiten des Shops verfügbar ist. ## Wie füge ich Live-Chat zu Shoper hinzu? Der genaue Name des Abschnitts kann je nach Panel-Version und verwendeter Vorlage variieren. Die [Anleitung zur Integration von Chataptor mit Shoper](https://chataptor.com/de/integrations/shoper/) kann ebenfalls hilfreich sein. Am häufigsten sollten Sie: 1. Melden Sie sich im Administrationsbereich an. 2. Öffnen Sie den Abschnitt „Add-ons“ oder „Integrationen“. 3. Gehen Sie zu benutzerdefinierten Integrationen oder Ihrem eigenen Code. 4. Suchen Sie das Codefeld in der Fußzeile der Seite. 5. Fügen Sie den Chataptor-Code ein. 6. Änderungen speichern. 7. Überprüfen Sie den Store in einem neuen Browserfenster. Suchen Sie nach dem Feld, das als Pre-Close-Code `` beschrieben wird. Wenn diese Option nicht angezeigt wird, kann der Code durch Bearbeiten der Vorlage hinzugefügt oder an den technischen Support des Shops gesendet werden. ## Wie füge ich Live-Chat zu PrestaShop hinzu? In PrestaShop ist es am besten, eine Lösung zu verwenden, die keine Bearbeitung der Hauptsystemdateien erfordert. Mögliche Methoden sind: - Modul, mit dem Sie Ihr eigenes JavaScript hinzufügen können, - benutzerdefiniertes HTML-Modul, - Haken `displayFooter`, - Fußzeile des verwendeten Themes, - ein einfaches, vom Programmierer vorbereitetes Modul. Der Code sollte global geladen werden, vorzugsweise in der Fußzeile der Seite. PrestaShop-Hauptdateien sollten nicht geändert werden. Durch ein Systemupdate könnten die vorgenommenen Änderungen entfernt werden. ## Wie füge ich Live-Chat zu einer normalen HTML-Seite hinzu? Wenn Sie Zugriff auf die Site-Dateien haben: 1. Öffnen Sie die Hauptvorlage oder die allgemeine Fußzeilendatei. 2. Finden Sie ``. 3. Fügen Sie den Chataptor-Code direkt vor diesem Tag ein. 4. Speichern Sie die Datei. 5. Änderungen auf dem Server veröffentlichen. 6. Aktualisieren Sie die Seite ohne Cache. Wenn die Website aus vielen separaten HTML-Dateien besteht, sollte der Code zu jeder von ihnen oder zu einer gemeinsamen Komponente hinzugefügt werden, die auf allen Unterseiten geladen wird. ## Wie installiere ich Chataptor über Google Tag Manager? Wenn die Website bereits Google Tag Manager verwendet, kann das Widget hinzugefügt werden, ohne den Website-Code direkt zu bearbeiten. Grundlegender Prozess: 1. Erstellen Sie ein neues Tag. 2. Wählen Sie den Typ **Benutzerdefiniertes HTML**. 3. Fügen Sie den vollständigen von Chataptor generierten Code ein. 4. Startregel auf allen Seiten festlegen. 5. Tag speichern. 6. Vorschaumodus starten. 7. Überprüfen Sie, ob das Skript geladen wird. 8. Container veröffentlichen. Diese Methode ist praktisch, erfordert jedoch die ordnungsgemäße Installation des Google Tag Managers auf der Website. Es lohnt sich auch, die Konfiguration der Cookie-Zustimmung zu überprüfen. Wenn Skripte bis zur Einwilligung blockiert werden, erscheint das Widget möglicherweise erst nach Annahme der entsprechenden Einstellungen. ## Schritt 7. Überprüfen Sie, ob das Widget funktioniert Sobald Sie den Code gespeichert und veröffentlicht haben, hören Sie nicht auf zu arbeiten, wenn die Schaltfläche angezeigt wird. Vollständigen Test durchführen: 1. Öffnen Sie die Seite im privaten Modus. 2. Überprüfen Sie, ob die Chat-Schaltfläche sichtbar ist. 3. Widget öffnen. 4. Beispielnachricht senden. 5. Melden Sie sich bei Chataptor an. 6. Überprüfen Sie, ob die Konversation im Dashboard angezeigt wird. 7. Auf Nachricht antworten. 8. Stellen Sie sicher, dass die Antwort auf der Clientseite erscheint. 9. Wiederholen Sie den Test auf Ihrem Telefon. Beispieltestnachricht: > Guten Morgen, ich würde gerne überprüfen, ob der Live-Chat ordnungsgemäß funktioniert. Wenn Sie automatische Übersetzungen verwenden, führen Sie den Test auch in einer anderen Sprache durch. ## Das Widget erscheint nicht auf der Seite – was überprüfen? Die häufigsten Ursachen für Probleme sind relativ einfach. ### Code nicht veröffentlicht Das Einfügen von Code in den Editor bedeutet nicht immer, dass er veröffentlicht wird. Stellen Sie sicher, dass die Änderungen gespeichert und in der Live-Version der Site bereitgestellt wurden. ### Der Code befindet sich nur auf einer Unterseite Wenn das Skript zu einer einzelnen Seite statt zu einer globalen Vorlage hinzugefügt wurde, ist der Chat an anderer Stelle nicht sichtbar. ### Cache zeigt alte Version der Seite Klar: - WordPress-Cache, - Cache des verwendeten Plugins, - Server- oder Hosting-Cache, - CDN-Cache, - Browserspeicher. Öffnen Sie dann die Seite im privaten Modus. ### Beispielcode anstelle des Kontocodes eingefügt Der Code muss IDs enthalten, die dem richtigen Konto und der richtigen Seite zugeordnet sind. Kopieren Sie das Beispiel nicht aus dem Artikel oder dem Code eines Drittanbieters. ### Das Skript wurde geändert Stellen Sie sicher, dass der Editor beim Einfügen keinen Code, Anführungszeichen oder Skriptattribute entfernt hat. ### Ein weiteres Element deckt das Widget ab Über dem Chat kann ein Cookie-Banner, eine Kontaktschaltfläche oder ein mobiles Menü erscheinen. In diesem Fall müssen Sie die Position des Widgets oder die Einstellungen der Seitenebene ändern. ### Das System blockiert externe Skripte Die Ursache kann sein: - Inhaltssicherheitsrichtlinie, - Zustimmungsverwaltungsmechanismus, - Skriptblockierung durch Sicherheits-Plugin, - JavaScript-Optimierung, - Anzeigen- oder Tracking-Blockierungserweiterung. Für die Dauer des Tests lohnt es sich, die Skriptoptimierung auszuschalten und die Website in einem anderen Browser zu überprüfen. ## Wie richtet man den Live-Chat so ein, dass Kunden ihn tatsächlich nutzen? Die Installation des Widgets ist nur der Anfang. Der Chat sollte sichtbar, einfach und auf die Art und Weise zugeschnitten sein, wie Kunden die Website nutzen. ### Fragen Sie vor dem Gespräch nicht zu viele Informationen Wenn ein Kunde seinen Vor- und Nachnamen, seine Telefonnummer, seine E-Mail-Adresse und einige zusätzliche Informationen angeben muss, kann er sich abmelden, bevor die erste Nachricht gesendet wird. Erfassen Sie zunächst nur die Daten, die Sie wirklich benötigen. ### Setzen Sie realistische Erwartungen Wenn das Team nur während der Arbeitszeit antwortet, lohnt es sich, dies klar zu kommunizieren. Beispiel: > Schreiben Sie eine Nachricht. Wir antworten von Montag bis Freitag von 8:00 bis 16:00 Uhr. Es ist besser, eine genaue Zeitangabe zu machen, als eine „sofortige“ Antwort zu versprechen, wenn sie niemand geben kann. ### Halten Sie Ihre Antworten bereit Die am häufigsten gestellten Fragen sind: - Verfügbarkeit, - Lieferung, - kehrt zurück, - Rechnungen, - Bestellstatus, - Zusammenarbeit. Im Chataptor-System können Sie [fertige Antworten für den Live-Chat](https://chataptor.com/de/blog/vorgefertigte-antworten-live-chat/) vorbereiten und diese über Kurzbefehle einfügen, zum Beispiel `/versand`, `/retoure` oder `/rechnung`. Die Vorlage soll die Antwort schneller machen, aber dennoch eine individuelle Anpassung an einen bestimmten Kunden ermöglichen. ### Aktivieren Sie mobile Benachrichtigungen Der Kunde kann schreiben, wenn niemand am Computer sitzt. [Mobile Kundendienst-App](https://chataptor.com/de/blog/kundenservice-vom-handy/) ermöglicht es Ihnen, ein neues Gespräch zu bemerken und von Ihrem Telefon aus zu antworten. Dies ist besonders wichtig in kleinen Unternehmen, in denen der Kundenservice keine separate Abteilung ist, die rund um die Uhr besetzt ist. ### Testen Sie automatische Übersetzungen Wenn die Website von ausländischen Kunden besucht wird, aktivieren Sie [automatische Übersetzung von Konversationen](https://chataptor.com/de/blog/automatische-uebersetzung-im-kundensupport/). Der Kunde schreibt in seiner eigenen Sprache. Der Mitarbeiter liest die übersetzte Nachricht und antwortet in seiner gewohnten Sprache. Chataptor übersetzt die Antwort, bevor sie dem Kunden angezeigt wird. ## Hat der kostenlose Live-Chat Grenzen? Dies hängt vom gewählten Werkzeug ab. Einige kostenlose Pläne beschränken: - Anzahl der Konversationen pro Monat, - Anzahl der Operatoren, - Verlaufslänge, - Seitenzahl, - KI-Funktionen, - Automatisierung, - Möglichkeit, das Branding zu entfernen. Daher lohnt es sich, vor der Installation nicht nur zu prüfen, ob das Tool über einen kostenlosen Plan verfügt, sondern auch, wann das Unternehmen auf ein Abonnement umsteigen muss. Chataptor ist derzeit [kostenloser Live-Chat ohne Begrenzung der Konversationenen](https://chataptor.com/de/blog/kostenloser-live-chat-ohne-limits/). Es gibt kein separates kostenpflichtiges KI-Übersetzungspaket. ## Brauche ich einen Entwickler, um den Live-Chat zu installieren? Meistens nicht. Eine technisch nicht versierte Person kann den Code selbst hinzufügen, indem sie: - WordPress-Plugin, - Einstellung zusätzlicher Skripte im Store, - Google Tag Manager, - benutzerdefiniertes Codefeld im Seitenersteller. Entwicklerunterstützung kann erforderlich sein, wenn: - die Website verwendet ein proprietäres System, - hat keinen Zugriff auf die gemeinsame Vorlage, - Es gelten strenge Sicherheitsrichtlinien, - Das Widget sollte nur unter bestimmten Bedingungen erscheinen, Die Installation von - erfordert Änderungen am Theme oder der Anwendung. ## Wie lange dauert es, Live-Chat zur Website hinzuzufügen? Allein das Erstellen des Kanals und das Einfügen des Codes kann einige Minuten dauern. Es lohnt sich, mehr Zeit zu investieren für: - Widget-Inhalt einstellen, - Testen der mobilen Version, - Vorbereitung der Antwort, - Festlegung der Servicezeiten, - Benachrichtigungen konfigurieren, - Übersetzungsprüfung. Es ist am besten, zuerst eine einfache, funktionierende Version auszuführen und dann deren Erscheinungsbild anhand echter Gespräche zu verbessern. ## Checkliste für den Live-Chat-Start Bevor Sie die Bereitstellung abschließen, überprüfen Sie bitte: - Chataptor-Konto ist aktiv. - Die Seite wurde zur Registerkarte „Kanäle“ hinzugefügt. - Es wurde der für die richtige Seite generierte Code verwendet. - Code wurde global vor `` hinzugefügt. - Das Widget ist auf Ihrem Computer sichtbar. - Das Widget ist auf dem Telefon sichtbar. - Deckt weder Schaltflächen noch Cookie-Banner ab. - Testmeldung geht an die Zentrale. - Die Antwort ist auf der Clientseite sichtbar. - Mobile Benachrichtigungen funktionieren. - Der Begrüßungstext passt zur Seite. - Das Team weiß, wer auf neue Gespräche reagiert. - Die häufigsten Antworten wurden vorbereitet. - Übersetzungen wurden bei Bedarf getestet. ## Zusammenfassung Um Live-Chat zu Ihrer Website hinzuzufügen, müssen Sie kein eigenes System erstellen oder eine komplizierte Implementierung starten. Im Chataptor-System läuft der Prozess darauf hinaus, eine Seite hinzuzufügen, das Widget zu konfigurieren, den einzelnen Code zu kopieren und ihn vor dem ``-Tag zu platzieren. Der Code kann direkt zur HTML-Seite hinzugefügt werden, über WordPress, WooCommerce, Shopify, Shoper, PrestaShop oder Google Tag Manager. Nach der Installation lohnt es sich, einen vollständigen Testanruf zu tätigen und den Chat-Betrieb am Telefon zu überprüfen. Nur dann können Sie sicher sein, dass Kundennachrichten tatsächlich das Team erreichen. Mit Chataptor können Sie mit einem einfachen Live-Chat beginnen und dann [auch andere Kommunikationskanäle im selben Panel verbinden](https://chataptor.com/de/blog/kommunikationskanaele-mit-chataptor-verbinden/). Das Widget selbst, die mobile Anwendung, Antwortvorlagen und KI-Übersetzungen sind ohne Begrenzung der Konversationen und ohne kostenpflichtigen Plan verfügbar. Möchten Sie den Chat auf Ihrer Website starten? [Erstellen Sie ein kostenloses Chataptor-Konto](https://chataptor.com/register), fügen Sie Ihre Website hinzu und binden Sie den generierten Widget-Code ein. ## FAQ ### Wie füge ich einen kostenlosen Live-Chat zu Ihrer Website hinzu? Erstellen Sie ein Konto im Chataptor-System, gehen Sie zur Registerkarte „Kanäle“, fügen Sie eine Website hinzu, öffnen Sie die Widget-Installation und kopieren Sie den generierten Code. Fügen Sie es dann vor dem schließenden Tag `` ein. ### Wo kann der Live-Chat-Code eingefügt werden? Der Code sollte in der globalen Seitenvorlage unmittelbar vor `` erscheinen. Dadurch ist das Widget auf allen Unterseiten verfügbar. ### Wie füge ich Live-Chat zu WordPress hinzu? Der einfachste Weg ist die Verwendung eines Plugins, mit dem Sie Skripte zur Fußzeile hinzufügen können. Fügen Sie den Chataptor-Code in das Feld „Fußzeile“ oder „Vorher“ `` ein, speichern Sie Ihre Änderungen und leeren Sie den Cache. ### Funktioniert Chataptor mit WooCommerce? Ja. WooCommerce läuft auf WordPress, sodass der Code über das Skriptverwaltungs-Plugin `wp_footer` oder die Fußzeile eines untergeordneten Themes hinzugefügt werden kann. ### Wie füge ich Live-Chat zu Shopify hinzu? Öffnen Sie den Code des aktiven Themes, gehen Sie zur Datei `theme.liquid` und fügen Sie den Chataptor-Code vor dem Tag `` ein. ### Kann ich Live-Chat über Google Tag Manager hinzufügen? Ja. Erstellen Sie ein benutzerdefiniertes HTML-Tag, fügen Sie den Chataptor-Code ein, legen Sie fest, dass er auf allen Seiten ausgeführt wird, und veröffentlichen Sie den Container. ### Warum erscheint der Live-Chat nicht auf der Website? Die häufigsten Gründe sind falscher Code, fehlende Veröffentlichung von Änderungen, Cache, das Blockieren externer Skripte oder das Hinzufügen des Widgets zu nur einer Unterseite. ### Muss der Kunde die Anwendung installieren? Nein. Der Kunde nutzt das Chatfenster direkt auf der Website. Die mobile App wurde für ein Messaging-Unternehmen entwickelt. ### Ist es möglich, das Erscheinungsbild des Widgets zu ändern? Ja. Sie können unter anderem Farbe, Titel, Begrüßungsnachricht, Nachrichtenfeldtext, Design und Schaltflächenposition anpassen. ### Gibt es beim kostenlosen Live-Chat ein Limit für Konversationen? Chataptor verfügt derzeit über kein Limit für Konversationen oder kostenpflichtige Funktionen. Das Widget, die mobile App und die KI-Übersetzungen sind ohne zusätzliches Abonnement verfügbar. ### Kann ich ein Widget zu mehreren Seiten hinzufügen? Ja. Im Panel können Sie weitere Seiten hinzufügen und entsprechende Konfigurationen dafür generieren. Dies hilft dabei, Konversationen zu trennen, die aus verschiedenen Domänen, Geschäften oder Sprachversionen stammen.