Shopify

Cómo redirigir el botón Agregar al carrito directo al checkout en Shopify Dawn

Si usas el tema Dawn en Shopify, por defecto cuando un cliente da clic en "Agregar al carrito" (Add to cart), el sistema lo envía al carrito. Esto funciona bien en la mayoría de los casos, pero si quieres que tu cliente vaya directo al pago (checkout), puedes modificar un pequeño fragmento de código y lograrlo en menos de 2 minutos.

Esto es útil si:

  • Vendes un solo producto o un set predefinido.
  • Quieres reducir pasos en el embudo de compra.
  • Tu estrategia es compra rápida, sin distracciones.

Pasos para hacerlo en el tema Dawn

En tu panel de Shopify, ve a: Tienda online > Temas > Editar código.

En el buscador de archivos, abre: Assets > product-form.js

Ubica la línea de código que dice:

1window.routes.cart_url

Sustitúyela por:

1'/checkout/'

Guarda los cambios y prueba el botón en tu tienda.

Ajuste importante en la configuración del tema

Después de hacer el cambio de código, ve a: Tienda online > Temas > Personalizar. En las configuraciones del tema, busca la opción que controla cómo se muestra el carrito y asegúrate de que esté configurado en "Página".

Si tienes seleccionado "Drawer" o "Popup de notificación", el código que acabas de implementar no funcionará, ya que estas opciones cargan el carrito en una ventana emergente y no redirigen al checkout.

Tip de optimización

Antes de implementarlo, revisa que no tengas aplicaciones o procesos que dependan del carrito, como ventas cruzadas (cross-sell) o upsells. Si es así, evalúa si la compra directa puede afectar tu ticket promedio.

Con este ajuste, estarás enviando a tus clientes directamente a la página de pago, reduciendo fricciones y aumentando las posibilidades de conversión.