Zahlungs-Icons zu Warenkorb- & Checkout-Seiten in Shopify hinzufügen

· Updated
5 Min. Lesezeit
Zahlungs-Icons zu Warenkorb- & Checkout-Seiten in Shopify hinzufügen
Inhaltsverzeichnis

TL;DR

The best way to add payment icons in Shopify is to use built-in theme settings first, then fall back to a Custom Liquid snippet using shop.enabled_payment_types for cart, cart drawer, or product pages. Direct checkout edits are now limited, so most merchants should use Shopify-approved tools like Checkout Blocks for checkout icon placement. Keep icons accurate, place them near the conversion point, and always test on mobile before publishing.

Wenn dein Shopify-Shop eine Vielzahl an Zahlungsoptionen anbietet, ist die Wahrscheinlichkeit höher, dass du Verkäufe erzielst – denn Kund:innen haben die Freiheit, ihre bevorzugte Zahlungsmethode zu wählen.

Wie kannst du also Zahlungs-Icons wie American Express, MasterCard und Visa zu deinen Checkout- und Warenkorbseiten hinzufügen?

Finden wir es heraus.

Zahlungsoption

Vorteile des Hinzufügens von Zahlungs-Icons

Die Integration von Zahlungs-Icons in deinen Shopify-Shop bietet zahlreiche Vorteile, die sich positiv auf dein Business auswirken können:

  • Mehr Vertrauen und Glaubwürdigkeit: Das Anzeigen bekannter Zahlungs-Icons wie American Express, MasterCard, Visa, Apple Pay und Google Pay signalisiert Kund:innen, dass dein Shop sicher und vertrauenswürdig ist – das kann die Kaufbereitschaft erhöhen.
  • Bessere User Experience: Gut sichtbare Zahlungsoptionen machen es Kund:innen leichter zu erkennen, ob ihre bevorzugte Zahlungsmethode akzeptiert wird. Das vereinfacht den Checkout und kann Warenkorbabbrüche reduzieren.
  • Höhere Conversion-Rate: Eine größere Auswahl an Zahlungsarten – und deren prominente Darstellung – spricht eine breitere Zielgruppe an, einschließlich internationaler Kund:innen, die unterschiedliche Zahlungsmethoden bevorzugen. Studien zeigen, dass das Anzeigen vertrauenswürdiger Zahlungsarten das Vertrauen stärkt und zu höheren Conversion-Raten führen kann; die durchschnittliche E-Commerce-Conversion-Rate liegt 2025 zwischen 2 % und 4 %.
  • Professioneller Auftritt: Zahlungs-Icons auf Checkout- und Warenkorbseiten verleihen deinem Shop einen sauberen, professionellen Look – passend zu den Erwartungen an moderne E-Commerce-Websites.
  • Wettbewerbsvorteil: Mehrere Zahlungsoptionen können dir einen Vorsprung gegenüber Wettbewerbern verschaffen, die weniger Komfort bieten – und so helfen, mehr Kund:innen zu gewinnen und zu halten. Da Shopify inzwischen über 700 Zahlungsmethoden unterstützt, darunter neuere Optionen wie Klarna, Buy Now Pay Later-Services und digitale Wallets, ist es wichtiger denn je, deine Zahlungsflexibilität sichtbar zu machen.

Mit diesen Zahlungs-Icons verbesserst du die Funktionalität und Attraktivität deines Shopify-Shops – und schaffst ein sichereres, nutzerfreundlicheres und profitableres Einkaufserlebnis.

Zahlungsoptionen zu Warenkorb- und Checkout-Seiten hinzufügen

Wenn du weitere Zahlungsoptionen zu deinen Warenkorb- und Checkout-Seiten hinzufügen möchtest, musst du den Code anpassen. Gehe in den Bereich deines Themes, in dem du die Icons anzeigen willst, und füge diesen Code ein:

<ul class="payment-icons list--inline site-footer__icon-list">

                {% assign enabled_payment_types = 'visa,master,american_express,paypal' | remove: ' ' | split: ',' %}

                  {% for type in enabled_payment_types %}

                  <li class="payment-icon">

                    {{ type | payment_type_svg_tag: class: 'icon icon--full-color' }}

                  </li>

                {% endfor %}

              </ul>

