Bienvenidos a la séptima entrega del curso de WooCommerce, en el que vemos cómo sacarle el máximo partido a nuestro eCommerce con funcionalidades extra.
Hoy veremos cómo mejorar la página de producto de WooCommerce añadiendo zoom en la imagen del producto, slider en las miniaturas y con el uso de vídeos.
7.1 - Zoom en la imagen de producto de WooCommerce
Lo primero que veremos será cómo incorporar un zoom en la imagen de WooCommerce. Esto nos será muy útil especialmente en el caso que tengamos un producto con muchos detalles, ya que el cliente lo podrá examinar mucho mejor con la "lupa" que incorporaremos.
Por otra parte, también añadiremos una funcionalidad en cuanto a las miniaturas de imagen. Por defecto el comportamiento de WooCommerce es abrirlas en un lightbox (una especie de layer o popup), o directamente en el navegador (horror). Veremos cómo hacer que la imagen destacada vaya alternando a medida que el cliente va haciendo clic en las imágenes en miniatura, ya que estas van a ir apareciendo en el lugar de la principal.
Como podéis ver, tanto el zoom como el slider de miniaturas son unas funcionalidades muy cómodas y prácticas, que ofrecen una mejor usabilidad, y de rebote, más conversiones. :)
7.2 - Añadir vídeos a productos de WooCommerce
Momento ahora para trabajar con vídeos. Evidentemente que podemos añadir un vídeo en el propio texto del producto, pero en ocasiones queremos que este tenga su propia pestaña, especialmente si hay varios de ellos y no quedan bien con el diseño. Veamos cómo hacerlo de forma súper rápida:
¡Ya está! ¿Fácil verdad? Fijaros cómo hemos logrado de una forma fácil añadir tres funciones (zoom, slider y vídeos) en todos los productos de nuestra catálogo. Evidentemente no hace falta que las activéis todas, pero al menos deberíais valorar cuáles os parecen más interesantes en vuestro caso. :)
En fin, hasta aquí la clase de hoy. Ya sabéis que si tenéis cualquier duda, pregunta o sugerencia, podéis contactar conmigo y os la resuelvo encantado.
¡Nos vemos en la siguiente clase!
Todos los capítulos de este curso:
- Curso de WooCommerce Intermedio #1: Facturas, albaranes y numeración consecutiva
- Curso de WooCommerce Intermedio #2: Descuentos por volumen
- Curso de WooCommerce Intermedio #3: Lista de los deseos
- Curso de WooCommerce Intermedio #4: WooCommerce para comercios
- Curso de WooCommerce Intermedio #5: Filtrar productos en WooCommerce
- Curso de WooCommerce Intermedio #6: Importar y exportar productos en WooCommerce
- Curso de WooCommerce Intermedio #7: Zoom, diapositivas y videos
- Curso de WooCommerce Intermedio #8: Mejorar productos variables
- Curso de WooCommerce Intermedio #9: Mejorar listados de productos
- Curso de WooCommerce Intermedio #10: Modificaciones masivas en WooCommerce