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
    Agrega un encabezado para comenzar a generar la tabla de contenidos

    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.

    https://es.wordpress.org/plugins/sidebar-manager/

    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.

    (3 votos, promedio: 5 de 5)

    Facebook
    Twitter
    WhatsApp
    Telegram
    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.

    0 Comentarios
    Inline Feedbacks
    Ver todos los comentarios

    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.
    0
    驴Dejas un comentario? Gracias!x
    Resumen de privacidad
    Curso de WordPress

    Utilizamos cookies propias y de terceros para fines anal铆ticos y para mostrarte publicidad personalizada o a partir de tus h谩bitos de navegaci贸n. Puedes cambiar la configuraci贸n u obtener m谩s informaci贸n consultando la聽pol铆tica de cookies.

    La informaci贸n de las cookies se almacena en tu navegador y realiza funciones tales como reconocerte cuando vuelves a nuestra web o ayudar a nuestro equipo a comprender qu茅 secciones de la web encuentras m谩s interesantes y 煤tiles.

    Cookies estrictamente necesarias

    Las cookies estrictamente necesarias tiene que activarse siempre para que podamos guardar tus preferencias de ajustes de cookies.

    Cookies de terceros

    Esta web utiliza Google Analytics para recopilar informaci贸n an贸nima tal como el n煤mero de visitantes del sitio, o las p谩ginas m谩s populares.

    Dejar esta cookie activa nos permite mejorar nuestra web.