Social proof notifications
Social-Proof-Benachrichtigungen sind schwebende Meldungen (Toast-Benachrichtigungen), die Besucher über kürzliche Käufe anderer Kunden informieren. Dieser Social-Proof-Mechanismus regt zum Kauf an, indem er zeigt, dass andere Kunden aktiv im Shop einkaufen.
Modul aktivieren
Abschnitt betitelt „Modul aktivieren“Gehen Sie zu WooCommerce > Polski > Storefront-Module und aktivieren Sie Social proof. Die Benachrichtigungen erscheinen automatisch auf Basis der letzten WooCommerce-Bestellungen.
Funktionen
Abschnitt betitelt „Funktionen“- Schwebende Benachrichtigungen über kürzliche Käufe
- Daten aus echten WooCommerce-Bestellungen per AJAX
- Transient-API-Cache (5 Minuten) für die Leistung
- Anonymisierung von Kundennamen (z. B. “John K.”)
- Konfigurierbare Häufigkeit und Anzeigedauer
- Auswahl der Bildschirmposition (4 Ecken)
- Option zum Ausblenden auf Mobilgeräten
- Produkt-Vorschaubild in der Benachrichtigung
Einstellungen
Abschnitt betitelt „Einstellungen“Konfiguration unter WooCommerce > Polski > Storefront-Module > Social proof.
| Einstellung | Standard | Beschreibung |
|---|---|---|
display_interval |
30 |
Abstand zwischen Benachrichtigungen (Sekunden) |
display_duration |
5 |
Anzeigedauer einer einzelnen Benachrichtigung (Sekunden) |
position |
bottom-left |
Bildschirmposition: bottom-left, bottom-right, top-left, top-right |
anonymize_name |
true |
Kundennamen anonymisieren (John Smith -> John S.) |
hide_on_mobile |
false |
Benachrichtigungen auf Mobilgeräten ausblenden |
Datenbankoption: polski_social_proof.
Format der Benachrichtigung
Abschnitt betitelt „Format der Benachrichtigung“Jede Benachrichtigung enthält:
- Ein Produkt-Vorschaubild
- Den Namen des Kunden (mit optionaler Anonymisierung)
- Den Produktnamen mit einem Link
- Den Kaufzeitpunkt (z. B. “vor 2 Stunden”)
Beispiel: John K. hat Polo-Shirt gekauft - vor 2 Stunden
Technische Details
Abschnitt betitelt „Technische Details“Datenquelle
Abschnitt betitelt „Datenquelle“Die Benachrichtigungen werden aus den letzten WooCommerce-Bestellungen mit dem Status completed oder processing generiert. Das Modul ruft bis zu den 20 neuesten Bestellungen ab und rotiert sie zufällig in den Benachrichtigungen.
Die Bestelldaten werden in der Transient-API mit einer Ablaufzeit von 5 Minuten (polski_social_proof_data) zwischengespeichert. So erzeugen die Benachrichtigungen nicht bei jeder Anzeige Datenbankabfragen.
Dateien
Abschnitt betitelt „Dateien“- JavaScript:
assets/js/social-proof.js
Das Skript wird bedingt geladen und ruft die Daten über einen AJAX-Endpunkt ab.
// Filter the data shown in the notificationadd_filter('polski/social_proof/notification_data', function (array $data): array { // Hide products from a specific category if (has_term('vip', 'product_cat', $data['product_id'])) { return []; } return $data;});
// Change the number of orders fetched for rotationadd_filter('polski/social_proof/orders_limit', function (): int { return 50;});
// Change the cache timeadd_filter('polski/social_proof/cache_expiration', function (): int { return 10 * MINUTE_IN_SECONDS;});CSS-Klassen
Abschnitt betitelt „CSS-Klassen“.polski-social-proof- Container der Benachrichtigung.polski-social-proof--visible- sichtbarer Zustand (mit Animation).polski-social-proof__image- Produkt-Vorschaubild.polski-social-proof__content- Inhalt der Benachrichtigung.polski-social-proof__name- Kundenname.polski-social-proof__product- Produktname.polski-social-proof__time- Kaufzeitpunkt.polski-social-proof__close- Schließen-Schaltfläche
Modul-ID
Abschnitt betitelt „Modul-ID“social_proof
Fehlerbehebung
Abschnitt betitelt „Fehlerbehebung“Benachrichtigungen erscheinen nicht - prüfen Sie, ob der Shop Bestellungen mit dem Status completed oder processing hat. Das Modul benötigt mindestens eine Bestellung, um Benachrichtigungen anzuzeigen.
Benachrichtigungen erscheinen zu häufig / zu selten - passen Sie die Einstellungen display_interval und display_duration an.
Benachrichtigungen verdecken andere Elemente - ändern Sie die Position in den Einstellungen oder passen Sie den z-index im CSS an: .polski-social-proof { z-index: 9999; }.
Probleme melden: github.com/wppoland/polski/issues