> ## Knowledge Base Index > Fetch the complete knowledge base index at: https://help.hoppyapps.com/sitemap.xml > Use this file to discover available pages before exploring further. > Pure-Markdown content can be obtained by appending a '.md' suffix to the content URLs listed in the sitemap (without the trailing slash). # 💳 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** 1. Gehen Sie zu **Shopify Admin** → **Online-Shop** → **Themen** 2. Klicken **Bearbeiten Theme** über dein Live-Thema 3. Offen **App Embeds** von der Seitenleiste 4. Umschalter **Hoppy Trust Badges (Badges & Icons)** → **IN** 5. 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. ---