Preguntas frecuentes sobre el botón de compras

En esta página

¿Puedo agregar un botón de compras a mi tienda online de Shopify?

No se recomienda agregar botones de compras a la tienda online de Shopify ni al blog de Shopify porque pueden causar problemas con el carrito de la tienda. En su lugar, considera usar enlaces permanentes para precargar el carrito.

¿Cómo elimino el canal de botón de compras del panel de control de Shopify?

Desde el panel de control de Shopify, ve a Configuración > Canales de venta.
En el canal botón de compras, haz clic en … > Desinstalar.
En el diálogo ¿Desinstalar el botón de compras?, selecciona Entiendo los riesgos de desinstalar este canal de venta.
Opcional: en Motivo de la desinstalación, selecciona los motivos que correspondan en el menú desplegable y comparte cualquier comentario en el campo de texto.
Haz clic en Desinstalar.

¿Cómo elimino un botón de compras de la página web?

Elimina el código de incrustación que agregaste a la página web.

¿Puedo actualizar un botón de compras existente para mostrar otro producto?

Sí. Edita el código de incrustación. Puedes cambiar el atributo id en el código de incrustación para que corresponda a otro producto. De lo contrario, debes crear en Shopify un nuevo botón de compras que muestre el producto que quieres y luego generar un nuevo código de incrustación para reemplazar el del botón de compras anterior.

Cuando creas un botón de compras, ¿para qué sirve el campo de información adicional?

El campo de información adicional te permite comunicar un mensaje a los clientes. El mensaje aparece en el carrito del cliente. Por ejemplo: los impuestos se calculan en el pago.

¿Qué pasarelas de pago puedo usar con el botón de compras?

Debes usar una pasarela de pago compatible para usar el botón de compras. Para ver la lista de pasarelas de pago compatibles en tu país o región, consulta Información de pagos por país o región.

¿Cómo cambio la apariencia de un botón de compras existente?

La forma más sencilla de cambiar la apariencia o la configuración de un botón de compras existente es volver a crearlo y reemplazar el código actual por el nuevo. Otra opción es seguir este tutorial avanzado para hacer los cambios.

Si necesitas ayuda para cambiar la apariencia, puedes contratar a un Shopify Partner. Más información sobre contratar a un Shopify Partner.

¿Por qué el botón de compras no funciona con la aplicación?

Los botones de compras no son compatibles con las aplicaciones de Shopify App Store. Por ejemplo, si tienes una aplicación de reseñas de producto, no funcionará con un botón de compras.

¿Cómo solucionar problemas del botón de compras?

Si el botón de compras no funciona como esperas, puedes seguir estos pasos de resolución de problemas para identificar y resolver problemas comunes:

Revisa conflictos de CSS (hojas de estilo en cascada)

A veces el CSS de tu sitio web puede interferir con el estilo del botón de compras. Por ejemplo, si el CSS establece display: hidden; para elementos iframe, el botón de compras queda invisible.

Otro problema común es que la altura del botón se calcule mal o se establezca en 0. Si pasa, intenta volver a crear el botón de compras con una configuración de diseño distinta en el panel de control de Shopify, ya que las opciones de personalización integradas suelen resolver mejor los problemas de altura que el CSS personalizado.

Para revisar si hay conflictos de CSS:

Abre las herramientas para desarrolladores del navegador (presiona F12 en Chrome).
Selecciona el área del botón de compras y examina el HTML en la pestaña Elementos.
Revisa el panel Estilos para ver si alguna regla CSS afecta la visibilidad o el diseño del botón.

Revisa errores de JavaScript

Los conflictos de JavaScript pueden impedir que los botones de compras aparezcan o funcionen correctamente. Para revisar errores de JavaScript:

Abre las herramientas para desarrolladores del navegador.
Ve a la pestaña Consola.
Revisa los mensajes de error que aparezcan al cargar la página o al interactuar con el botón de compras.

Los errores comunes de JavaScript incluyen la falta de dependencias de scripts o conflictos con otros scripts en el sitio web.

Verifica que el producto exista

Si aparecen errores 404, es posible que el producto se haya eliminado y reemplazado. Compara el ID de producto en el código del botón de compras con el ID de producto en el panel de control de Shopify para confirmar que coincidan.

Prueba en una página HTML simple

Para determinar si el problema es del botón de compras o del sitio web:

Crea un archivo HTML simple con solo el código del botón de compras.
Abre el archivo en el navegador para verificar si el botón funciona correctamente.
Si funciona en la página simple pero no en tu sitio web, probablemente el problema esté en el CSS o JavaScript del sitio.

Confirma que sea un botón de compras de Shopify

A veces, botones que parecen botones de compras de Shopify son soluciones externas. Para verificar que uses un botón de compras de Shopify:

Abre las herramientas para desarrolladores e inspecciona el botón.
Revisa el HTML para encontrar código específico de Shopify.
Confirma que la pestaña Red muestre solicitudes a buy-button-storefront.min.js.

Si no puedes resolver el problema con estos pasos, considera contratar a un Shopify Partner para recibir asistencia. Más información sobre hiring a Shopify Partner.

¿Dónde creo un enlace permanente del carrito?

Para crear un enlace permanente del carrito, debes estar en la página de información del producto. Aprende a create a cart permalink.