Trust badges
Trust-Badges sind grafische Elemente, die Kunden über sichere Zahlungen, schnelle Lieferung, die Möglichkeit einer Rückgabe und eine Qualitätsgarantie informieren. Sie helfen, die Konversion zu steigern, indem sie in den entscheidenden Momenten des Kaufprozesses Vertrauen aufbauen.
Modul aktivieren
Section titled “Modul aktivieren”Gehen Sie zu WooCommerce > Polski > Storefront-Module und aktivieren Sie Trust badges. Die Symbole erscheinen automatisch auf den Produkt-, Warenkorb- und Kassenseiten.
Funktionen
Section titled “Funktionen”- Konfigurierbare Vertrauenssignale mit Inline-SVG-Symbolen
- Anzeige auf den Produkt-, Warenkorb- und Bestellübersichtsseiten
- 7 Symboltypen: lock, truck, refresh, shield, star, check, heart
- Eigener Text unter jedem Badge
- Reines CSS ohne externe Abhängigkeiten
- Responsives Layout auf mobilen Geräten
Einstellungen
Section titled “Einstellungen”Konfiguration unter WooCommerce > Polski > Storefront-Module > Trust badges.
| Einstellung | Standard | Beschreibung |
|---|---|---|
show_on_product | true | Badges auf der Produktseite anzeigen |
show_on_cart | true | Badges auf der Warenkorbseite anzeigen |
show_on_checkout | true | Badges auf der Kassenseite anzeigen |
Jedes Badge kann einzeln aktiviert/deaktiviert und konfiguriert werden:
- Symbol - Auswahl aus 7 verfügbaren Typen
- Titel - kurzer Text unter dem Symbol (z. B. “Sichere Zahlung”)
- Reihenfolge - Position relativ zu anderen Badges
Datenbankoption: polski_trust_badges.
Standard-Badges
Section titled “Standard-Badges”Nach der Aktivierung des Moduls stehen 4 vordefinierte Badges zur Verfügung:
| Badge | Symbol | Standardtext |
|---|---|---|
| Sichere Zahlung | lock | Verschlüsselte SSL-Verbindung |
| Schnelle Lieferung | truck | Versand innerhalb von 24 Std. |
| Rückgaben | refresh | 14 Tage Rückgaberecht |
| Qualitätsgarantie | shield | Originalprodukte |
Technische Details
Section titled “Technische Details”SVG-Symbole
Section titled “SVG-Symbole”Alle Symbole werden als Inline-SVG gerendert - keine HTTP-Anfragen, keine Abhängigkeit von Symbolbibliotheken. Jedes Symbol hat eine Größe von 32x32px und erbt seine Farbe aus dem CSS.
// Filter the list of badgesadd_filter('polski/trust_badges/items', function (array $badges): array { // Add a custom badge $badges[] = [ 'icon' => 'star', 'title' => 'Over 1000 reviews', ]; return $badges;});
// Change the position on the product pageadd_filter('polski/trust_badges/product_hook', function (): string { return 'woocommerce_after_add_to_cart_form'; // default: woocommerce_product_meta_end});CSS-Klassen
Section titled “CSS-Klassen”.polski-trust-badges- Hauptcontainer.polski-trust-badge- einzelnes Badge.polski-trust-badge__icon- SVG-Symbol.polski-trust-badge__title- Text unter dem Symbol
.polski-trust-badges { display: flex; gap: 1rem; justify-content: center; padding: 1rem 0; border-top: 1px solid #e5e7eb;}Modul-ID
Section titled “Modul-ID”trust_badges
Fehlerbehebung
Section titled “Fehlerbehebung”Badges erscheinen nicht - prüfen Sie, ob das Theme die WooCommerce-Hooks auf der Produktseite (woocommerce_product_meta_end) und im Warenkorb (woocommerce_after_cart_totals) unterstützt.
Symbole sind zu klein / zu groß - überschreiben Sie die Größe im CSS: .polski-trust-badge__icon svg { width: 40px; height: 40px; }.
Probleme melden: github.com/wppoland/polski/issues