1. Plugin installieren und aktivieren
Nach dem Upload der ZIP-Datei gehe zu Erweiterungen → Meine Erweiterungen. Klicke bei WhatsApp Connect auf Installieren und dann Aktivieren. Leere anschließend den Cache unter Einstellungen → System → Caches & Indizes.
2. Grundeinstellungen
Öffne die Plugin-Konfiguration unter Erweiterungen → Meine Erweiterungen → WhatsApp Connect → Konfiguration.
Karte: Grundeinstellungen für WhatsApp Connect
Trage deine WhatsApp-Nummer im internationalen Format ein, z.B. 4917612345678 (ohne +, Leerzeichen oder Bindestriche). Wähle eines der 4 Widget-Designs:
- Floating Bubble — Runder Button, frei positionierbar
- Side Tab — Vertikale Leiste am Seitenrand
- Banner Bar — Schmaler Streifen über die volle Breite
- Minimal Button — Nur ein kleines WhatsApp-Icon
Optional: Hinterlege eine vorausgefüllte Nachricht. Der Platzhalter {page_url} wird automatisch durch die aktuelle Seiten-URL ersetzt, damit du siehst von welcher Seite der Kunde schreibt.
3. Chat-Fenster konfigurieren (Single User oder Firmenprofil)
Karte: Chat-Fenster für WhatsApp Connect (Single User oder Firmenprofil)
Hinterlege den Profilnamen und eine kurze Beschreibung (z.B. "Kundenservice" oder "Antwort innerhalb von 24h"). Optional: Profilbild als URL, Willkommensnachricht und Offline-Nachricht.
Die vier Placeholder-Texte passen sich automatisch dem Status an (Online, Mitarbeiter wählen, Fallback, Geschlossen). Diese sind pro Verkaufskanal übersetzbar.
4. Team-Modus einrichten (optional)
Karte: Team-Modus für WhatsApp Connect
Aktiviere den Team-Modus und wähle den Auswahlmodus:
- Kundenauswahl — Der Kunde wählt seinen Ansprechpartner aus einer Liste
- Zufällig — Ein zufälliger verfügbarer Mitarbeiter wird zugewiesen
Hinterlege eine Fallback-Nummer für den Fall, dass kein Mitarbeiter erreichbar ist.
Karten: Mitarbeiter 1-5 für WhatsApp Connect
Für jeden Mitarbeiter kannst du einstellen:
- Name, WhatsApp-Nummer, Abteilung, Kurztext
- Profilbild (als URL)
- Individuelle Arbeitszeiten pro Wochentag (Format: 09:00-18:00)
- Urlaubsmodus mit Datumsbereich und Abwesenheitsnachricht
Mitarbeiter die im Urlaub sind oder außerhalb ihrer Arbeitszeiten liegen, werden automatisch aus der Auswahl entfernt.
5. Zeitpläne und Erreichbarkeit
Karte: Online/Offline-Zeiten für WhatsApp Chatnachrichten
Aktiviere den globalen Zeitplan um die maximale Erreichbarkeit festzulegen. Trage für jeden Wochentag die Zeiten im Format 09:00-18:00 ein. Leer = an diesem Tag nicht erreichbar.
Wichtig: Auch wenn einzelne Mitarbeiter längere Arbeitszeiten konfiguriert haben, sind sie nur innerhalb der globalen Zeiten erreichbar. Alle Zeiten basieren auf der Zeitzone Europe/Berlin.
Wähle die Offline-Status-Farbe (gelb = "liest später", rot = "nicht erreichbar") und ob das Widget bei Offline komplett ausgeblendet werden soll.
6. Auto-Nachricht
Karte: Auto-Nachricht für WhatsApp Connect
Aktiviere die automatische Willkommensnachricht. Nach der eingestellten Verzögerung (3-120 Sekunden) erscheint ein Benachrichtigungs-Badge mit "1" auf der Bubble und optional ein Benachrichtigungston. Die Nachricht wird einmalig pro Browser-Session angezeigt.
Der Auto-Nachricht-Text wird im Chat-Popup als Shopbetreiber-Nachricht angezeigt wenn der Kunde auf die Bubble klickt.
7. Gerätespezifische Einstellungen
Karte: WhatsApp Connect Device Einstellungen
Lege fest auf welchen Geräten das Widget sichtbar ist und welche Chat-Methode verwendet wird:
- Chat starten — WhatsApp öffnet direkt (empfohlen für Mobile)
- Nachricht senden — Eingabefeld wird angezeigt (empfohlen für Desktop)
Bei beiden Methoden wird immer zuerst ein Chat-Preview angezeigt, damit der Kunde die Nachricht des Shops sieht.
8. Position und Layout
Karte: Position & Layout für WhatsApp Connect Widget
Stelle die Ausrichtung (links/rechts), vertikale und horizontale Abstände, Eckenradius und Z-Index ein. Die Widget-Größe kann pro Gerät in Prozent skaliert werden (50-150%).
9. Farben anpassen
Karte: Farbanpassung für WhatsApp Connect
Passe alle Farben an dein Shopdesign an: Bubble-Hintergrund, Icon-Farbe, Chat-Header, Nachrichtenblasen, Senden-Button und mehr.
10. Erweiterte Einstellungen
Karte: Erweiterte Einstellungen für WhatsApp Connect
- Scroll-Verhalten: Widget beim Scrollen ausblenden
- Google Tracking: Automatische Events an GTM/GA4 senden
- Debug-Modus: Detaillierte Informationen in der Browser-Konsole (nur für Entwickler)
- Custom CSS/JS: Eigene Anpassungen ohne Theme-Änderung
Mehrsprachigkeit
Alle Textfelder (Willkommensnachricht, Offline-Nachricht, Button-Texte, Placeholder etc.) können pro Verkaufskanal unterschiedlich konfiguriert werden. Wechsle dazu oben in der Konfiguration den Verkaufskanal.