Möchten Sie Smartsupp mit Ihrer Website verbinden? Diese Anleitung begleitet Sie Schritt für Schritt durch den gesamten Installationsprozess – von der Kontoerstellung bis zur Aktivierung des Chat-Widgets auf Ihrer Seite.
Der Ablauf ist in übersichtliche Schritte gegliedert:
Schritt 1: Smartsupp-Konto anlegen
Wenn Sie noch kein Smartsupp-Konto haben, beginnen Sie mit einer kostenlosen Registrierung. Die Anmeldung dauert nur eine Minute – Sie benötigen lediglich Ihre E-Mail-Adresse.
Nach der Kontoerstellung gelangen Sie direkt zum Smartsupp-Dashboard. Dort finden Sie Ihren individuellen Chat-Code und können den Live-Chat direkt einrichten.
Verwandte Ressourcen:
Wie erstelle ich ein Smartsupp-Konto? — Detaillierte Anleitung Schritt für Schritt zur Kontoerstellung.
Dashboard-Übersicht — Lernen Sie das Smartsupp-Dashboard und seine wichtigsten Bereiche kennen.
Schritt 2: Ihren Chat-Code finden
Nach der Anmeldung erhalten Sie eine E-Mail mit Ihrem persönlichen Smartsupp-Chat-Code. Sie finden diesen auch jederzeit im Dashboard unter Einstellungen > Channels > Live-Chat > Installation > Code einfügen.
Ihr Chat-Code sieht folgendermaßen 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 eigenen Chat-Code. Achten Sie darauf, den gesamten Code – inklusive der <script>-Tags – zu kopieren.
Schritt 3: Smartsupp auf Ihrer Website einbinden
Für die Integration von Smartsupp stehen Ihnen drei Wege offen. Wählen Sie die Variante, die am besten zu Ihrer Website passt:
Option A: Code direkt einfügen
Fügen Sie den Chat-Code in den <head> ... </head>-Bereich Ihres Website-HTML ein. So wird Smartsupp auf allen Unterseiten geladen.
Option B: Google Tag Manager verwenden
Wenn Sie Google Tag Manager zur Verwaltung von Skripten nutzen, können Sie den Smartsupp-Code als benutzerdefinierten HTML-Tag einbauen. Dies empfiehlt sich, wenn Sie Ihre Skripte zentral steuern wollen.
Option C: Plugin nutzen
Für viele beliebte Plattformen bietet Smartsupp fertige Plugins und Integrationen. So müssen Sie keinen Code bearbeiten – einfach das Plugin installieren und Ihr Smartsupp-Konto verbinden.
Plugins gibt es z. B. für:
Hinweis: Wenn Sie den Code nicht selbst einfügen möchten, nutzen Sie ein Plugin – oder wenden Sie sich an Ihre Webentwickler, um Unterstützung bei der Installation zu erhalten.
Verwandte Ressourcen:
Google Tag Manager — Schritt-für-Schritt-Anleitung für die Installation via GTM.
Plugins herunterladen — Entdecken Sie alle verfügbaren Plattform-Integrationen.
Schritt 4: Installation überprüfen
Nachdem Sie den Code eingebunden haben, öffnen Sie Ihre Website in einem Browser und prüfen Sie, ob das Chat-Widget unten in der Ecke sichtbar ist. Sie sollten die Smartsupp-Sprechblase sehen – bereit für Ihre Besucher.
Falls das Widget nicht angezeigt wird, kontrollieren Sie bitte Folgendes:
Der Code befindet sich im <head> ... </head>-Bereich (oder wird über GTM/Plugin geladen).
Ihre Website ist veröffentlicht und öffentlich erreichbar.
Es bestehen keine JavaScript-Fehler, die das Laden des Skripts verhindern.
Hinweis: Nach der Installation können Demo-Nachrichten im Dashboard angezeigt werden. Diese dienen lediglich zu Übungszwecken beim Einstieg in Smartsupp. Es handelt sich nicht um echte Besucheranfragen.
Tipp: Smartsupp läuft auch auf Tablets, iPads und in unseren nativen mobilen Apps für Android und iPhone. Laden Sie sich die kostenlose App herunter, damit Sie jederzeit mit Ihren Kunden in Kontakt bleiben!
Fortgeschritten: Multi-Domain und API-Anpassung
Je nach Ihrem Abonnement kann Smartsupp auf einer bestimmten Anzahl von Domains genutzt werden. Wünschen Sie individuelle Anpassungen von Design oder Sprache des Chat-Widgets für verschiedene Websites, können Sie die Smartsupp-API für weitergehende Einstellungen anwenden.
Hinweis: API-basierte Anpassungen (z. B. Farben oder Sprachen je Domain) sind in den Paketen EXPERT und ULTIMATE verfügbar. Details finden Sie in der API-Dokumentation.
Wie geht es weiter?
Grundlegende Chat-Box-Einstellungen — Farben, Position, Willkommensnachricht und mehr individuell anpassen.
Flow — Automatisierte Chat-Flows zur Rund-um-die-Uhr-Interaktion mit Ihren Besuchern einrichten.
Einführung in den Mira AI-Shoppingassistenten — Lassen Sie die KI Gespräche übernehmen und Produkte empfehlen.
Welches Paket passt zu mir? — Pakete vergleichen und das beste Angebot für Ihr Unternehmen finden.
💡 Benötigen Sie Unterstützung? Wenden Sie sich an unser Support-Team – wir helfen Ihnen gerne weiter!