WhatsApp
Connect.
Integrieren Sie ein WhatsApp-Chat-Widget direkt in Ihren Shopware 6 Shop. Ohne API-Integration, ohne zusätzliche Kosten, ohne externe Dienste.
Alle Funktionen
im Überblick.
4 Widget-Designs
Floating Bubble, Side Tab, Banner Bar und Minimal Button. Jedes Design mit Chat-Vorschau.
Team-Modus
Bis zu 5 Mitarbeiter mit Foto, Abteilung, individuellen Arbeitszeiten und Urlaubsmodus.
Auto-Nachricht
Proaktive Ansprache nach konfigurierbarer Verweildauer. Einmal pro Session.
Online/Offline-Zeiten
Globaler Zeitplan pro Wochentag. Offline-Verhalten individuell steuerbar.
Tracking & Analytics
Google Tag Manager und GA4 Events: bubble_click, chat_opened, chat_started u.v.m.
Mehrsprachig
Vollständig über Shopware-Verkaufskanäle. Verschiedene Nummern pro Kanal möglich.
Dokumentation.
1. Überblick
WhatsApp Connect integriert ein WhatsApp-Chat-Widget direkt in Ihren Shopware 6 Shop. Ihre Kunden können Sie mit einem Klick über WhatsApp kontaktieren – ohne API-Integration, ohne zusätzliche Kosten, ohne externe Dienste.
Hauptfunktionen:
- 4 verschiedene Widget-Designs (Floating Bubble, Side Tab, Banner Bar, Minimal Button)
- Chat-Vorschau mit Profilbild, Name und Willkommensnachricht
- Team-Modus mit bis zu 5 Mitarbeitern und Abteilungsfilter
- Individuelle Arbeitszeiten und Urlaubsmodus pro Mitarbeiter
- Automatische Willkommensnachricht mit Badge und Sound
- Globaler Zeitplan mit Online/Offline-Logik
- Chat-Methode pro Gerät konfigurierbar (Desktop, Tablet, Mobile)
- Responsive Positionierung mit individuellen Abständen pro Gerät
- Seitenspezifische Anzeigeregeln (z. B. nicht im Checkout)
- Google Tag Manager & GA4 Tracking
- Vollständig mehrsprachig über Shopware-Verkaufskanäle
- Debug-Modus für Entwickler
Technische Voraussetzungen: Shopware 6.6.x oder 6.7.x, PHP 8.1–8.3, Keine externen Abhängigkeiten
2. Installation
Die Installation erfolgt über den Shopware Admin-Bereich.
- Plugin hochladen: Erweiterungen → Meine Erweiterungen → Erweiterung hochladen. ZIP-Datei auswählen.
- Installieren: Bei WhatsApp Connect auf „Installieren“ klicken.
- Aktivieren: Auf „Aktivieren“ klicken.
- Konfigurieren: Zahnrad-Symbol oder Erweiterungen → WhatsApp Connect → Konfigurieren.
- Cache leeren: Einstellungen → System → Caches & Indizes → Alle Caches leeren.
- Theme zuweisen: Inhalte → Themes → Theme wählen → „Theme zuweisen“.
3. Grundeinstellungen
Die Grundeinstellungen finden Sie unter Erweiterungen → WhatsApp Connect → Konfigurieren. Wählen Sie oben „Alle Verkaufskanäle“ für globale Einstellungen oder einen bestimmten Verkaufskanal.
- Widget aktivieren: Widget ein/aus schalten.
- WhatsApp-Nummer: Nummer mit Ländervorwahl, OHNE + und OHNE Leerzeichen.
- Widget-Design: Eines der vier Designs wählen.
- Vorausgefüllte Nachricht: Automatisch ins WhatsApp-Eingabefeld eingetragen. Variable {page_url} wird durch aktuelle URL ersetzt.
4. Widget-Designs
Design 1: Floating Bubble – Runder WhatsApp-Button in einer Ecke. Beliebtestes Design. Chat-Vorschau mit Profilbild. Optionaler Text, Puls-Animation, Schließen-Button.
Design 2: Side Tab – Vertikaler Tab am Seitenrand. Dezent aber sichtbar. Chat-Vorschau bei Klick.
Design 3: Banner Bar – Leiste am oberen oder unteren Rand. Auffällige Platzierung. Position konfigurierbar.
Design 4: Minimal Button – Kleiner, minimalistischer Button. Ideal für dezentes Design.
5. Chat-Fenster konfigurieren
Das Chat-Fenster erscheint beim Klick auf das Widget. Es zeigt ein Profil, eine Willkommensnachricht und den Chat-Start-Button. Für verschiedene Zustände können individuelle Placeholder-Texte konfiguriert werden.
6. Auto-Nachricht
Die Auto-Nachricht zeigt nach konfigurierbarer Verweildauer automatisch eine Nachricht neben dem Widget. Erhöht die Interaktionsrate durch proaktive Ansprache.
7. Online/Offline-Zeiten
Zeitplan für Support-Erreichbarkeit. Außerhalb der Zeiten wird Offline-Status angezeigt.
- Tageszeiten im Format HH:MM-HH:MM pro Wochentag
- Leer = an diesem Tag nicht verfügbar
- Zeitzone: Europe/Berlin
8. Position & Layout
Individuelle Positionierung pro Gerät:
- Desktop: Eigene Ausrichtung und Abstände
- Tablet (768–1024px): Standard Rechts, 15px
- Mobile (unter 768px): Standard Rechts, 10px
- Widget-Größe: Skalierung 50–150% pro Gerät
- Banner Bar Position: Oben oder unten (nur Design 3)
9. Farben
Farben über Farbwähler anpassbar. Optional Chat-Hintergrundbild über Medienmanager.
10. Geräte-Einstellungen
Sichtbarkeit und Chat-Methode pro Gerätetyp steuerbar.
11. Anzeigeregeln
Widget auf bestimmten Seitentypen ausblenden.
12. Team-Modus
Mehrere Mitarbeiter im Widget anzeigen. Kunden wählen Ansprechpartner.
- Auswahlmodi verfügbar
- Bis zu 5 Mitarbeiter mit Name, Nummer, Profilbild, Abteilung, Status
- Individuelle Arbeitszeiten pro Wochentag (durch globalen Zeitplan begrenzt)
- Urlaubsmodus mit Zeitraum und Nachricht
- Abteilungsfilter mit automatischen Tabs
- Fallback bei allen offline
13. Erweiterte Einstellungen
- Scroll-Verhalten konfigurierbar
- Animationen: Fade, Fade+Slide, Slide (Standard: 300ms)
- Tracking: GTM und GA4 Events (bubble_click, chat_opened, chat_started, member_selected, chat_closed)
- Weitere Optionen verfügbar
14. Mehrsprachigkeit
Vollständig über Shopware-Verkaufskanäle:
- Globale Einstellungen unter „Alle Verkaufskanäle“
- Verkaufskanal wählen (z.B. EN-Shop)
- Nur geänderte Textfelder überschreiben
- Speichern und Cache leeren
15. FAQ & Fehlerbehebung
Widget wird nicht angezeigt: Plugin aktiv? Nummer eingetragen? Geräte-Sichtbarkeit? Cache geleert? Theme zugewiesen? Browser-Cache?
Konfiguration ohne Auswirkung: Verkaufskanal prüfen, Cache leeren, harter Reload.
WhatsApp Business API nötig? Nein, nutzt Click-to-Chat-Links (wa.me). Keine zusätzlichen Kosten.
Theme-Kompatibilität? Ja, kompatibel mit allen Standard- und den meisten Drittanbieter-Themes.
Seiten ausblenden? Ja, über Anzeigeregeln konfigurierbar.
Debug-Modus: In erweiterten Einstellungen aktivieren. Browser-Konsole (F12) zeigt Details.