Solución rápida: no permita que los scripts retrasen los botones de pago
Los botones de pago acelerado se encuentran debajo de la CTA del producto, donde cada retraso parece sospechoso. Si la página del producto está ocupada cargando widgets de aplicaciones, etiquetas de seguimiento, personalización y medios pesados, los botones de pago pueden aparecer tarde o cambiar después de que el comprador esté listo para comprar.
Thunder Page Speed Optimizer mejora la carga de scripts y Core Web Vitals automáticamente. uso Desglose de funciones de Thunder para la capa de rendimiento automatizada, luego utilice las comprobaciones de elegibilidad y tema a continuación.
Acelerar las CTA de pagoConfirmar la configuración de pago dinámico de Shopify
Shopify's help documentation explains that accelerated checkout buttons are controlled from the theme editor. Go to Online Store, Customize, open the product template, select the Buy buttons block, and enable the option to show accelerated checkout buttons. Repeat this for featured product sections if the issue happens on the homepage.
Usa Shopify documentación del botón de pago acelerado como línea de base. Si la opción está desactivada, la solución es una configuración. Si la opción está activada pero los botones aún no se muestran, vaya al código del tema y elegibilidad de pago.
Cuando el problema es parte de un problema mayor en la página del producto, compárelo con el Guía del botón Agregar al carrito de Shopify y guía de velocidad de la página del producto.
Comprenda por qué varían Apple Pay, PayPal y Google Pay
Los botones de pago dinámico no son los mismos para todos los visitantes. Apple Pay depende de los dispositivos Apple, Safari, la configuración de la billetera y la elegibilidad del comerciante. Google Pay depende del navegador y del contexto de la cuenta. PayPal puede mostrarse cuando los botones de la billetera no lo hacen. Es por eso que un comerciante puede ver PayPal en su computadora de escritorio pero no Apple Pay, mientras que un cliente en iPhone ve un botón diferente.
Pruebe con dispositivos y métodos de pago reales en lugar de esperar que una captura de pantalla lo pruebe todo. Utilice Safari en iPhone para Apple Pay, Chrome con una cuenta de Google configurada para Google Pay y una sesión de escritorio normal para PayPal. Luego compare el comportamiento de la página del producto, la página del carrito y el cajón del carrito.
Si los botones de pago aparecen solo después de un largo retraso, lea el Guía de reparación de INP de Shopify y guía de impacto de scripts de terceros.
Verifique el código del tema, la ubicación del cajón del carrito y CSS
La documentación para desarrolladores de Shopify dice que se pueden agregar botones de pago acelerado a las plantillas de productos, plantillas de carrito, secciones y cajones del carrito. En los temas, lo importante es representar el componente del botón de pago en un contexto de formulario de producto válido. Si una sección personalizada lo eliminó, lo movió fuera del formulario o lo envolvió en CSS oculto, no aparecerá correctamente.
En Liquid, los botones de pago suelen aparecer a través de la salida del botón de pago del formulario del producto:
{% form 'product', product %}
<input type="hidden" name="id" value="{{ product.selected_or_first_available_variant.id }}">
<button type="submit">Añadir al carrito</button>
{{ form | payment_button }}
{% endform %}Si usa un tema personalizado, inspeccione CSS para reglas como pantalla: ninguna, opacidad, posicionamiento absoluto o superposiciones de índice z alrededor de los contenedores de botones de pago. Una aplicación adhesiva para agregar al carrito o un bloque de compra rápida personalizado pueden ocultar los botones sin deshabilitarlos en Shopify.
Para implementaciones de cajón de carrito, Shopify documentos para desarrolladores de pago acelerado son una mejor referencia que los fragmentos aleatorios.
Las aplicaciones pueden ocultar el pago dinámico por motivos válidos
Algunas aplicaciones suprimen intencionalmente los botones de pago dinámico porque la ruta directa de la billetera puede omitir una configuración de producto requerida, un plan de ventas, una validación de paquete, una opción de regalo o una venta adicional del carrito. Eso no siempre es un error. Se convierte en un problema cuando la aplicación oculta el botón incluso para productos simples que no necesitan una validación especial.
Deshabilite las aplicaciones de suscripción, paquetes, pedidos por adelantado, personalización y carrito en un tema duplicado. Vuelva a probar un producto simple y un producto configurado real. Si los productos simples se recuperan pero los productos configurados no, el problema es la ruta de pago de la aplicación. Si ninguno se recupera, inspecciona el código del tema y la configuración de pago.
Mantenga saludable la ruta de ingresos más amplia con la Guía de velocidad de pago de Shopify, lista de verificación de depuración del botón de pago, y guía completa de optimización de velocidad de Shopify.
Lista de verificación de depuración de verificación dinámica manual
| Verificar | Lo que prueba | Arreglar |
|---|---|---|
| Configuración de tema habilitada | Se permiten botones en el editor. | Habilitar en el bloque de botones de Comprar. |
| La vista previa del amanecer funciona | El tema o aplicación en vivo oculta botones. | Diferencia entre el formulario del producto y la aplicación integrada. |
| Sólo aparece PayPal | El contexto de la billetera puede ser normal. | Pruebe Apple Pay y Google Pay en dispositivos elegibles. |
| Los botones se cargan tarde | Los scripts bloquean la renderización. | Reducir JS de terceros y probar INP. |
| Los productos configurados fallan | La validación de la aplicación puede ocultar el pago directo. | Confirmar las reglas de la aplicación de suscripción, paquete u opción. |
Si la ruta manual es demasiado lenta, compare Precios de trueno con optimización práctica de la velocidad de Shopify. Para seleccionar aplicaciones, consulte la la mejor guía de aplicaciones de velocidad de Shopify.
FAQ
¿Por qué no se muestran los botones de pago dinámico de Shopify?
Pueden estar deshabilitados en el bloque de botones de compra del tema, ocultos por CSS, bloqueados por un código de formulario de producto personalizado, no compatibles con el navegador o la billetera del comprador, o afectados por requisitos de pago, paquete, suscripción o aplicación.
¿Por qué solo veo PayPal y no Apple Pay ni Google Pay?
Los botones de pago acelerado son contextuales. Shopify muestra métodos de pago según el dispositivo, el navegador, la configuración de la billetera, la moneda, la configuración de pago y la elegibilidad del cliente.
¿Se pueden mostrar los botones de pago dinámico en el cajón del carrito?
Sí, la documentación para desarrolladores de Shopify dice que se pueden agregar botones de pago acelerado a plantillas de productos, plantillas de carrito, secciones o cajones de carrito, pero el tema debe representar el componente del botón de pago correcto.
¿Pueden las aplicaciones ocultar los botones de pago acelerado de Shopify?
Sí. Las aplicaciones de paquetes, pedidos anticipados, suscripciones, carritos o relacionadas con pagos pueden alterar las formas de los productos, requerir la validación del carrito u ocultar botones acelerados para evitar rutas de pago no admitidas.
¿Los botones de pago dinámico mejoran la conversión?
Pueden reducir la fricción en el proceso de pago para los compradores elegibles, pero no deben reemplazar una ruta confiable para agregar al carrito y al carrito. Pruebe la conversión, la visibilidad de la billetera y la velocidad antes de convertirlas en la única CTA destacada.
Haz que los CTA de pago se carguen limpiamente.
Thunder ayuda a que las páginas de productos se carguen y respondan más rápido mientras usted soluciona la configuración de pago dinámico, el tema o el conflicto de aplicación exacto.