Sind Sie bereit, Smartsupp mit Ihrer Website zu verbinden? Diese Anleitung führt Sie durch den gesamten Installationsprozess — von der Erstellung Ihres Kontos bis zur Überprüfung, ob das Chat-Widget auf Ihrer Website aktiv ist.
Wir haben den Prozess in Schritte unterteilt:
Schritt 1: Erstellen Sie Ihr Smartsupp-Konto
Wenn Sie noch kein Smartsupp-Konto haben, beginnen Sie mit der kostenlosen Registrierung. Die Registrierung dauert nur eine Minute — Sie benötigen lediglich Ihre E-Mail-Adresse.
Sobald Ihr Konto erstellt ist, gelangen Sie zum dashboard von Smartsupp, wo Sie Ihren individuellen Chat Code finden und mit der Einrichtung Ihres Live-Chats beginnen können.
Weiterführende Ressourcen:
Wie erstellen Sie ein Smartsupp-Konto? — detaillierte Schritt-für-Schritt-Anleitung zur Kontoerstellung.
dashboard-Übersicht — lernen Sie das dashboard von Smartsupp und seine wichtigsten Bereiche kennen.
Schritt 2: Finden Sie Ihren Chat Code
Nach der Registrierung erhalten Sie eine E-Mail mit Ihrem individuellen Chat Code von Smartsupp. Sie finden ihn auch jederzeit in Ihrem dashboard unter Einstellungen > Channels > Live-Chat > Installation > Code einfügen.
Ihr Chat Code sieht so aus:
<script>var _smartsupp = _smartsupp || {};_smartsupp.key = 'YOUR_SMARTSUPP_CODE';window.smartsupp||(function(d) { var s,c,o=smartsupp=function(){ o._.push(arguments)};o._=[]; s=d.getElementsByTagName('script')[0];c=d.createElement('script'); c.type='text/javascript';c.charset='utf-8';c.async=true; c.src='//www.smartsuppchat.com/loader.js?';s.parentNode.insertBefore(c,s);})(document);</script>
Tipp: Jedes Smartsupp-Konto hat einen individuellen Chat Code. Achten Sie darauf, den gesamten Codeausschnitt zu kopieren — einschließlich der öffnenden und schließenden <script> -Tags.
Schritt 3: Fügen Sie Smartsupp zu Ihrer Website hinzu
Es gibt drei Möglichkeiten, Smartsupp auf Ihrer Website zu installieren. Wählen Sie die Methode, die am besten zu Ihrer Einrichtung passt:
Option A: Fügen Sie den Code direkt ein
Fügen Sie den Chat Code in den HTML-Code Ihrer Website zwischen den <head> ... </head> -Tags ein. Dadurch wird Smartsupp auf jeder Seite Ihrer Website geladen.
Option B: Verwenden Sie Google Tag Manager
Wenn Sie bereits Google Tag Manager zur Verwaltung von Skripten auf Ihrer Website verwenden, können Sie den Smartsupp-Code als benutzerdefiniertes HTML-Tag hinzufügen. Dies ist eine gute Option, wenn Sie alle Ihre Skripte an einem Ort verwalten möchten.
Option C: Verwenden Sie ein fertiges Plugin
Smartsupp bietet Plugins und Integrationen für viele beliebte Plattformen. Mit einem Plugin müssen Sie keinen Code bearbeiten — installieren Sie einfach das Plugin und verbinden Sie Ihr Smartsupp-Konto.
Plugins sind für Plattformen wie diese verfügbar:
Hinweis: Wenn Sie sich beim Bearbeiten Ihres Website-Codes unsicher fühlen, empfehlen wir Ihnen, ein Plugin zu verwenden oder Ihren Webentwickler um Hilfe bei der Installation zu bitten.
Weiterführende Ressourcen:
Google Tag Manager — Schritt-für-Schritt-Anleitung zur Installation über GTM.
Plugins herunterladen — sehen Sie sich alle verfügbaren Plattformintegrationen an.
Schritt 4: Überprüfen Sie Ihre Installation
Nachdem Sie den Code zu Ihrer Website hinzugefügt haben, öffnen Sie Ihre Website in einem Browser, um zu überprüfen, ob das Chat-Widget in der unteren Ecke der Seite erscheint. Die Smartsupp-Chat-Sprechblase sollte sichtbar sein, sodass Besucher darauf klicken können.
Wenn das Widget nicht erscheint, überprüfen Sie Folgendes:
Der Code befindet sich zwischen den <head> ... </head> -Tags (oder wird über GTM / Plugin geladen).
Ihre Website ist veröffentlicht und öffentlich zugänglich.
Es gibt keine JavaScript-Fehler, die das Laden des Skripts verhindern.
Hinweis: Nach der Installation werden möglicherweise Demo-Nachrichten in Ihrem dashboard angezeigt. Diese gehören zur Einführung in Smartsupp und helfen Ihnen, die Nutzung der Plattform zu üben — sie stammen nicht von echten Besuchern.
Tipp: Smartsupp funktioniert auch auf Tablets, iPads und in unseren nativen mobilen Apps für Android und iPhone. Laden Sie die kostenlose mobile App herunter, damit Sie auch unterwegs mit Ihren Kunden chatten können!
Für Fortgeschrittene: Mehrere Domains und API-Anpassungen
Smartsupp kann auf einer bestimmten Anzahl von Domains installiert werden, abhängig von Ihrem Abonnement. Wenn Sie das Erscheinungsbild oder die Sprache des Chat-Widgets auf verschiedenen Websites anpassen möchten, können Sie die Smartsupp API für erweiterte Konfigurationen verwenden.
Hinweis: API-basierte Anpassungen (wie unterschiedliche Farben oder Sprachen der Chat-Box pro Domain) sind in den EXPERT und ULTIMATE Abonnements verfügbar. Einzelheiten finden Sie in der API-Dokumentation.
Wie geht es weiter?
Grundlegende Einstellungen der Chat-Box — Passen Sie Farben, Position, Begrüßungsnachrichten und mehr an.
Flow — Richten Sie automatisierte Chat-Abläufe ein, um Besucher 24/7 anzusprechen.
Einführung in den Mira AI-Shoppingassistenten — Lassen Sie KI Konversationen führen und Produkte empfehlen.
Welches Paket sollte ich wählen? — Vergleichen Sie Abonnements und finden Sie das passende für Ihr Unternehmen.