Widgets en WooCommerce

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

Para no hacer tan larga esta lecci√≥n y puedas entenderla mejor, te recomiendo que leas primero la lecci√≥n del curso de WordPress widgets en WordPress, si a√ļn no lo has hecho.

√ć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 WooCommerce, 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
    Astra Theme

    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, sitios web corporativos 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 entrada y compartirla en tus redes sociales. De esta manera me animas a continuar trabajando en este proyecto y ayudas a otras personas que desean aprender.

    (2 votos, promedio: 5 de 5)

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

    ¬ŅMe invitas un caf√©?

    Todo el contenido que puedes encontrar en este sitio web es gratis y siempre lo será pero, mantenerlo, requiere de muchos cafés y muuuuchas horas . Si te gusta mi trabajo y te está ayudando, considera invitarme un café para apoyarme y apoyar este proyecto. ¡Te invito 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
    Search
    Generic filters

    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@cursowordpress.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.

    Tratamiento de datos personales

    • Responsable: MARIA ANTONIETA BEAUTY CONCEPT, S.L.
    • Finalidad: Moderar y responder comentarios de usuarios.
    • Derechos: Podr√°s ejercer tus derechos de acceso, rectificaci√≥n, limitaci√≥n y suprimir los datos en legal@cursowordpress.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.