Mostrar botones de pago dinámico en tu tienda online

Los botones de pago dinámico son una alternativa al botón Agregar al carrito para productos individuales. Con los botones de pago dinámicos, los clientes pueden omitir el paso del carrito e ir directamente a la pantalla de pagos. Los clientes pueden optar por pagar con Shopify o con otro método conocido de pago acelerado. Esto ayuda a acelerar el proceso de pago y permite a los clientes pagar usando un método con el que se sientan cómodos.

Un botón de pago dinámico de marca con el logo de Apple Pay

Generalidades

El botón de pago dinámico aparece al lado o debajo del botón Agregar al carrito, dependiendo de tu tema y del dispositivo del cliente. Hay dos tipos diferentes de botones de pago dinámico:

  • Los botones sin marca registrada muestran el texto Comprar ahora. Si un cliente hace clic en un botón de Comprar ahora sin marca registrada, omitirá el paso del carrito y pasará a la pantalla de pagos.

Un botón de pago dinámico sin marca registrada con el texto Comprar ahora

  • Los botones de marca registrada muestran el logo de los métodos externos de pago acelerado. Si un cliente hace clic en un botón de marca registrada para pagar con un método externo de pago acelerado como Apple Pay, éste pasará a la pantalla de pagos de ese método con su información previamente previamente completada. Más información sobre procesos de pago acelerado. Los siguientes métodos externos de pago acelerado están disponibles:

Cada método de pago tiene requisitos específicos antes de que aparezca como un botón de marca.

El tipo de botón que se muestra depende de los siguientes factores:

Si usas tarjetas de regalo o códigos de descuento en tu tienda, los clientes aún pueden introducir los códigos al momento del pago.

Compatibilidad

Hay algunos casos en los que los botones de pago dinámico podrían no ser adecuados para tu tienda online. Antes de mostrar botones de pago dinámico en tu tienda online, verifica su compatibilidad con las siguientes funciones:

  • Aplicaciones
  • Atributos del carrito
  • Productos, configuración de pago y texto del botón

Aplicaciones

Los botones de pago dinámicos pueden entrar en conflicto con ciertas aplicaciones.

Si usas cualquiera de los siguientes tipos de aplicaciones, los botones de pago dinámico podrían no ser compatibles con tu tienda online:

  • Conversores de moneda
  • Aplicaciones que interactúan con el carrito
  • Aplicaciones que llevan a los clientes a una pantalla de pagos externa.

Atributos del carrito

Los botones de pago dinámico no son compatibles con los atributos del carrito. Los atributos del carrito son campos de formulario personalizados que puedes usar para recopilar información adicional de tus clientes en la página del carrito.

Algunos ejemplos de atributos del carrito son las siguientes adiciones a la página del carrito:

  • Casillas de términos y condiciones.
  • Opciones de envoltura de regalos.
  • Selectores de fecha de entrega.

Si debes usar atributos del carrito, los botones de pago dinámico no son los adecuados para tu tienda online.

Productos, configuración de pago y texto del botón

Antes de mostrar botones de pago dinámico en tu tienda online, ten en cuenta los siguientes detalles:

  • Los botones de pago dinámico solo se pueden usar para comprar una sola variante de un producto. Sin embargo, si muestras un selector de cantidad en la página del producto, los clientes pueden comprar más de una unidad de ese producto. Por ejemplo, un cliente puede usar un botón de pago dinámico para comprar tres copas para hornear en aguamarina, pero no para comprar una en aguamarina y una en morado. A menos que tu tienda online reciba muchos pedidos de un tipo de producto, los botones de pago dinámico podrían no ser beneficiosos para tus ventas.

  • Si no tienes habilitado un método externo de pago agilizado en tu configuración de pagos, la versión sin marca del botón de pago dinámico es la única versión que se mostrará.

  • La versión sin marca del botón de pago dinámico muestra el texto Comprar ahora. Si tu botón Agregar al carrito muestra el texto Comprar ahora u otro texto personalizado, podría confundir a los clientes.

Actualiza tu tema para usar botones de pago dinámico

Los botones de pago dinámico están disponibles en todas las versiones actuales de los temas en la tienda de temas de Shopify. Si estás utilizando una versión anterior de un tema, puedes actualizar tu tema para poder usar botones de pago dinámico. Si no deseas actualizar tu tema, puedes editar el código del tema.

Mostrar botones de pago dinámico en las páginas de productos

