Betaaliconen toevoegen aan winkelwagen- en checkoutpagina’s in Shopify

· Updated
5 min leestijd
Betaaliconen toevoegen aan winkelwagen- en checkoutpagina’s in Shopify
Inhoudsopgave

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.

Als je Shopify-winkel verschillende betaalopties aanbiedt, is de kans groter dat je verkopen realiseert doordat klanten de vrijheid hebben om hun favoriete betaalmethode te kiezen.

Maar hoe voeg je betaaliconen, zoals American Express, MasterCard en Visa, toe aan je checkout- en winkelwagenpagina’s?

Laten we het uitzoeken.

betaaloptie

Voordelen van het toevoegen van betaaliconen

Het integreren van betaaliconen in je Shopify-winkel biedt talloze voordelen die je bedrijf positief kunnen beïnvloeden:

  • Meer vertrouwen en geloofwaardigheid: Door bekende betaaliconen zoals American Express, MasterCard, Visa, Apple Pay en Google Pay te tonen, stel je klanten gerust dat je winkel veilig en betrouwbaar is, wat kan leiden tot meer vertrouwen om een aankoop te doen.
  • Betere gebruikerservaring: Duidelijk zichtbare betaalopties maken het voor klanten makkelijker om te zien dat hun favoriete betaalmethode wordt geaccepteerd. Dat stroomlijnt het afrekenproces en verlaagt het aantal verlaten winkelwagens.
  • Hogere conversieratio’s: Een breed aanbod aan betaalopties en deze prominent tonen, spreekt een grotere doelgroep aan, waaronder internationale klanten die mogelijk andere betaalmethoden prefereren. Onderzoek laat zien dat het tonen van vertrouwde betaalmethoden het vertrouwen van klanten kan vergroten en kan leiden tot hogere conversieratio’s, waarbij de gemiddelde ecommerce-conversieratio in 2025 tussen 2% en 4% ligt.
  • Professionele uitstraling: Betaaliconen op je checkout- en winkelwagenpagina’s geven je winkel een verzorgde, professionele look die aansluit bij wat klanten verwachten van moderne e-commercewebsites.
  • Concurrentievoordeel: Meerdere betaalopties aanbieden kan je een voorsprong geven op concurrenten die niet hetzelfde gemak bieden, waardoor je meer klanten kunt aantrekken en behouden. Met inmiddels meer dan 700 betaalmethoden die door Shopify worden ondersteund, waaronder nieuwere opties zoals Klarna, Buy Now Pay Later-diensten en digitale wallets, is het belangrijker dan ooit om je betaalflexibiliteit te laten zien.

Door deze betaaliconen te implementeren, verbeter je de functionaliteit en aantrekkingskracht van je Shopify-winkel en creëer je een veiligere, gebruiksvriendelijkere en winstgevendere winkelervaring.

Betaalopties toevoegen aan winkelwagen- en checkoutpagina’s

Als je meer betaalopties aan je winkelwagen- en checkoutpagina’s wilt toevoegen, moet je de code aanpassen. Ga naar het onderdeel van je thema waar je de iconen wilt tonen en plak deze code:

<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>

Zo doe je dat:

  • Ga in je admin naar de sectie Online Stores en klik op Themes
  • Kies het Theme en ga naar Actions
  • Klik op Edit Code
  • Ga naar Sections. Selecteer footer.liquid
  • Zoek naar de volgende code:
{% for type in shop.enabled_payment_types %}
  • Vervang die door deze code:
{% assign enabled_payment_types = 'visa,master,american_express,paypal' | remove: ' ' | split: ',' %}

{% for type in enabled_payment_types %}
  • In deze code kun je de betaalproviders scheiden met een komma, zoals visa,master,american_express,paypal,apple_pay,google_pay,klarna. Je kunt elk van de 700+ betaalmethoden opnemen die Shopify inmiddels ondersteunt, waaronder populaire digitale wallets en Buy Now Pay Later-opties.
  • Klik tot slot op Save

Wil je meer weten over de betaalproviders die Shopify ondersteunt? Controleer dan je betaalinstellingen of bekijk de officiële documentatie van Shopify over betaaliconen.

PayPal verwijderen uit de betaalopties

Als je de PayPal-optie niet wilt tonen (omdat PayPal in sommige landen niet werkt en sommige verkopers deze betaalmethode daarom niet aanbieden), kun je de code ervan uit theme.liquid verwijderen. Dat ziet er ongeveer zo uit:

{% if additional_checkout_buttons %}

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

    {{ content_for_additional_checkout_buttons }}

  </div>

{% endif %}

Als je dit gedeelte uit de code verwijdert, verdwijnt het PayPal-icoon uit de betaalmethoden.

 

Toon unieke product- en winkelkenmerken met Ping, inclusief betaalmethoden

Trust Badges Ping Shopify

Als je bezoekers wilt omzetten in klanten, hebben je producten vaak een zetje nodig. Omdat je geen verkoopmedewerker bij de hand hebt, is het lastig om de redenen uit te lichten waarom klanten zouden moeten kopen.

Met Ping kun je mooie highlights maken voor product- en winkelkenmerken die converteren. Je kunt ze sitebreed inzetten of alleen bij specifieke producten—elke combinatie is mogelijk, precies daar waar het het meeste effect heeft.

Probeer Ping vandaag nog gratis via de Shopify app store.

Conclusie

Een breed aanbod aan betaalopties in je Shopify-winkel vergroot de kans op verkopen aanzienlijk, omdat klanten de flexibiliteit waarderen om hun favoriete betaalmethode te kiezen. Het toevoegen van betaaliconen zoals American Express, MasterCard, Visa, Apple Pay, Google Pay en nieuwere opties zoals Klarna en Buy Now Pay Later-diensten aan je checkout- en winkelwagenpagina’s kan de winkelervaring verbeteren en de geloofwaardigheid van je winkel vergroten.

Door een paar eenvoudige stappen te volgen, kun je deze betaaliconen gemakkelijk integreren in de themacode van je winkel. Shopify ondersteunt inmiddels wereldwijd meer dan 700 betaalmethoden, waardoor het makkelijker dan ooit is om internationale klanten te bedienen. Indien nodig kun je ook specifieke betaalopties zoals PayPal verwijderen door de themacode hierop aan te passen. Overweeg daarnaast tools zoals Ping om overtuigende highlights voor product- en winkelkenmerken te maken die conversies verder kunnen verhogen.

Door deze strategieën toe te passen, creëer je een naadloze en gebruiksvriendelijke winkelervaring die klanten stimuleert om hun aankoop af te ronden en je conversieratio’s helpt verbeteren in het competitieve ecommerce-landschap van vandaag.

Deel dit artikel

Gerelateerde artikelen