En la séptima clase del curso de Storefront vamos a modificar una de las páginas más delicadas y sensibles de un eCommerce: El checkout o página de pedido.
7.1 - Modificando el checkout
Si hay una página que merece especial atención en un eCommerce, es el checkout. O sea, la página dónde nos harán el pedido. Es imprescindible tenerla muy pero que muy bien pensada.
O sea que vamos a ver cómo modificarla, qué criterios deberíamos tener en cuenta para hacerlo bien, y mi valoración y preferencias personales, basadas en la experiencia de mis proyectos y clientes. ¡Empecemos!
Ya lo veis, flexibilidad al poder. Pero ojo: Que algo se pueda hacer no quiere decir que se deba hacer. Así pues, ya lo sabéis: Evitad a todas costa los puntos que os he dicho que nunca sigáis, ya que sólo conseguirán bajar la conversión.
Y ahora vamos a por un extra. No es un tema de Storefront, pero si no os hago el vídeo, no me quedo tranquilo: Vamos a hacer un formulario de pago "Zen".
7.2 - Minimizando el checkout
Efectivamente, ha llegado el momento de simplificar cosas. Aunque no tenía pensado hacerlo, he querido hacer este vídeo de "bonus" para que veáis a lo que me refiero con los campos "no necesarios".
Menos es más. Y en el checkout, menos es más ventas. ¡Creedme! Así que vamos a ver cómo simplificarlo al máximo.
¿Os dais cuenta de la diferencia? ¿A que como usuario es muchísimo más atractivo el segundo checkout, que puedes rellenar un un instante? Pues eso se nota en la tasa de conversión. Señores: Los datos a pedir, los mínimos :)
Evidentemente, los deberes de hoy consisten en crear vuestro propio checkout zen, sólo con los elementos mínimos imprescindibles. También os aconsejo eliminar cualquier otra distracción externa, como el menú de navegación, widgets, etc.
Y con esto zanjamos la clase de hoy. Nos vemos en la siguiente, en la que veremos un elemento externo al eCommerce, pero a si vez importantísimo para su buen funcionamiento. ¡Hasta entonces!
Todos los capítulos de este curso:
- Curso de Storefront #1: Instalación y child theme
- Curso de Storefront #2: Personalización
- Curso de Storefront #3: WooCommerce
- Curso de Storefront #4: Homepage
- Curso de Storefront #5: Diseño
- Curso de Storefront #6: Modificando el theme
- Curso de Storefront #7: Página de pedido
- Curso de Storefront #8: Blog
- Curso de Storefront #9: Mega menús
- Curso de Storefront #10: Llamada a la acción