Bereit, Smartsupp mit Ihrer Website zu verbinden? Diese Anleitung führt Sie durch den gesamten Installationsprozess — von der Kontoerstellung bis zur Überprüfung, dass das Chat-Widget auf Ihrer Website aktiv ist.
Wir haben es in Schritte unterteilt:
Schritt 1: Erstellen Sie Ihr Smartsupp-Konto
Wenn Sie noch kein Smartsupp-Konto haben, beginnen Sie mit der kostenlosen Registrierung. Die Anmeldung dauert nur eine Minute — Sie benötigen lediglich Ihre E-Mail-Adresse.
Nach der Kontoerstellung gelangen Sie zum Smartsupp-Dashboard, wo Sie Ihren einzigartigen Chat-Code finden und mit der Einrichtung Ihres Live-Chats beginnen können.
Verwandte Ressourcen:
Wie erstelle ich ein Smartsupp-Konto? — detaillierte Schritt-für-Schritt-Anleitung.
Dashboard-Übersicht — lernen Sie das Smartsupp-Dashboard und seine Bereiche kennen.
Schritt 2: Finden Sie Ihren Chat-Code
Nach der Registrierung erhalten Sie eine E-Mail mit Ihrem einzigartigen Smartsupp Chat-Code. Sie finden ihn auch jederzeit in Ihrem Dashboard unter Einstellungen > Chat-Box > Installation > Code eingeben.
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 einzigartigen Chat-Code. Stellen Sie sicher, dass Sie das gesamte Code-Snippet 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 Ihrem Setup passt:
Option A: Code direkt einfügen
Fügen Sie den Chat-Code in den HTML-Code Ihrer Website zwischen den <head> ... </head>-Tags ein. So wird Smartsupp auf jeder Seite Ihrer Website geladen.
Option B: Google Tag Manager verwenden
Wenn Sie bereits Google Tag Manager zur Verwaltung von Skripten verwenden, können Sie den Smartsupp-Code als benutzerdefiniertes HTML-Tag hinzufügen. Eine großartige Option, wenn Sie alle Skripte an einem Ort verwalten möchten.
Option C: Fertiges Plugin verwenden
Smartsupp bietet Plugins und Integrationen für viele beliebte Plattformen. Mit einem Plugin müssen Sie keinen Code berühren — installieren Sie einfach das Plugin und verbinden Sie Ihr Smartsupp-Konto.
Plugins sind verfügbar für Plattformen wie:
Hinweis: Wenn Sie sich nicht sicher sind, den Code Ihrer Website zu bearbeiten, empfehlen wir, ein Plugin zu verwenden oder Ihren Webentwickler um Hilfe bei der Installation zu bitten.
Verwandte Ressourcen:
Google Tag Manager — Schritt-für-Schritt-Anleitung für die Installation über GTM.
Plugins herunterladen — alle verfügbaren Plattform-Integrationen durchsuchen.
Schritt 4: Überprüfen Sie die Installation
Nachdem Sie den Code zu Ihrer Website hinzugefügt haben, öffnen Sie Ihre Seite im Browser und prüfen Sie, ob das Chat-Widget in der unteren Ecke der Seite erscheint.
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 blockieren.
Hinweis: Nach der Installation sehen Sie möglicherweise Demo-Nachrichten in Ihrem Dashboard. Diese sind Teil des Smartsupp-Onboardings und helfen Ihnen, die Plattform kennenzulernen — 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, um unterwegs mit Ihren Kunden zu chatten!
Fortgeschritten: Mehrere Domains und API-Anpassung
Smartsupp kann je nach Ihrem Tarif auf einer bestimmten Anzahl von Domains installiert werden. 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 Konfiguration verwenden.
Hinweis: API-basierte Anpassungen (wie unterschiedliche Chat-Box-Farben oder Sprachen pro Domain) sind in den EXPERT- und ULTIMATE-Tarifen verfügbar. Details finden Sie in der API-Dokumentation.
Was kommt als Nächstes?
Grundlegende Chat-Box-Einstellungen — Passen Sie Farben, Position, Willkommensnachrichten und mehr an.
Chatbot — Richten Sie automatisierte Chat-Abläufe ein, um Besucher rund um die Uhr anzusprechen.
Einführung in Mira AI Shopping Assistant — Lassen Sie KI Gespräche führen und Produkte empfehlen.
Welches Paket soll ich wählen? — Vergleichen Sie Tarife und finden Sie den besten für Ihr Unternehmen.
💡 Brauchen Sie weitere Hilfe? Kontaktieren Sie unser Support-Team — wir helfen Ihnen gerne!