En la tercera clase del curso intermedio de Storefront vamos a ver cómo modificar el layout de la web, y el diseño del checkout o página de pedido.
Uno de los elementos más delicados de todo eCommerce es, sin duda alguna, el checkout o página de pedido. Se trata de un momento clave en el embudo de conversión, ya que es en ese punto en el que el cliente debe realizar el pago.
Vamos a ver pues, cómo simplificar el checkout y cómo mostrar la información de forma que el proceso sea lo más fluido posible, y consigamos aumentar al máximo ese ratio de conversión.
De paso, veremos cuales son aquellas buenas prácticas a nivel de marketing a tener en consideración cuando diseñamos la página de pago. ¡Empecemos!
¡Ya lo veis! Eliminando distracciones y mostrando la información de forma natural podemos lograr un checkout mucho más usable. Comparad el que nos hemos encontrado en el principio de la clase con el que hemos dejado al final. Se nota la diferencia, ¿verdad?
Un punto que vale la pena destacar es que siempre que sea posible, deberíamos evitar añadir pasos innecesarios, como el checkout de dos pasos que nos plantea el plugin, ya que en el embudo de conversión se ve claramente como implica más abandonos.
Hoy os propongo que creéis un checkout libre de distracciones, y con los mínimos elementos posibles, para evitar pedir o mostrar información de más. ¡Lean checkout!
Como siempre, si tenéis cualquier pregunta, podéis mandarla a través del formulario de soporte. ¡Nos vemos en la siguiente lección! :)
Todos los capítulos de este curso:
- Curso intermedio de Storefront #1. Instalación
- Curso intermedio de Storefront #2. Modificar CSS
- Curso intermedio de Storefront #3. Layout y checkout
- Curso intermedio de Storefront #4. Encabezado y pie de página
- Curso intermedio de Storefront #5. Homepage
- Curso intermedio de Storefront #6. Página de producto
- Curso intermedio de Storefront #7. Mensajes informativos
- Curso intermedio de Storefront #8. Página de tienda
- Curso intermedio de Storefront #9. Usabilidad móvil
- Curso intermedio de Storefront #10. Detalles finales