Si actualizaste WooCommerce recientemente, es probable que hayas notado que la pagina de checkout de tu tienda se ve diferente. Tal vez los campos estan organizados de otra forma, o el diseño se siente mas moderno. Eso es el checkout por bloques, el nuevo sistema de checkout de WooCommerce que reemplaza al clasico. En esta guia te explicamos que cambio, por que y que significa para tu tienda.
Que es el checkout por bloques
Para entender el checkout por bloques, primero hay que saber como funcionaba el checkout clasico. Tradicionalmente, WooCommerce usaba un shortcode para generar la pagina de checkout. Un shortcode es basicamente un codigo corto ([woocommerce_checkout]) que le dice a WordPress "aca pone el formulario de checkout". El problema es que ese shortcode generaba una estructura rigida y dificil de personalizar sin conocimientos de programacion.
El checkout por bloques usa un enfoque completamente distinto. En lugar de un shortcode, utiliza el editor de bloques de WordPress (tambien conocido como Gutenberg). Esto significa que la pagina de checkout esta compuesta por bloques individuales que podes mover, agregar o quitar desde el editor visual, sin tocar codigo.
Para vos como dueno de tienda, la diferencia practica es:
- El checkout carga mas rapido porque usa tecnologia mas moderna.
- Es mas facil de personalizar usando el editor de bloques de WordPress.
- Tiene un diseño mas limpio y moderno por defecto.
- Soporta nuevas funcionalidades de WooCommerce que el checkout clasico no puede usar.
Checkout clasico vs checkout por bloques
Veamos las diferencias principales en terminos concretos:
Checkout clasico
- Usa el shortcode
[woocommerce_checkout]. - La estructura esta definida por templates PHP que vienen con WooCommerce o con tu tema.
- Personalizar requiere editar archivos PHP o usar plugins adicionales.
- Funciona bien, pero es una tecnologia de hace 10 anios.
- Muchos plugins fueron desarrollados para este checkout, asi que la compatibilidad es amplia.
Checkout por bloques
- Usa bloques del editor de WordPress.
- La estructura se modifica visualmente desde el editor, arrastrando y soltando bloques.
- Personalizar es mucho mas accesible: podes cambiar el orden de los campos, agregar texto, imagenes o bloques personalizados sin programar.
- Carga mas rapido gracias a que usa React en el frontend.
- Soporta funcionalidades nuevas como el Local Pickup integrado de WooCommerce.
En resumen: el checkout por bloques es la evolucion natural del checkout de WooCommerce. No es que el clasico sea malo, pero el de bloques es mejor en casi todos los aspectos.
Por que WooCommerce hizo el cambio
WooCommerce decidio migrar al checkout por bloques por varias razones:
- Rendimiento: el checkout por bloques carga mas rapido porque usa tecnologia moderna de renderizado. Esto es especialmente importante en mobile, donde la velocidad de carga impacta directamente en las conversiones.
- Mejor experiencia mobile: el checkout por bloques esta disenado desde cero para funcionar bien en pantallas chicas. Los campos se adaptan mejor, los botones son mas grandes y el flujo es mas intuitivo.
- Personalizacion sin codigo: los duenos de tiendas quieren poder personalizar su checkout sin contratar un desarrollador. El editor de bloques lo hace posible.
- Alineacion con WordPress: WordPress esta migrando todo hacia el editor de bloques. WooCommerce sigue esa direccion para mantenerse integrado con el ecosistema.
A partir de WooCommerce 8.3+, las instalaciones nuevas usan el checkout por bloques por defecto. Las tiendas existentes pueden migrar cuando quieran, y WooCommerce ofrece herramientas para hacer la transicion de forma gradual.
El problema de compatibilidad con plugins
Aca es donde las cosas se ponen importantes. Al igual que con HPOS (High-Performance Order Storage), el checkout por bloques requiere que los plugins sean especificamente compatibles.
En el checkout clasico, los plugins agregaban campos, botones y opciones usando "hooks" de PHP, un sistema que lleva anios funcionando y que todos los desarrolladores de WooCommerce conocen. El checkout por bloques usa un sistema completamente diferente basado en JavaScript y React. Esto significa que un plugin que funcionaba perfecto en el checkout clasico puede no funcionar en el de bloques si no fue actualizado.
Los plugins mas afectados son:
- Plugins de envio: que muestran opciones, selectores o campos adicionales en el checkout (como selectores de sucursales, horarios de entrega, etc.).
- Plugins de pago: que agregan metodos de pago o modifican el formulario de pago. Te recomendamos revisar nuestra guia sobre los mejores plugins de pago para WooCommerce en Argentina para asegurarte de usar opciones compatibles.
- Plugins de personalizacion del checkout: que agregan campos extra, mensajes o modifican el layout.
Si un plugin no soporta el checkout por bloques, sus opciones simplemente no aparecen en el checkout. El cliente no ve el campo, el selector o la opcion que el plugin deberia mostrar. Esto puede causar problemas serios: imaginate que tu selector de sucursales no aparece y el cliente no puede elegir donde retirar su paquete.
Por eso, antes de migrar al checkout por bloques, es fundamental verificar que todos los plugins que afectan al checkout sean compatibles. Si queres reducir el abandono de carrito en tu tienda, asegurar la compatibilidad del checkout es uno de los primeros pasos. Lee mas sobre esto en nuestra guia de como reducir el abandono de carrito en Argentina.
Como saber que checkout usa tu tienda
Verificarlo es muy simple:
- En tu panel de WordPress, anda a Paginas y busca la pagina de Checkout (o "Finalizar compra").
- Editala.
- Si ves bloques en el editor (como "Checkout" de WooCommerce con sub-bloques para direccion, envio, pago, etc.), estas usando el checkout por bloques.
- Si ves un shortcode
[woocommerce_checkout]en el contenido, estas usando el checkout clasico.
Cambiar de uno a otro es tan simple como editar esa pagina: podes borrar el shortcode e insertar el bloque de Checkout de WooCommerce, o viceversa. WooCommerce incluso te puede ofrecer un boton para hacer la conversion automaticamente.
Nuestra guia completa de WooCommerce en Argentina cubre la configuracion general de tu tienda, incluyendo como optimizar el checkout para el mercado argentino.
Correo Argentino Pro y el checkout por bloques
Correo Argentino Pro es totalmente compatible con ambos tipos de checkout: el clasico y el de bloques. Todas las funcionalidades del plugin funcionan de forma identica en los dos:
- Cotizacion de envio en tiempo real: las tarifas de Correo Argentino se calculan y muestran automaticamente, tanto en el checkout clasico como en el de bloques.
- Selector de sucursales con mapa interactivo: el mapa de sucursales funciona perfectamente en ambos checkouts. El cliente puede buscar, usar geolocalizacion y seleccionar sucursal sin importar que version de checkout uses.
- Multiples metodos de envio: podes ofrecer envio a domicilio, retiro en sucursal o ambos, y todo se muestra correctamente en cualquier checkout.
- Datos del envio en el pedido: toda la informacion (sucursal elegida, cotizacion, tipo de envio) se guarda en el pedido de WooCommerce de forma nativa.
No necesitas configurar nada distinto segun el tipo de checkout que uses. Instala el plugin, configura tus metodos de envio y Correo Argentino Pro detecta automaticamente que tipo de checkout tiene tu tienda y se adapta. Podes ver el proceso completo en nuestra guia sobre como integrar Correo Argentino con WooCommerce.
Nuestra recomendacion
Si estas creando una tienda nueva, usa el checkout por bloques. Es el estandar actual de WooCommerce, carga mas rapido, se ve mejor y te da mas flexibilidad para personalizar.
Si tenes una tienda existente con el checkout clasico, no hay urgencia por migrar, pero te conviene planificarlo. Antes de hacer el cambio:
- Verifica que todos tus plugins de envio, pago y checkout sean compatibles con bloques.
- Hace la migracion en un entorno de pruebas o de staging primero.
- Proba el checkout completo (seleccionar producto, elegir envio, pagar) para asegurarte de que todo funcione.
- Una vez que este todo bien, activa el cambio en produccion.
Con Correo Argentino Pro no tenes que preocuparte por la compatibilidad: el plugin funciona en ambos checkouts sin ningun ajuste. Proba el plugin gratis por 15 dias y comprobalo vos mismo.
Si tenes dudas sobre como migrar tu checkout o sobre la compatibilidad con tus plugins, visita nuestras preguntas frecuentes o contactanos y te ayudamos.