Live-Chat-Widget einrichten
Fügen Sie ein Live-Chat-Widget zu Ihrer Website hinzu, um Echtzeit-Kundensupport zu ermöglichen. Passen Sie Aussehen und Verhalten an Ihre Marke an.
Widgets overview in SendSeven showing Support Bubble Widget
Support Bubble Widget detail page with embed code and Copy Code button
Live chat widget open on website with Start Live Chat form
First message sent via live chat widget in SendSeven
Interner Name zur Identifizierung (z. B. "Support-Chat")
Die Begrüßung, die beim Öffnen des Chats angezeigt wird
Unten rechts oder unten links auf dem Bildschirm
Wählen Sie aus voreingestellten Symbolen oder laden Sie Ihr Logo hoch
Klein, mittel oder groß für den Chat-Button
Verwenden Sie das Live-Vorschau-Panel auf der rechten Seite, um Ihre Änderungen sofort vor der Veröffentlichung zu sehen.
Name des Besuchers (optional oder erforderlich)
Kontakt-E-Mail (optional oder erforderlich)
Fügen Sie benutzerdefinierte Fragen oder Dropdown-Auswahlen hinzu
Wenn Sie EU-Besucher bedienen, erwägen Sie, ein Zustimmungs-Kontrollkästchen hinzuzufügen, um GDPR-Anforderungen zu erfüllen.
Alle Seiten, bestimmte Seiten oder bestimmte Seiten ausschließen
Kontaktformular anzeigen, wenn Agenten nicht verfügbar sind
-Tag auf jeder Seite ein, auf der das Chat-Widget erscheinen soll.
Über Theme-Customizer oder ein Plugin wie "Insert Headers and Footers" hinzufügen
theme.liquid bearbeiten und vor einfügen
Einstellungen → Erweitert → Code-Injection → Footer
Einstellungen → Benutzerdefinierter Code → Body - Ende
Der Chat-Button erscheint an der richtigen Position
Ein Klick auf den Button öffnet das Chat-Fenster
Ihre Antworten erscheinen im Chat-Fenster des Besuchers
Testen Sie in einem Inkognito-/privaten Browser-Fenster, um das Widget so zu sehen, wie es ein neuer Besucher sehen würde.
Prüfen Sie, dass das Script vor platziert ist
Verifizieren Sie, dass die Widget-ID mit Ihrem Dashboard übereinstimmt
Überprüfen Sie die Browser-Konsole auf JavaScript-Fehler
Stellen Sie sicher, dass Ihre Domain in den Widget-Einstellungen erlaubt ist
Aktualisieren Sie Ihre SendSeven-Unterhaltungsseite
Prüfen Sie, ob Unterhaltungen gefiltert sind (alle Kanäle anzeigen)
Verifizieren Sie, dass der Widget-Status in den Einstellungen "Aktiv" ist
Das Script lädt asynchron und sollte die Seitengeschwindigkeit nicht beeinflussen
Erwägen Sie, ein CDN für Ihre Website zu verwenden
The SendSeven live chat widget is a customizable chat bubble you embed on your website. When visitors click it, they can start real-time conversations that appear directly in your shared inbox alongside WhatsApp, email, and other channels. No separate platform to check — all conversations in one place with your team.
A SendSeven account (sign up at app.sendseven.com)
A website where you can add JavaScript (HTML access)
Access to the SendSeven Conversations inbox to reply
- Widget-Einbettungscode abrufen
- Widget-Darstellung anpassen
- Script auf Ihrer Website einfügen
- Geschäftszeiten konfigurieren
- Automatische Begrüßungen einrichten
- Widget testen
FAQ
How do I add the widget to my site?
Copy the one-line JavaScript snippet from your widget settings and paste it before the closing tag on your website. No build process or server setup required — it works immediately.
Can I customize colors and text?
Yes. Customize the bubble color, position (bottom-right or bottom-left), welcome message, button labels, and more directly in your dashboard. All changes are live immediately without redeploying your site.
Does it work on mobile?
Yes. The widget is fully responsive and optimized for mobile, tablet, and desktop. It automatically adapts to screen size and is touch-friendly on all devices.
Can I show a pre-chat form?
Yes. Enable the pre-chat form to collect visitor name, email, and custom fields before they start chatting. This helps with lead capture and personalizes conversations.
What happens when agents are offline?
You can set up offline mode to show a contact form instead of the chat widget when no agents are available. Messages are stored in your inbox and your team can respond when they're back online.
Can I use it with WordPress/Shopify/Wix?
Yes. The widget works on any website. We have plugins available for WordPress and Shopify, or you can manually add the snippet to any site with HTML access.
Can I trigger it programmatically?
Yes. Use the SendSeven widget API to open/close the chat, set custom fields, track user events, or trigger conversations programmatically with JavaScript.