Pasos:

  1. Busca el tema que deseas editar y haz clic en Personalizar.

  2. En el menú desplegable de la barra superior, haz clic en Páginas de productos.

  3. Haz clic en Secciones.

  4. Haz clic en Páginas de productos.

  5. Marca Mostrar botón de pago dinámico.

  6. Haz clic en Guardar.

Mostrar botones de pago dinámico en una sección de productos destacados

La mayoría de los temas incluyen una configuración para mostrar los botones de pago dinámico en una sección de productos destacados.

Pasos:

  1. Busca el tema que deseas editar y haz clic en Personalizar.

  2. Haz clic en Secciones.

  3. Haz clic en una sección de producto destacado o haz clic en Agregar sección para agregar una nueva sección de producto destacado.

  4. Haz clic en Producto destacado> Agregar.

  5. Introduce los detalles de tu producto y marca la casilla Mostrar botón de pago dinámico.

  6. Haz clic en Guardar.

Ocultar botones de pago dinámico en las páginas de productos

Pasos:

  1. Busca el tema que deseas editar y haz clic en Personalizar.

  2. En el menú desplegable de la barra superior, haz clic en Páginas de productos.

  3. Haz clic en Secciones.

  4. Haz clic en Páginas de productos.

  5. Desmarca la opción Mostrar botón de pago dinámico.

  6. Haz clic en Guardar.

Ocultar botones de pago dinámico en una sección de productos destacados

Pasos:

  1. Busca el tema que deseas editar y haz clic en Personalizar.

  2. Haz clic en Secciones.

  3. Haz clic en la sección de productos destacados.

  4. Desmarca la opción Mostrar botón de pago dinámico.

  5. Haz clic en Guardar.

Probar los botones de pago dinámico en tu tema

Debido a que los tipos de botones de pago dinámico que se muestran en tu tema dependen de varios factores, puedes realizar una prueba para que puedas ver todas las combinaciones. Antes de probar los botones de pago dinámico en tu tema, asegúrate de que aparezcan los botones.

Pasos:

  1. Haz clic en Ver tu tienda.

  2. Para probar el botón en la página de un producto, ve a la página del producto. Para probar el botón en una sección de producto destacado, quédate en la página de inicio.

  3. En la barra de direcciones de tu navegador, agrega una de las siguientes cadenas de texto o strings al final de la URL actual:

- Para mostrar un botón de marca para Amazon, agrega ?shopify-debug=true&show=Amazon. - Para mostrar un botón de marca para Apple Pay, agrega ?shopify-debug=true&show=ApplePay (Apple Pay solo funciona en Safari). - Para mostrar un botón de marca para Google Pay, add ?shopify-debug=true&show=Google. - Para mostrar un botón de marca para PayPal, agrega ?shopify-debug=true&show=PayPal. - Para mostrar un botón de marca para Venmo, agrega ?shopify-debug=true&show=Venmo. - Para mostrar un botón sin marca, agrega ?shopify-debug=true&show=checkout.

  1. Presiona Enter para volver a cargar la página. Dependiendo de la cadena de texto que hayas agregado a la URL, verás un botón de pago dinámico de marca o sin marca.

  2. Repite con las otras cadenas de texto para ver los diferentes tipos de botones de pago dinámico.

Mostrar botones de pago dinámico para algunos productos pero no para otros

Si deseas mostrar botones de pago dinámico para algunos productos pero no para otros, puedes crear una plantilla alternativa. Una plantilla alternativa es una plantilla de código de tema duplicada que puedes editar sin afectar el original. Al utilizar una plantilla de producto alternativa, puedes mostrar botones de pago dinámicos para productos que usan una plantilla y ocultarlos para productos que usan la otra.

Para leer más sobre cómo crear una plantilla de producto alternativa, consulta Crear plantillas alternativas.

Después de crear una plantilla de producto alternativa y asignarla a un producto, puedes mostrar u ocultar los botones de pago dinámicos para ese producto.

Pasos:

  1. Ubica el tema para el que creaste una plantilla alternativa y haz clic en Personalizar.

  2. En el editor de temas, ve a la página del producto para el que asignaste la plantilla alternativa.

  3. Haz clic en Secciones.

  4. Haz clic en Páginas de productos.

  5. Para mostrar un botón de pago dinámico para productos que usan la plantilla alternativa, marca la casilla Mostrar botón de pago dinámico. Para ocultar un botón de pago dinámico para productos que usan la plantilla alternativa, desmarca Mostrar botón de pago dinámico.

  6. Haz clic en Guardar. Los cambios se aplican a cualquier producto que use la plantilla alternativa.

¿Estas listo(a) para comenzar a vender con Shopify?

Pruébala gratis