[{"data":1,"prerenderedAt":-1},["ShallowReactive",2],{"blog-post-eCommerce-checkout-flow-examples-es":3,"es-cms-blog-eCommerce-checkout-flow-examples":3},{"title":4,"slug":5,"publishDate":6,"category":7,"body":8,"metaTitle":9,"metaDescription":10,"metaImageAlt":11,"createdAt":12,"updatedAt":13,"publishedAt":14,"locale":15,"coverImage":16,"metaImage":17,"author":18},"Checkout en tienda online: ejemplos y buenas prácticas para diseñar el proceso perfecto ","eCommerce-checkout-flow-examples","2023-02-07","eCommerce Trends","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.  \n\nPor 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. \n\n## ¿Qué es el checkout en eCommerce?\n\nEl _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. \n\n### Pasos clave en el proceso de checkout de una tienda _online_\n\n1. Encontrar el producto o productos deseados\n2. Añadir al carrito\n3. Iniciar sesión o pasar por caja como invitado\n4. Revisar toda la información del pedido\n5. Completar la información de envío y pago \n6. Efectuar el pago \n7. Esperar por la página de confirmación\n\n![230131_CheckoutFlowImage_ES.jpg](https://assets.motive.co/cms/230131_Checkout_Flow_Image_ES_2291006b4f.jpg)\n\n## Buenas prácticas en el checkout de una tienda online\n\n### 1. Crea buenas páginas de producto, de esas que venden por sí solas\nSi 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](https://www.motive.co/es/blog/best-ecommerce-product-page-examples-2023). \n\n**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.  \n\n### 2. Haz que el botón «Añadir al carrito» atraiga todas las miradas\nLa opción «Añadir al carrito» tiene que ser visible y accesible siempre. \n\nUno de los mejores ejemplos de esto lo encontramos en [Mango](https://shop.mango.com/es/hombre/americanas-vestir/americana-traje-slim-fit-algodon_37010077.html?c=03). 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.\n\nEsta 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**. \n\n¿Cuál es la parte positiva de todo esto, el efecto colateral? Que el comprador acabe metiendo en la cesta más productos. \n\n![Mango.png](https://assets.motive.co/cms/Mango_b4591d72fb.png)\n\nHay 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. \n\nHay muchas formas de mostrar los productos añadidos al carrito. Las más habituales son la opción de desplegable (como [Zalando](https://www.zalando.es/)) o las ventanas emergentes superpuestas o lightbox (como [Wilson](https://www.wilson.com/es-es))\n\n![Zalando_Wilson.png](https://assets.motive.co/cms/Zalando_Wilson_cce966a2e6.png)\n\n### 3. Ofrece la opción de comprar como invitado\nEl 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](https://www.zara.com/es/) hace posible que todo el mundo pueda comprar en su tienda _online_ aunque no tenga cuenta. \n\n![Zara.png](https://assets.motive.co/cms/Zara_9f06191b8e.png)\n\nEn 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. \n\nSi 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.  \n\n### 4. No satures a los consumidores con información\n\nCuanto 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. \n\nSi 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](https://eu.heyharpershop.com) 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.\n\n![HeyHarper.png](https://assets.motive.co/cms/Hey_Harper_7db48985ec.png)\n\n### 5. Muestra una vista previa del pedido\nEn 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_.  \n\nAsí lo hace [Pompeii](https://www.pompeiibrand.com/). 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. \n\n![Pompeii.png](https://assets.motive.co/cms/Pompeii_8d677eba7b.png)\n\n### 6. Simplifica la información de pago y envío\nLa 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](https://www.ikea.com/es/es/). \n\nLa 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. \n\n![Ikea.png](https://assets.motive.co/cms/Ikea_409e58136f.png)\n\n### 7. Muestra mensajes de error (y explícalos)\nEn 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. \n\nPor ejemplo, [Nike](https://www.nike.com/es/) muestra con claridad a sus clientes cuál es esa información imprescindible para poder continuar. \n\n![Nike.png](https://assets.motive.co/cms/Nike_1ed8617d68.png)\n\n### 8. Ofrece diferentes opciones de pago\nUn 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. \n\nNormalmente, 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. \n\nTambié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.  \n\n![Adidas.png](https://assets.motive.co/cms/Adidas_71f5f8e6e4.png)\n\n### 9. Confirma el pago\nNormalmente, 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. \n\n### 10. Tira de creatividad en la página de agradecimiento\nUna 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. \n\n![CheckoutFlow.png](https://assets.motive.co/cms/Checkout_Flow_9c72197749.png)\n\nPero 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_. \n\nSi 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. \n\n## _Cross-selling_ y _upselling_ en el _checkout_ de tu tienda _online_\nTambié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_.\n\n### ¿Cuál es la diferencia entre _cross-selling_ y _upselling_?\nBá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. \n\nMuchos _eCommerce_ recurren a estas estrategias de venta en sus procesos de _checkout_, pero no son rigurosamente necesarias. \n\n### Algunos ejemplos de _cross-selling_ o venta cruzada en eCommerce\nEl _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. \n\nLa empresa tecnológica británica [Currys](https://www.currys.co.uk/) 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. \n\n![Currys.png](https://assets.motive.co/cms/Currys_6ef39c902f.png)\n\n## Las 10 claves para un crear un checkout en tienda online que convierta\nEn resumen, para crear un buen flujo de pago y conseguir aumentar las ventas en tu tienda online: \n\n1. Crea una página de producto que venda por sí sola\n2. Haz que el botón «Añadir al carrito» atraiga todas las miradas \n3. Ofrece la opción de comprar como invitado\n4. Evita saturar de información al comprador\n5. Muestra una vista previa del pedido\n6. Simplifica la información de envío y facturación\n7. Muestra y explica los mensajes de error \n8. Ofrece diferentes opciones de pago\n9. Confirma siempre el pago \n10. Sé creativo con la «Thank you page»","Checkout en tienda online: cómo diseñar el proceso perfecto","10 trucos que toda tienda online debería conocer para aumentar la tasa de conversión - con ejemplos de grandes marcas.","checkout tienda online móvil ","2023-02-07T11:32:06.545Z","2023-02-08T15:26:00.603Z","2023-02-07T12:04:24.372Z","es","https://assets.motive.co/cms/230130_Checkout_Flow_Cover_ES_98ee0885b5.jpg","https://assets.motive.co/cms/230130_Checkout_Flow_OG_ES_a4119a4bd2.jpg",{"fullName":19,"email":19,"jobTitle":19},""]