Lección 10

Widgets en WooCommerce

Para no hacer tan larga esta lección y puedas entenderla mejor, te recomiendo que leas primero la lección widgets en WordPress, si aún no lo has hecho.

En esta lección vamos a ver cuáles son y cómo se utilizan los widgets en una tienda online.

Índice del contenido
    Add a header to begin generating the table of contents

    1. Widgets en WooCommerce

    Cuando instalamos WooCommerce, se crean widgets adicionales que podemos usar en las páginas de la tienda y productos.

    Según el tema que estemos utilizando, podremos configurar los widgets desde el tema y asignar diferentes barras laterales entre las páginas de la tienda y productos.

    Para ver los widgets creados por WooCommerce, dirígete al apartado Apariencia >> Widgets.

    Widgets disponibles en WordPress
    Widgets disponibles en WordPress

    Fíjate que, al menos 3 widgets, se configuran teniendo en cuenta las valoraciones y reseñas de los productos.

    En la lección, valoraciones y reseñas en WooCommerce, veremos como se gestionan las reseñas y valoraciones y la importancia que tienen en una tienda online.

    Anuncio publicitario

    2. ¿Dónde se añaden los widgets en WooCommerce?

    Al igual que sucede con los menús, los temas son los que establecen la cantidad y espacios disponibles para añadir widgets en nuestro sitio web.

    Astra, el tema que estamos utilizando en este curso de WordPress, nos ofrece 2 espacios adicionales para añadir widgets en una tienda online:

    • Barra lateral de WooCommerce es donde podremos añadir widgets en las páginas de la tienda online: tienda, archivos, carrito y finalizar compra.
    • Barra lateral del producto es donde podremos añadir widgets solo en los productos.
    Espacio para widgets en Astra
    Espacio para widgets en Astra
    Curso de WordPress

    Uno de los mejores temas que puedes instalar para comenzar a crear un proyecto profesional con WordPress, es Astra. Este tema ofrece una versión gratuita, que puedes instalar desde WordPress y, una de pago, con excelentes opciones de diseño.

    Este tema Multipurpose (múltiples propósitos) es ideal para crear blogs, páginas y tiendas online en una misma instalación.

    No necesariamente tenemos que utilizar estos 2 espacios para añadir widgets en nuestra tienda online. Podríamos utilizar la Barra lateral principal aunque esta suele estar reservada para las entradas y páginas del blog.

    Dependiendo de la configuración de nuestra tienda, de los productos que tengamos creados, si tenemos atributos o no asignados a los productos, si se han hecho valoraciones y comentarios en los productos algunos widgets no se mostrarán.

    Además, algunos widgets relacionados con la tienda, sólo funcionarán en la páginas de la tienda y productos pero no en el resto de nuestro sitio web.

    3. Personalizar widgets con Astra

    Astra, al igual que muchos temas WordPress, permite elegir dónde podemos integrar widgets en nuestra tienda online

    3.1 Desde las opciones del tema

    Dirígete al apartado Apariencia >> Personalizar >> Barra lateral.

    • En el selector WooCommerce podemos seleccionar si queremos que se muestre la barra lateral (izquierda o derecha) en las páginas de la tienda online: tienda, archivos, carrito y finalizar compra.
    • En el selector Producto individual podemos seleccionar la barra lateral en los productos.
    Configuración de la barra lateral en Astra
    Configuración de la barra lateral en Astra

    3.2 Desde cada página (o producto) individual

    Dirígete al apartado Páginas (o Productos) y accede a cualquiera de ellas.

    En cada página (y producto) existe una pestaña llamada Ajustes de Astra donde podemos personalizar las opciones de cada página o productos individualmente.

    Estas opciones tendrán prioridad sobre las opciones generales que hayamos configurado en Apariencia >> Personalizar.

    Ajustes de Astra en un producto individual
    Ajustes de Astra en un producto individual

    4. Sidebars infinitos en nuestra tienda online

    Como hemos visto en el punto 2, Astra solo nos ofrece una barra lateral para añadir widgets en las páginas de la tienda y otra para los productos.

    Imagína que en nuestra tienda online trabajamos con marcas de ropa: Nike, Adidas, Puma y, que cada marca, es una categoría.

    En cierta época del año queremos crear promociones para cada marca y mostrarla en forma de banner en la barra lateral. Por ejemplo, que la promoción de Nike solo aparezca en la categoría Nike pero no en el resto.

    Como Astra por si solo no puede ayudarnos con esta situación, Brainstorm Force, los creadores de Astra, han desarrollado un fantástico plugin con el cual añadir barras laterales infinitas en nuestro sitio web.

    Sidebar Manager es un plugin con el cual podemos crear todas las barras laterales que queramos para nuestro sitio web, asignar los tipos de contenido donde queremos que aparezca e incluso asignar el tipo de usuario al que queremos que se muestren.

    Para instalar el plugin:

    1. Dirígete al apartado Plugins >> Añadir nuevo.
    2. En el campo de búsqueda escribe Sidebar Manager.
    3. Haz clic en Instalar ahora y seguidamente en Activar.

    Al activar el plugin, se creará el apartado Apariencia >> Sidebars, donde se podrán crear todos los sidebars que sean necesarios.

    Barras laterales infinitas con el plugin Sidebar Manager
    Barras laterales infinitas con el plugin Sidebar Manager

    Hemos creado una barra lateral, que utilizaremos solo en la categoría Nike, sin afectar el resto de páginas y productos.

    Barra lateral personalizada con el plugin Sidebar Manager
    Barra lateral personalizada con el plugin Sidebar Manager

    Este plugin funciona con cualquier tema siempre y cuando esté desarrollado respetando las normas de WordPress.

    Anuncio publicitario

    5. Conclusión

    Los widgets en WooCommerce ayudarán al cliente a encontrar el producto que está buscando con más facilidad y nos permitirán mejorar la estética y usabilidad de nuestra tienda online.

    Aunque contamos con una larga lista de widgets para usar en nuestra tienda online, es recomendable usar solo los necesarios de manera que el cliente no se pierda y logre su objetivo que es comprar nuestros productos.

    ¿Te ha gustado?

    Te estaría muy agradecido si pudieras valorar esta lección y compartirla en las redes sociales. De esta manera me animas a continuar trabajando en este curso de WordPress y ayudas a otras personas que desean aprender.

    (1 votos, promedio: 5 de 5)

    Share on facebook
    Facebook
    Share on twitter
    Twitter
    Share on linkedin
    LinkedIn
    Share on telegram
    Telegram
    Share on whatsapp
    WhatsApp
    Share on email
    Email

    Este curso es gratis y siempre lo será pero, mantenerlo, requiere de mucho tiempo y esfuerzo. Si te gusta el curso y te ha ayudado, considera invitarme un café haciendo un pequeño donativo a este proyecto que he creado con el para ti y muchas personas que desean aprender. Las donaciones me ayudan a seguir trabajando en este fantástico curso gratuito. ¿Me invitas un café?.

    Suscríbete y aprende WordPress desde cero.

    No me gusta el SPAM y se que a ti tampoco. Sólo recibirás información útil sobre WordPress.

    Al enviar, confirmas que has leído y aceptas la política de privacidad. Conoce nuestro compromiso con tu privacidad.

    Comparte tu experiencia

    Deja un comentario si tienes alguna duda o cuéntanos cómo ha sido tu experiencia.

    guest
    0 Comentarios
    Inline Feedbacks
    Ver todos los comentarios
    0
    ¿Dejas un comentario? Gracias!x
    ()
    x
    Ir arriba

    Tratamiento de datos personales

    • Responsable: MARIA ANTONIETA BEAUTY CONCEPT, S.L.
    • Finalidad: Suscribirte a la lista de correos electrónicos.
    • Derechos: Podrás ejercer tus derechos de acceso, rectificación, limitación y suprimir los datos en legal@gianoliveira.com, así como el derecho a presentar una reclamación ante una autoridad de control.
    • Destinatarios: Los datos no se cederán a terceros salvo en los casos en que exista una obligación legal.
    • Información adicional: En mi política de privacidad encontrarás información adicional sobre la recopilación y el uso de su información personal incluida información sobre acceso, conservación, rectificación, eliminación, seguridad y otros temas.