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 la documentación de Shopify sobre checkouts acelerados y las notas de la versión de Shopify sobre los botones de checkout acelerado. Botones exprés de Shop Pay, PayPal y Google Pay debajo del botón de checkout de Upcart

​
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: El snippet Liquid de los botones de checkout adicionales agregado debajo de la etiqueta body en theme.liquid 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.

​
Pasarelas de pago

La tarjeta Payment gateways pertenece al módulo de Pagos exprés antiguo (legacy): solo la ves si tu tienda sigue en la versión anterior. Enumera las pasarelas exprés que Upcart puede mostrar en el carrito y te permite activar o desactivar cada una y establecer el orden en que aparecen. Se listan seis pasarelas:
  • Shop Pay
  • PayPal
  • Apple Pay
  • Amazon Pay
  • Meta Pay
  • Google Pay — aparece en la lista pero marcada como Coming Soon y no se puede seleccionar
Google Pay se retiene deliberadamente: no se actualiza cuando el carrito cambia, por lo que mostraría un precio obsoleto a cualquiera que edite su carrito antes de hacer clic en él. Las otras cinco se pueden habilitar y reordenar: las pasarelas habilitadas aparecen en una lista ordenada, usa las flechas hacia arriba y hacia abajo junto a cada fila para cambiar el orden, y las deshabilitadas quedan debajo, donde hacer clic en ellas las vuelve a agregar.
Habilitar una pasarela aquí no garantiza que se muestre. Una pasarela se oculta en el carrito real si no está habilitada en tu tienda de Shopify o si el comprador no es elegible para ella: un botón de Apple Pay, por ejemplo, solo se muestra en un dispositivo y navegador compatibles. Consulta la documentación de checkouts acelerados de Shopify para saber cómo habilitar las pasarelas y las reglas de elegibilidad de cada una.

​
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

  • Default button height y Mobile button height se configuran por separado, cada una de 25 px a 55 px
  • Cada una tiene un campo numérico y un deslizador vinculados al mismo valor: usa el que te resulte más fácil

​
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 entre los botones apilados, de 0 px a 40 px

​
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 > Cart 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.
⚠️ En el módulo actual, aparece un banner Revert To Old Version en la parte superior con un botón Revert To Legacy Express Payments. Solo es necesario para temas desactualizados: revertir te devuelve al comportamiento anterior a las reglas de estilo de Shopify, así que no lo toques a menos que tu tema realmente lo requiera. Si reviertes, desmarca cualquier opción de estilo guardada del módulo anterior para que no interfiera con la nueva versión.