Skip to main content
El bloque Checkout button es la llamada a la acción principal en el pie del carrito que lleva a los compradores al checkout, dándoles una ruta clara y prominente del carrito al checkout. Es un bloque obligatorio.

​
Comportamiento

  • El botón resuelve una URL de checkout localizada y correcta para el mercado, para que los compradores lleguen al checkout del mercado correcto. Si eso no puede resolverse, recurre al enlace estándar /checkout.
  • Con Go to cart page instead of checkout habilitado, el botón enlaza a /cart en su lugar.
  • Al hacer clic se navega mediante JavaScript para que la propia gestión del carrito de un tema no pueda interceptarlo, mientras se respetan las intenciones de nueva pestaña (Cmd/Ctrl-clic, clic central).
  • El clic emite el evento checkout del SDK, al que puedes suscribirte.

​
Configuración

​
Ubicación y límites

  • Región: inferior.
  • Máximo: 1 por estado del carrito.
  • Estado: solo carrito con artículos.
  • Bloqueado y agregado de forma predeterminada. El botón Checkout no puede eliminarse ni ocultarse, solo reposicionarse dentro del pie de página.

​
Plantilla personalizada

Admite una plantilla personalizada desde su pestaña Code, que reemplaza el marcado integrado de este bloque con tu JSX. Estas son las props que recibe.
Un botón de checkout personalizado pierde el seguimiento del checkout. El botón integrado adjunta un manejador de clic que emite el evento checkout del SDK y registra la conversión para las analíticas del carrito. Ese manejador no se pasa a las plantillas personalizadas, por lo que navegar solo mediante href omite ambos.Si necesitas el evento, emítelo tú mismo desde un onClick antes de la navegación. Los informes de atribución aún no pueden recuperarse de esta manera, así que prefiere reestilizar el botón integrado con las configuraciones de diseño o CSS personalizado a menos que realmente necesites un marcado diferente.
Renderiza href tal cual en lugar de asignarle un valor predeterminado. Un <a> sin href es inerte, que es el comportamiento correcto en el editor.

​
Diseño

Dale estilo a este bloque con su sección Design en el panel de configuración. Estas son anulaciones por bloque que se superponen a tu diseño global y recurren a él cuando están en blanco. ¿Qué son las configuraciones de diseño? Obtén más información aquí: Configuraciones de diseño.