Hoy en día, crear sitios web de tiendas utilizando WordPress es muy popular y sencillo. Gracias a WooCommerce, el complemento más popular para crear tiendas y muchos más fáciles de usar para el cliente. Temas de WooCommercehoy casi todo el mundo puede hacer una gran tienda muy rápidamente.
El hecho de que esta forma de crear una tienda sea muy popular habla a favor de la creación diaria de Nuevos complementos que pueden contribuir a la mejora de su sitio.. Presentar un producto nunca ha sido tan fácil, existen innumerables formas de llamar la atención de los consumidores.
Uno de esos elementos es sin duda Comparación de productos WooCommerce. Es usado para presentar productos seleccionados comparando sus características. Esta forma de presentación es buena tanto para los clientes como para usted. Cuando los clientes quieren decidirse por un producto en particular, les gusta tener una comparación clara de sus opciones. Puedes hacerlo fácilmente posible para ellos.
El Addon que nos ha llamado la atención y que nos ha resultado útil para comparar productos en tiendas, pero también para muchas otras cosas es Complementos Qi para Elementor. Esta herramienta tiene una versión gratuita con 60 widgets y una versión premium con más de 40 más. Todos los widgets son extremadamente útiles y te permiten agregar elementos hermosos y prácticos. a sus páginas con sólo un par de clics. Las opciones de personalización también son increíbles, por lo que puedes diseñar fácilmente todos los widgets para que coincidan impecablemente con el diseño de tu sitio web.
El widget de comparación de productos se utiliza para mostrar productos con sus características esenciales en un solo lugar y proporcionar a los clientes información clara en un solo lugar.
Usar este widget es muy fácil. Los datos de la tabla se obtienen directamente del propio producto, no existen complicaciones habituales relacionadas con la entrada manual.. Todo lo que necesitas hacer es elige los productos que estarán en la tabla y la información que irá con ellos.
Además, es importante Diseñe la tabla y el widget de comparación de productos WooCommerce le ofrece muchas opciones. para eso. Ciertamente, hay una apariencia predeterminada que obtienes tan pronto como insertas el widget en la página y verás inmediatamente cómo algunas cosas, como las fuentes, coinciden con la apariencia de tu tema. Entonces, con solo un poco de personalización, tu mesa puede verse genial.
Una vez que tengas añadido tus productose información relacionada con ellos, puede comenzar a crear una tabla comparativa de productos. Esta es una vista previa de un producto creado con el complemento WooCommerce.
Una vez que ingrese a editar la página deseada usando Elementor, encontrará el widget de Comparación de productos entre los widgets disponibles. Todos los widgets Qi tienen una apariencia distintiva e íconos rojos.
Cuando usted Arrastre el widget hacia un lado y notará que no hay ninguna tabla, solo una notificación que dice "Elija los productos deseados".“. Por supuesto, primero debes agregar productos. Podrás encontrar todas las configuraciones para este elemento en el Pestañas Contenido y Estilo. La pestaña Avanzado también ofrece varias configuraciones, pero pertenecen a Elementor y ya las conoces porque cada elemento las tiene, no son específicas de este.
Entonces comencemos. La pestaña de contenido es donde podrás determine qué datos estarán en su tabla de comparación de productos. Para empezar, simplemente agregar productos.
Además, podemos elegir el orden en el que se colocarán los productos seleccionados en la tabla, ya sea por DNI, fecha, aleatorio…
Filtros para mostrar es una opción que determina qué datos se utilizarán en la tabla de comparación. Actualmente, hay 4 elementos: imagen, título, precio y stock, es decir. disponibilidad.
Sin embargo, puede elegir cualquier cosa de la lista en el orden que más le convenga. Hemos hecho esta selección para nuestra mesa:
Notarás que se puede hacer clic en algunas partes, como el nombre del producto que lleva a la página del productoy, por supuesto, 'añadir al carrito', que le permite agregar el producto al carrito en el instante. Naturalmente, no es necesario que el complemento al carrito forme parte de tu mesa, pero en la mayoría de los casos te resultará muy útil.
La configuración del botón está relacionada con el botón Agregar al carrito.. Estas configuraciones son importantes si decide agregarlas a la tabla. Hay varios diseños y tipos de botones disponibles. También puedes agregar un ícono al botón y hacerlo aún más interesante. Todo depende de tus necesidades y nuestro consejo es explorar todas las opciones. No analizaremos cada uno por separado porque son intuitivos y también ves todos los cambios que realizas en vivo en el lado derecho de la pantallay muy fácilmente entenderás todo por ti mismo.
Las opciones de calificación están vinculadas a las calificaciones de visualización, lógicamente, si ha elegido ser una parte integral de su visualización. Aunque las estrellas son la forma más común de mostrar una calificación, eso no significa que no puedas seleccionar ningún otro ícono. La biblioteca de iconos está a tu disposición, pero también puedes agregar tú mismo el SVG que desees.
Como dijimos, la pestaña Contenido sirve para seleccionar los datos a mostrar y ahora pasamos a la pestaña Estilo donde podemos darle estilo a cada elemento seleccionado.
Las configuraciones están agrupadas y, a primera vista, está claro dónde están. Eso sí, recorre cada grupo para ver qué hay. Las opciones para elegir colores, márgenes, tipografía y tamaño te sorprenderán cuando te des cuenta de cuántos detalles puedes ajustar.
No queremos repasar todas las opciones porque estamos seguros de que te resultará interesante explorar y jugar, solo repasaremos un par de las más importantes.
El estilo de imagen es una opción interesante y significativa.. Sabemos por experiencia que muchas veces no todos los productos tienen una imagen destacada de las mismas dimensiones (la imagen que representa el producto y que también está en nuestra tabla). Entonces surge el problema de que las imágenes de la tabla se mostrarán en diferentes dimensiones. Por eso Cuadrado, Paisaje, Retrato y Las opciones personalizadas son importantes para nosotros porque nos permiten configurar las imágenes para que tengan el mismo tamaño.. Otras opciones también son interesantes y las utilizamos con mayor frecuencia cuando no hay grandes desviaciones en los tamaños de las imágenes destacadas.
Opciones de estilo de botón También son algo que necesitaremos en la mayoría de los casos para ajustar el botón al aspecto del tema. Aunque tiene su apariencia predeterminada y puede permanecer sin cambios, probablemente querrás ajustarla un poco más.
Puedes cambiar el fondo, toda la tipografía de los subtítulos, organizar el relleno… Y también puedes configurar cómo se verá el botón de desplazamiento.
Estilo de calificaciónentre otras cosas, incluye opciones para cambiar el tamaño de los iconos utilizados, que pueden ser importantes para usted, pero también para el espacio entre ellos y para la estilización de las partes marcadas y no marcadas de la calificación.
Y así es como se ve cuando dejamos volar la imaginación... Verás que el último producto no tiene calificación, el motivo es que nadie lo calificó y, como puedes ver, ese campo está vacío.. Si le importa un campo vacío, puede reemplazar fácilmente el campo de calificación con algún otro elemento. Por supuesto, una vez que se establece una tabla, los datos que contiene se pueden cambiar...
En conclusión
Hay muchos tipos diferentes de compradores, pero en general, a todos les gusta una tabla de comparación de productos ordenada. Como puede ver, con Qi Addons agregar una comparación de productos es lo más fácil posible, por lo que no hay necesidad de dudar incluso si es un completo principiante en WordPress: puede agregar hermosas tablas de comparación de productos personalizadas sin esfuerzo y sin invertir demasiado de su tiempo en ello. Una vez que domines la sencillez de funcionamiento de Qi Addons, seguramente te interesará agregar más elementos útiles a tu tienda web, como horario de apertura, Widget de proceso de Elementor o tal vez quieras explorar cómo enfatizar contenido específico resaltando texto. Seguramente hay muchas maneras diferentes de hacer que su sitio web sea más atractivo y atractivo, sin mencionar que también sea rentable.
Esperamos que este artículo haya sido útil. Si te gustó, ¡no dudes en consultar algunos de estos artículos también!
- Cómo agregar fácilmente un punto de acceso a imágenes en WordPress
- Temas de WordPress más atractivos para aplicaciones
- Temas de WordPress de comercio electrónico de moda para cualquier empresa
La publicación Cómo agregar fácilmente un elemento de comparación de productos WooCommerce a su sitio web apareció por primera vez en WPKlik.
Deja una respuesta