Checkout en tienda online: ejemplos y buenas prácticas para diseñar el proceso perfecto
Si hay un detalle que nadie puede olvidar a la hora de poner en marcha un eCommerce, ese es el del checkout en tienda online, el flujo de pago. Tarde o temprano, todos los compradores se enfrentan a esta parte final del proceso de compra y por ello es tan importante que su diseño y funcionamiento sean los adecuados.
Por suerte, ahí fuera puedes encontrar muy buenos ejemplos de checkout en tienda online. Y, en este post, hemos recopilado algunos de ellos para que te sirvan de inspiración. Echa un vistazo a todas las ideas que te enseñamos, utilízalas para optimizar esta última fase del proceso de compra online y, con ello, consigue mejores tasas de conversión en tu tienda.
¿Qué es el checkout en eCommerce?
El checkout en una tienda online es el proceso que deben completar los consumidores para finalizar su compra. Es decir, es eso que ocurre entre que hacen clic en el botón «Comprar» hasta que reciben la confirmación de la transacción.
Pasos clave en el proceso de checkout de una tienda online
- Encontrar el producto o productos deseados
- Añadir al carrito
- Iniciar sesión o pasar por caja como invitado
- Revisar toda la información del pedido
- Completar la información de envío y pago
- Efectuar el pago
- Esperar por la página de confirmación
Buenas prácticas en el checkout de una tienda online
1. Crea buenas páginas de producto, de esas que venden por sí solas
Si los compradores no están añadiendo al carrito productos, da igual lo bueno que sea el checkout de tu tienda online. Por esta razón, se suele decir que un buen proceso de compra en eCommerce (incluida su parte final) empieza en la página de producto.
Una buena página de producto es aquella que ofrece el equilibrio perfecto entre sencillez e información de interés/utilidad. Tiene que responder a las preguntas que los compradores puedan tener y, al mismo tiempo, hacer que cada uno de los artículos resulte irresistible. Para ello, te adelantamos que vas a tener que recurrir a elementos como las migas de pan o breadcrumbs, los menús desplegables, las preguntas frecuentes, etc.
2. Haz que el botón «Añadir al carrito» atraiga todas las miradas
La opción «Añadir al carrito» tiene que ser visible y accesible siempre.
Uno de los mejores ejemplos de esto lo encontramos en Mango. Su «Añadir al carrito» (en este caso «Añadir a la bolsa») permanece siempre visible aunque te desplaces hasta el final de la página de producto. No solo eso. La barra superior también contiene una miniatura del artículo, e información sobre talla, color y precio.
Esta es una práctica muy inteligente y la marca de moda la lleva a cabo de manera impecable. Tener siempre a mano la opción de comprar el artículo en cuestión, lejos de ser intrusivo, resulta de gran ayuda.
¿Cuál es la parte positiva de todo esto, el efecto colateral? Que el comprador acabe metiendo en la cesta más productos.
Hay otro detalle visual imprescindible en esta opción de «Añadir al carrito». Cuando el comprador hace clic en el botón, no acaba en la página de checkout. En lugar de eso, aparece un mensaje confirmando que el artículo se ha añadido a la cesta y con una previsualización de la misma.
Hay muchas formas de mostrar los productos añadidos al carrito. Las más habituales son la opción de desplegable (como Zalando) o las ventanas emergentes superpuestas o lightbox (como Wilson)
3. Ofrece la opción de comprar como invitado
El proceso de checkout tiene que facilitar la compra de los productos de tu catálogo. Crear una cuenta en una tienda online puede hacer más fáciles las compras futuras, pero debes dar la opción a los compradores para que finalicen el proceso como invitados, sin registrarse. Gracias a esta opción, Zara hace posible que todo el mundo pueda comprar en su tienda online aunque no tenga cuenta.
En este punto de la compra, obligar a los clientes a crear una cuenta añade un obstáculo que puede provocar más de un abandono. Para conseguir que se registren, siempre es mejor esperar al final del flujo de pago. Cuando la compra esté confirmada, puedes preguntarles si quieren crear una cuenta con los datos que han utilizado.
Si inevitablemente necesitas que se registren o inicien sesión en su cuenta para comprar, también les puedes facilitar el proceso añadiendo la opción de utilizar su cuenta de Google, por ejemplo.
4. No satures a los consumidores con información
Cuanto más sencillo sea el checkout en tu tienda online, más fácil será que consigas una venta. En cualquier caso, por mucho que quieras simplificar el proceso, vas a tener que preguntar a los compradores por datos como la dirección de envío o la información de pago.
Si muestras a los clientes todos los pasos del flujo de pago, puedes controlar sus expectativas. La marca de joyería resistente al agua Hey Harper es un buen ejemplo de ello al mostrar el proceso de compra al principio de todas las páginas del checkout. Así, sus clientes pueden ver en qué punto están, qué pasos han completado y cuántos les quedan.
5. Muestra una vista previa del pedido
En esta fase final del proceso de compra, es importante que los clientes tengan acceso a una vista previa de lo que están a punto de pagar. ¿Por qué? Porque todo el mundo quiere asegurarse de que está comprando lo correcto. Si ofreces una vista previa de los productos del carrito, se reducen las posibilidades de que el comprador en cuestión abandone el checkout.
Así lo hace Pompeii. En el flujo de pago, muestra el nombre del producto y una imagen del mismo, así como la talla, el precio, los costes de envío y los descuentos aplicados.
6. Simplifica la información de pago y envío
La información de envío y de facturación suele ser la misma, aunque no siempre es así. Puede que, por ejemplo, alguien esté comprando un regalo y quiera enviárselo directamente al destinatario. Por esta razón, necesitas que tus clientes puedan rellenar estos datos por separado. ¿Necesitas ideas? Mira cómo lo hace Ikea.
La conocida marca sueca incluye una casilla que los compradores pueden seleccionar (o no) si quieren utilizar la misma dirección de envío y de facturación. Además de simplificar el checkout, este detalle permite a Ikea evitar la saturación de información y a reducir el número de pasos hasta confirmar la compra.
7. Muestra mensajes de error (y explícalos)
En el flujo de pago hay cierta información necesaria para que el pedido pueda completarse. Cuando el comprador no rellena esos datos, aparecen los mensajes de error. Estos deberían ser claros, concisos e indicar dónde está el problema, para evitar que los compradores se desesperen y abandonen el proceso.
Por ejemplo, Nike muestra con claridad a sus clientes cuál es esa información imprescindible para poder continuar.
8. Ofrece diferentes opciones de pago
Un buen checkout es el que minimiza la fricción en todo momento. Si ofreces diferentes opciones de pago, tus clientes comprarán con tranquilidad y comodidad, puesto que podrán abonar sus pedidos tal y como ellos prefieran.
Normalmente, los pagos se hacen con tarjetas de débito o crédito. Pero hay otras opciones como Apple Pay o Paypal que también debes tener en cuenta. En la página de pagos, deben aparecer los distintivos de seguridad y los logos de las opciones que das. No te olvides de ellos, los necesitas para ganarte la confianza de los compradores.
También existe la opción «Compra ahora, paga más tarde». No es imprescindible, pero cada vez son más los eCommerce que la ofrecen y, seguro, es una razón más para que los tus clientes se decidan a comprar.
9. Confirma el pago
Normalmente, en la misma página donde aparece toda la información del pedido, también se encuentra el botón «Confirmar pago». En cuanto el cliente hace clic en él, la compra queda confirmada.
10. Tira de creatividad en la página de agradecimiento
Una de las formas más habituales de cerrar el proceso de checkout es a través de una página de agradecimiento («Thank you» page). Su principal función es confirmar que el pedido se ha realizado correctamente y que la maquinaria se pone en marcha para que el cliente lo reciba en donde haya elegido.
Pero esta página de agradecimiento también es una buena oportunidad para recordar a tus clientes qué han comprado. Algunas marcas, además, también la utilizan para ofrecer un descuento especial para futuras compras, para enseñar alguno de los productos más populares de su catálogo o, incluso, para conseguir que la gente se suscriba a la newsletter.
Si quieres mejorar tu página de agradecimiento, también puedes añadir la conocida como prueba social o social proof (testimonios, valoraciones, opiniones de clientes) o una encuesta para valorar la experiencia de compra.
Cross-selling y upselling en el checkout de tu tienda online
También puedes utilizar el flujo de pago de tu eCommerce para aumentar el precio medio del carrito. Es decir, para vender más. ¿Cómo? A través de estrategias de venta como las conocidas como cross-selling (o venta cruzada) y upselling.
¿Cuál es la diferencia entre cross-selling y upselling?
Básicamente, la diferencia radica en el objetivo de la venta. La venta cruzada busca que el comprador añada más productos al carrito, ofreciéndole algunos relacionados o complementarios a los que ya tiene en su pedido. El upselling, por su parte, intenta convencer al consumidor para que cambie alguno de los artículos que tiene en la cesta por otro igual, pero de más calidad/valor.
Muchos eCommerce recurren a estas estrategias de venta en sus procesos de checkout, pero no son rigurosamente necesarias.
Algunos ejemplos de cross-selling o venta cruzada en eCommerce
El upselling no siempre es una opción, porque no todas las marcas pueden ofrecer productos de diferentes calidades. Pero el cross-selling sí se ha convertido en una técnica muy habitual. Y funcionan mejor cuanto más conoce la tienda a sus compradores.
La empresa tecnológica británica Currys ofrece ventas cruzadas diferentes dependiendo del producto adquirido. Por ejemplo, a aquellos que compran un televisor les ofrece las opciones de instalación o de reciclaje del antiguo.
Las 10 claves para un crear un checkout en tienda online que convierta
En resumen, para crear un buen flujo de pago y conseguir aumentar las ventas en tu tienda online:
- Crea una página de producto que venda por sí sola
- Haz que el botón «Añadir al carrito» atraiga todas las miradas
- Ofrece la opción de comprar como invitado
- Evita saturar de información al comprador
- Muestra una vista previa del pedido
- Simplifica la información de envío y facturación
- Muestra y explica los mensajes de error
- Ofrece diferentes opciones de pago
- Confirma siempre el pago
- Sé creativo con la «Thank you page»