Skip to main content

​
Resumen

Esta función te permite mostrar las opciones de pago exprés de Shopify (como Shop Pay, Apple Pay o Google Pay) para una experiencia de checkout más rápida usando los métodos de pago guardados del comprador. Los botones de checkout exprés o acelerado ayudan a los clientes recurrentes a completar sus compras más rápido al omitir la introducción manual de los datos de pago y envío. Estos botones aparecen debajo del botón principal de Checkout en el carrito y son gestionados por Shopify. Upcart admite estos botones a nivel visual y estructural, pero Shopify controla su comportamiento y visibilidad. 📘 Más información en:
Documentación de Shopify sobre checkouts acelerados
Notas de la versión de Shopify sobre las reglas de estilo

​
Hacer que los pagos exprés se muestren

Para mostrar los botones de checkout acelerado dentro de Upcart, tu tema de Shopify ya debe incluirlos en la tienda. Puedes hacerlo de la siguiente manera:
  1. Agregando un snippet al código de tu tema
    • Ve a Online Store > Themes > Edit Code
    • Abre el archivo layout/theme.liquid
    • Busca la etiqueta de apertura <body> (no </body>)
    • Debajo de esa etiqueta, pega el siguiente código:
  2. Guarda el archivo
Aquí tienes un ejemplo de cómo debería verse: Una vez hecho esto, Upcart podrá detectar y renderizar tus opciones de pago exprés. 💡 Si prefieres no editar código, contacta a tu desarrollador o a un Shopify Expert.

​
Diseño de los botones de checkout acelerado

Una vez configurados tus botones, puedes personalizar cómo se ven dentro de Upcart.

​
Altura del botón

  • Controla la altura para las vistas de escritorio y móvil de forma independiente (rango de 25–55 px)

​
Alineación del botón de checkout

  • Elige cómo se alinean los botones exprés:
    • Left
    • Right
    • Center
    • Space Between

​
Espacio entre filas

  • Establece el espaciado vertical (en píxeles) entre los botones apilados

​
Opciones avanzadas de visualización

Cuando está habilitada, esta opción oculta el mensaje de consentimiento del comprador que normalmente se muestra cuando hay un producto de suscripción en el carrito. Puede ayudar a reducir el desorden visual si ya proporcionas información relacionada en otro lugar.

​
Renderizar el carrito en Shadow DOM

Habilita esta opción para evitar que el CSS de tu tema de Shopify interfiera con el estilo de Upcart.
Esto garantiza un diseño consistente en todos los navegadores y dispositivos. Habilitarla también aplica la misma configuración de Settings > Advanced Settings.

​
Notas de compatibilidad con temas

  • Shopify ahora aplica reglas de estilo estrictas para los botones de checkout acelerado.
  • La nueva versión de Upcart admite completamente estas reglas y seguirá el comportamiento de estilo de Shopify.
⚠️ Si estás usando configuraciones antiguas de Express Payment, se recomienda encarecidamente que:
  • Hagas clic en “Revert to Old Version” solo si es necesario para temas desactualizados (v1.0.0)
  • Desmarques cualquier opción de estilo guardada del módulo anterior para evitar interferencias con la nueva versión

​