Cómo añadir iconos de pago a las páginas de carrito y checkout en Shopify

· Updated
5 min de lectura
Cómo añadir iconos de pago a las páginas de carrito y checkout en Shopify
Tabla de contenidos

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.

Si tu tienda Shopify ofrece una variedad de opciones de pago, es más probable que consigas ventas al dar a los clientes la libertad de elegir su método de pago preferido.

Entonces, ¿cómo puedes añadir iconos de pago, como American Express, MasterCard y Visa, a tus páginas de checkout y carrito?

Vamos a verlo.

opción de pago

Ventajas de añadir iconos de pago

Integrar iconos de pago en tu tienda Shopify ofrece numerosas ventajas que pueden impactar positivamente en tu negocio:

  • Mayor confianza y credibilidad: Mostrar iconos de pago reconocidos como American Express, MasterCard, Visa, Apple Pay y Google Pay tranquiliza a los clientes al ver que tu tienda es segura y fiable, lo que puede aumentar la confianza a la hora de comprar.
  • Mejor experiencia de usuario: Unas opciones de pago claramente visibles facilitan que los clientes sepan que se acepta su método preferido, agilizando el proceso de checkout y reduciendo el abandono del carrito.
  • Más conversiones: Ofrecer una variedad de opciones de pago y mostrarlas de forma destacada puede atraer a un público más amplio, incluidos clientes internacionales que pueden preferir métodos distintos. Las investigaciones muestran que exhibir métodos de pago de confianza puede aumentar la seguridad del cliente y traducirse en mayores conversiones, con una tasa media de conversión ecommerce en 2025 de entre el 2% y el 4%.
  • Apariencia profesional: Incluir iconos de pago en tus páginas de checkout y carrito le da a tu tienda un aspecto pulido y profesional, alineado con las expectativas de los clientes en los sitios de comercio electrónico modernos.
  • Ventaja competitiva: Ofrecer múltiples opciones de pago puede darte ventaja frente a competidores que no brindan el mismo nivel de comodidad, ayudándote a atraer y retener más clientes. Con más de 700 métodos de pago compatibles actualmente con Shopify, incluidas opciones más nuevas como Klarna, servicios Buy Now Pay Later y billeteras digitales, mostrar tu flexibilidad de pago es más importante que nunca.

Al implementar estos iconos de pago, puedes mejorar la funcionalidad y el atractivo de tu tienda Shopify, creando una experiencia de compra más segura, fácil de usar y rentable.

Añadir opciones de pago a las páginas de carrito y checkout

Si quieres añadir más opciones de pago a tus páginas de carrito y checkout, tendrás que ajustar el código. Ve a la parte de tu tema donde quieras mostrar los iconos y pega este código:

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

Así es como se hace:

  • Ve a la sección Online Stores en tu panel de administración y haz clic en Themes
  • Elige el Theme y ve a Actions
  • Haz clic en Edit Code
  • Ve a Sections. Selecciona footer.liquid
  • Busca el siguiente código:
{% for type in shop.enabled_payment_types %}
  • Sustitúyelo por este código:
{% assign enabled_payment_types = 'visa,master,american_express,paypal' | remove: ' ' | split: ',' %}

{% for type in enabled_payment_types %}
  • En este código, puedes separar los proveedores de pago con una coma, por ejemplo visa,master,american_express,paypal,apple_pay,google_pay,klarna. Puedes incluir cualquiera de los más de 700 métodos de pago que Shopify admite ahora, incluidas billeteras digitales populares y opciones Buy Now Pay Later.
  • Por último, haz clic en Save

Para obtener más información sobre los proveedores de pago compatibles con Shopify, revisa la configuración de pagos o visita la documentación oficial de iconos de pago de Shopify.

Cómo eliminar PayPal de las opciones de pago

Si no quieres mostrar la opción de PayPal (ya que PayPal no funciona en algunos países y algunos vendedores no ofrecen este método de pago), puedes eliminar su código de theme.liquid. Se verá más o menos así:

{% if additional_checkout_buttons %}

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

    {{ content_for_additional_checkout_buttons }}

  </div>

{% endif %}

Eliminar esta sección del código quitará el icono de PayPal de los métodos de pago.

 

Muestra características únicas del producto y de la tienda con Ping, incluidos los métodos de pago

Insignias de confianza Ping Shopify

Si quieres convertir visitantes en clientes, tus productos a menudo necesitan un pequeño empujón. Como no tienes un asistente de ventas a mano, es difícil destacar las razones por las que los clientes deberían comprar.

Con Ping, puedes crear destacados atractivos de características del producto y de la tienda que convierten. Puedes implementarlos en todo el sitio o en productos específicos; cualquier combinación es posible donde más importa.

Prueba Ping gratis hoy desde la Shopify app store.

Conclusión

Ofrecer una variedad de opciones de pago en tu tienda Shopify aumenta significativamente la probabilidad de generar ventas, ya que los clientes valoran la flexibilidad de elegir su método de pago preferido. Añadir iconos de pago como American Express, MasterCard, Visa, Apple Pay, Google Pay y opciones más nuevas como Klarna y servicios Buy Now Pay Later a tus páginas de checkout y carrito puede mejorar la experiencia de compra y reforzar la credibilidad de tu tienda.

Siguiendo unos pocos pasos sencillos, puedes integrar fácilmente estos iconos de pago en el código del tema de tu tienda. Shopify ahora admite más de 700 métodos de pago a nivel global, lo que hace más fácil que nunca atender a clientes internacionales. Si es necesario, también puedes eliminar opciones de pago específicas como PayPal ajustando el código del tema en consecuencia. Además, considera usar herramientas como Ping para crear destacados atractivos de características del producto y de la tienda que pueden impulsar aún más las conversiones.

Al implementar estas estrategias, puedes crear una experiencia de compra fluida y fácil de usar que anime a los clientes a completar sus compras y ayude a mejorar tus tasas de conversión en el competitivo panorama ecommerce actual.

Comparte este artículo

Artículos relacionados