💳 Wie man Zahlungen Icons einrichtet
ℹ️ Note: Dieser Artikel wurde automatisch mit AI übersetzt und kann Ungenauigkeiten enthalten. Wenn etwas falsch aussieht, kontaktieren Sie bitte unser Support-Team.
Erfahren Sie, wie Sie Zahlungs-Icons hinzufügen und anpassen, um das Vertrauen in die Kasse zu verbessern und Kunden über sichere Zahlungsmethoden in Ihrem Geschäft zu beruhigen.
Payment Icons tragen dazu bei, dass sich die Storefront vertrauenswürdiger anfühlt, während unterstützte Zahlungsanbieter deutlich angezeigt werden.
✅ Schritt 1: Open Payment Icons Einstellungen
1️� Gehen Sie zu Shopify Admin → Apps → Hoppy Trust Badges App.
2️� Klicken Sie auf Erstellen Sie ein neues Badge.
✅ Schritt 2: Wählen Sie Ihre Platzierung
Wählen Sie aus den verfügbaren Platzierungsoptionen aus, wo die Zahlungs-Icons angezeigt werden sollen.
📍 Verfügbare Platzierungstypen
Produktseite
- Zahlungs-Icons direkt auf Produktseiten anzeigen
- Hilft Kunden, sich vor dem Kauf sicherer zu fühlen
Fuß
- Anzeige von Zahlungs-Icons im Fußzeilenbereich
- Hält Payment Trust Messaging über die Storefront hinweg sichtbar
Schwimmende Icons
- Anzeige von Floating Payment Icons, während Kunden scrollen
- Normalerweise in Bildschirmecken für eine bessere Sichtbarkeit positioniert
Warenkorbschublade
- Zeigen Sie Zahlungs-Icons im Mini-Cart oder Schiebewagen
- Vertrauen während der Einkaufsreise stärken
Warenkorbseite
- Anzeige von Zahlungs-Icons direkt auf der Warenkorbseite vor dem Checkout
- Hilft, das Zögern vor dem Kauf zu reduzieren
Checkout Seite
- Display Payment Icons während der Shopify Checkout-Prozess
- Hilft, das Zahlungsvertrauen vor Auftragsabschluss zu stärken
- Nur verfügbar für Shopify Plus Händler
Zollstelle
- Manuelle Platzierung von Zahlungs-Icons genau dort, wo sie gebraucht werden
- Die Positionierung kann mit dem Shopify Theme Editor
✅ Schritt 3: Setup Payment Icons
Innerhalb der Inhalt Tab, lokalisieren Sie die Abzeichentyp Dropdown und Select:
Zahlungs-Icons
📝 Blockinhalt konfigurieren
Innerhalb der Blockinhalt Abschnitt:
- Fügen Sie einen internen Blocknamen für eine einfachere Verwaltung in Ihrem Admin-Dashboard hinzu
- Dieser Name ist nur innerhalb des Admin-Bereichs sichtbar und wird den Storefront-Besuchern nicht angezeigt
✍️ Konfigurieren Sie Promotional Text (optional)
Sie können optional die über den Zahlungs-Icons angezeigte Nachricht anpassen.
Titel
Fügen Sie eine Überschrift hinzu, die Kunden bezüglich der Zahlungssicherheit beruhigt.
Beispieltitel
- Sicherer Checkout
- Trusted Payments
- Sichere Zahlungsmethoden
Unterrubrik
Fügen Sie unterstützende Informationen unter dem Titel hinzu.
Beispielunterpositionen
- 100% sichere Transaktionen
- Keine versteckten Zahlungsgebühren
- Vertrauen von Tausenden von Kunden
🎨 Wählen und Verwalten von Icons
Sie können die Zahlungsmethoden anpassen, die im Block Zahlungs-Icons angezeigt werden.
Verfügbare Aktionen
- Wählen Sie Icons aus der integrierten Icon Library
- Bestehende Icons ersetzen
- Entfernen Sie unerwünschte Icons
- Laden Sie benutzerdefinierte Icons von Ihrem Gerät hoch
Unterstützte Beispiele sind
- Visum
- Mastercard
- PayPal
- Streifen
- Apple Pay
- Google Pay
💡 Eingebaute Icons tragen dazu bei, eine sauberere visuelle Konsistenz bei Storefront-Themen zu gewährleisten.
📤 Laden Sie Custom Icons hoch
Neben der integrierten Icon Library können Sie auch benutzerdefinierte zahlungsbezogene Grafiken direkt von Ihrem Gerät hochladen.
Dies ist nützlich für:
- Regionsspezifische Zahlungsanbieter
- Custom Branding Assets
- Alternative Zahlungslösungen
⚠️ Hochgeladene benutzerdefinierte Bilder können ihre ursprünglichen Farben abhängig vom Bildformat beibehalten.
➕ Mehr Icons hinzufügen
Klicken Neues Icon hinzufügen zusätzliche Zahlungsmethoden innerhalb desselben Blocks aufzunehmen.
💡 Mehrere Icons helfen Kunden, unterstützte Zahlungsanbieter schnell zu erkennen.
🔗 Konfigurieren Sie Call to Action (CTA)
Payment Icons können optional anklickbares Verhalten enthalten.
Verfügbare CTA-Typen
Kein Aufruf zum Handeln
Die Payment Icons bleiben statisch und nicht klickbar.
Dies ist ideal, wenn die Icons nur für visuelle Vertrauensbildung gedacht sind.
Button mit Link hinzufügen
Erstellt einen separaten anklickbaren Button neben oder unter den Zahlungs-Icons.
Dies ist nützlich, wenn Sie Kunden zu:
- Zahlungs-FAQs
- Sicherheitsinformationen
- Schifffahrtspolitik
- Erstattungspolitik
Link zum ganzen Block hinzufügen
Macht den gesamten Payment Icons-Block klickbar.
Dies schafft ein nahtloseres Besuchererlebnis, indem Kunden überall im Block klicken können.
💡 Dies funktioniert besonders gut für die Verknüpfung von Besuchern mit Zahlungssicherheit oder vertrauensbezogenen Seiten.
📌 Verfügbare Streckenziele
Sobald ein CTA-Typ ausgewählt ist, können Sie auswählen, wohin Kunden umgeleitet werden sollen.
Produktseite
Redirect Besucher direkt zu einem Shopify Produkt.
Sammlungsseite
Redirect Besucher zu einem Shopify Sammlung.
Custom URL
Redirect Besucher zu:
- Nutzungsbedingungen
- Über uns Seite
- Zahlungsverkehrspolitik
- Externe Seiten
🛒 Produktbindung
Wenn die Produktseitenverlinkung ausgewählt ist:
→ Verwendung Auswählen des Produkts um das Zielprodukt direkt von Ihrem Shopify Lager.
✅ Schritt 4: Designeinstellungen anpassen
Offen Design Tab, um Ihre Payment Icons zu stylen.
Verfügbare Entwurfskontrollen
Sichtbarkeit
Wählen Sie:
- Desktop & Mobile
- Desktop nur
- Nur mobil
Typografie & Farben
Customize:
- Schriftarten
- Textgrößen
- Hintergrundfarben
- Grenzen
- Abstand
⚠️ Wichtig:
Benutzerdefinierte Farbbearbeitung ist nur für unterstützte eingebaute Icons verfügbar.
Hochgeladene benutzerdefinierte Bilder und bestimmte Standard-Zahlungslogos können ihre ursprünglichen Farben beibehalten.
Animationen
Wählen Sie Animationsstile, damit sich die Payment Icons dynamischer und auffälliger anfühlen.
💡 Subtile Animationen funktionieren oft am besten, ohne ablenkend zu werden.
✅ Schritt 5: Platzierung und Sichtbarkeit konfigurieren
Navigieren Sie zum Platzierung & Sichtbarkeit Tab.
Verfügbare Kontrollen
Seiten
Wählen Sie, wo die Payment Icons erscheinen sollen:
- Alle Seiten
- Homepage nur
- Produktseiten
- Sammlungsseiten
Geräte
Kontrollsicht für:
- Desktop
- Mobil
- Beide
Position
Positionieren wie:
- Links unten
- Rechts unten
- Inline-Positionen
Zeitplan
Optional konfigurieren:
- Starttermine
- Endtermine
- Vorübergehende Sichtbarkeit der Kampagne
✅ Schritt 6: Speichern und Veröffentlichen
Sobald Ihre Payment Icons vollständig konfiguriert sind:
- Klicken Sparen
- Dann klicken Veröffentlichen
Nach der Veröffentlichung:
→ Besuchen Sie Ihre Storefront und vergewissern Sie sich, dass die Zahlungs-Icons am ausgewählten Standort korrekt angezeigt werden.
💡 Quick Troubleshooting Tipp
Wenn die Zahlungs-Icons nach der Veröffentlichung nicht auf Ihrer Storefront erscheinen:
Ihr Shopify Theme blockiert möglicherweise das App-Embed.
Um dies zu beheben
- Gehen Sie zu Shopify Admin → Online-Shop → Themen
- Klicken Bearbeiten Theme über dein Live-Thema
- Offen App Embeds von der Seitenleiste
- Umschalter Hoppy Trust Badges (Badges & Icons) → IN
- Klicken Sparen
✅ Endergebnis
Einmal erfolgreich konfiguriert, tragen Payment Icons dazu bei, dass sich Ihre Storefront sicherer, vertrauenswürdiger und conversion-orientierter anfühlt.
Mit der richtigen Einrichtung:
✅ Kunden fühlen sich beim Checkout sicherer
✅ Unterstützte Zahlungsmethoden werden sichtbarer
✅ Payment Trust Messaging fühlt sich professioneller an
✅ Checkout Zögern kann reduziert werden
✅ Die Glaubwürdigkeit des Stores wird stärker
✅ Storefront-Vertrauen insgesamt verbessert
Payment Icons funktionieren am besten, wenn sie mit sauberen Layouts, ausgewogenen Abständen und erkennbarem Branding von Zahlungsanbietern kombiniert werden.
Aktualisiert am: 10/09/2026
Danke!