So gehst du vor:

  • Gehe im Adminbereich zum Abschnitt Online Stores und klicke auf Themes
  • Wähle das Theme aus und gehe zu Actions
  • Klicke auf Edit Code
  • Gehe zu Sections. Wähle footer.liquid
  • Suche nach folgendem Code:
{% for type in shop.enabled_payment_types %}
  • Ersetze ihn durch diesen Code:
{% assign enabled_payment_types = 'visa,master,american_express,paypal' | remove: ' ' | split: ',' %}

{% for type in enabled_payment_types %}
  • In diesem Code kannst du die Zahlungsanbieter durch Kommas trennen, z. B. visa,master,american_express,paypal,apple_pay,google_pay,klarna. Du kannst jede der über 700 Zahlungsmethoden einbinden, die Shopify inzwischen unterstützt – einschließlich beliebter digitaler Wallets und Buy Now Pay Later-Optionen.
  • Klicke zum Schluss auf Save

Wenn du mehr über die von Shopify unterstützten Zahlungsanbieter erfahren möchtest, prüfe deine Zahlungseinstellungen oder besuche die offizielle Dokumentation zu Zahlungs-Icons von Shopify.

So entfernst du PayPal aus den Zahlungsoptionen

Wenn du die PayPal-Option nicht anzeigen möchtest (da PayPal in manchen Ländern nicht verfügbar ist und einige Händler diese Zahlungsmethode daher nicht anbieten), kannst du den entsprechenden Code aus der theme.liquid entfernen. Das sieht ungefähr so aus:

{% if additional_checkout_buttons %}

  <div class="additional-checkout-buttons">

    {{ content_for_additional_checkout_buttons }}

  </div>

{% endif %}

Wenn du diesen Abschnitt aus dem Code entfernst, wird das PayPal-Icon aus den Zahlungsmethoden entfernt.

 

Einzigartige Produkt- & Shop-Features mit Ping anzeigen – inklusive Zahlungsmethoden

Trust Badges Ping Shopify

Wenn du Besucher:innen zu Kund:innen machen willst, brauchen deine Produkte oft etwas Unterstützung. Da du keine Verkaufsberatung zur Hand hast, ist es schwierig, die Gründe hervorzuheben, warum Kund:innen kaufen sollten.

Mit Ping kannst du ansprechende Produkt- und Shop-Feature-Highlights erstellen, die konvertieren. Du kannst sie shopweit oder nur für bestimmte Produkte ausspielen – jede Kombination ist möglich, genau dort, wo es am wichtigsten ist.

Teste Ping noch heute kostenlos im Shopify App Store.

Fazit

Eine große Auswahl an Zahlungsoptionen in deinem Shopify-Shop erhöht die Wahrscheinlichkeit von Verkäufen deutlich, da Kund:innen die Flexibilität schätzen, ihre bevorzugte Zahlungsmethode zu wählen. Das Hinzufügen von Zahlungs-Icons wie American Express, MasterCard, Visa, Apple Pay, Google Pay sowie neueren Optionen wie Klarna und Buy Now Pay Later-Services zu deinen Checkout- und Warenkorbseiten kann das Einkaufserlebnis spürbar verbessern und die Glaubwürdigkeit deines Shops stärken.

Mit ein paar einfachen Schritten kannst du diese Zahlungs-Icons problemlos in den Theme-Code deines Shops integrieren. Shopify unterstützt inzwischen weltweit über 700 Zahlungsmethoden – so kannst du internationale Kund:innen einfacher denn je bedienen. Falls nötig, kannst du außerdem bestimmte Zahlungsoptionen wie PayPal entfernen, indem du den Theme-Code entsprechend anpasst. Zusätzlich lohnt es sich, Tools wie Ping zu nutzen, um überzeugende Produkt- und Shop-Feature-Highlights zu erstellen, die die Conversion weiter steigern können.

Wenn du diese Strategien umsetzt, schaffst du ein nahtloses, nutzerfreundliches Einkaufserlebnis, das Kund:innen dazu motiviert, ihren Kauf abzuschließen – und dir hilft, deine Conversion-Rate im heutigen wettbewerbsintensiven E-Commerce-Umfeld zu verbessern.

Diesen Artikel teilen

Ähnliche Artikel