Cómo agregar fácilmente el elemento de comparación de productos de WooCommerce a su sitio web

Hoy en día, crear sitios web para tiendas que usan WordPress es muy popular y fácil. Gracias a WooCommerce, el complemento más popular para crear tiendas y muchos temas de WooCommerce de clientes, hoy casi todos pueden hacer una tienda muy rápida. El hecho de que esta forma de crear una tienda sea muy popular habla a favor de la creación diaria de nuevos suplementos que pueden ayudar a mejorar su sitio. La presentación de un producto nunca ha sido más fácil, hay innumerables formas en que puede atraer la atención de los consumidores.
Tal elemento definitivamente está comparando los productos de WooCommerce. Se utiliza para presentar productos seleccionados comparando sus características. Esta forma de presentar es buena para los clientes y para usted. Cuando los clientes quieren decidir sobre un producto en particular, les gusta tener una comparación clara de sus opciones. Puedes hacerlo fácilmente. El complemento que atrajo nuestra atención y que encontramos útil para comparar los productos en la tienda, pero también para muchas otras cosas son los complementos de Qi para el elemento. Esta herramienta tiene una versión gratuita con 60 widgets y una versión premium con más de 40 widgets. Todos los widgets son extremadamente útiles y le permiten agregar elementos hermosos y prácticos a sus páginas en solo unos pocos clics. Las opciones de personalización también son increíbles, por lo que puede elegir fácilmente todos los widgets para que se ajusten sin problemas con el diseño de su sitio.
El widget de comparación de productos se utiliza para mostrar productos con sus características esenciales en un solo lugar y para proporcionar a los clientes información clara. A medida que funciona el widget de comparación de productos.
Cómo hacer una comparación de productos seleccionados
Cómo funciona el widget de comparación de productos

El uso de este widget es muy fácil. Los datos en la tabla se toman directamente del producto en sí, no hay complicaciones ordinarias relacionadas con la introducción manual. Todo lo que tiene que hacer es elegir los productos que estarán en la mesa y la información que los acompañará.
También es importante que estille la mesa, y el widget de comparación de WooCommerce le ofrece muchas opciones para ella. Ciertamente, hay un aspecto predeterminado que obtiene tan pronto como ingrese el widget en la página y verá inmediatamente cómo algunas cosas como las fuentes coinciden con el aspecto de su base. Por lo tanto, con solo un poco de personalización, su mesa puede verse genial. . Una vez que haya agregado los productos y la información sobre ellos, puede comenzar a crear una tabla de comparación de productos. Esta es una vista previa de un producto hecho con el complemento WooCommerce.
Cómo hacer una comparación de productos seleccionados

Una vez que ingrese para editar la página deseada usando Elementor, encontrará el widget de comparación de productos entre los widgets disponibles. Todos los widgets de Qi tienen una apariencia distintiva e íconos rojos.
Al deslizar el widget en el costado, notará que no hay tabla, solo una notificación que dice “Elija los productos deseados”. Por supuesto, primero debe agregar productos. Podrá encontrar todas las configuraciones para este elemento en las pestañas de contenido y estilo. La pestaña avanzada también ofrece varias configuraciones, pero pertenecen al elemento y ya los conoce porque cada elemento lo tiene, no son específicos para ella. Entonces, comencemos. La pestaña de contenido es el lugar donde determinará qué datos estarán en la tabla de comparación de productos. Para empezar, simplemente agregaremos productos.

También podemos elegir el orden en que los productos seleccionados se colocarán en la tabla, ya sea por identificación, dado, al azar …

Los filtros que se mostrarán es una opción que determina qué datos se utilizarán en la tabla de comparación. Actualmente, hay 4 artículos: imagen, título, precio y acciones, es decir. disponibilidad.

Sin embargo, puede elegir cualquier cosa de la lista en el orden que le convenga. Hicimos esta selección para nuestra mesa:

Notará que algunas piezas están haciendo clic, como el nombre del producto que conduce a la página del producto y, por supuesto, “agregar a la canasta”, lo que le permite agregar el producto a la canasta. Por supuesto, no es necesario que el complemento sea parte de su mesa, pero en la mayoría de los casos, será muy útil.

La configuración de los botones está relacionada con el botón de adición en el carrito. Estas configuraciones son importantes si decide agregarlos a la tabla. Hay varios aspectos y tipos de botones disponibles. También puede agregar un icono al botón y hacerlo aún más interesante. Todo depende de sus necesidades, y nuestro consejo es explorar todas las opciones. No viajaremos cada uno por separado porque son intuitivos y también veremos todos los cambios que realice en vivo en el lado derecho de la pantalla y lo comprenderá fácilmente todo por uno., Si ha elegido ser una parte integral de su pantalla. Las estrellas son la forma más común de mostrar una evaluación, no significa que no pueda seleccionar ningún otro icono. La biblioteca de iconos está a su disposición, pero puede agregar su SVG deseado.

Como dije, la pestaña de contenido se usa para seleccionar los datos que se mostrarán y ahora vamos a la pestaña de estilo donde podemos atacar cada elemento seleccionado. La configuración se agrupa y, a primera vista, está claro dónde están la configuración. Por supuesto, pase por cada grupo para ver qué hay allí. Las opciones para elegir colores, bordes, tipografía y tamaño lo sorprenderán cuando haga cuántos detalles puede ajustar.

No queremos pasar por todas las opciones porque estamos seguros de que le resultará interesante explorar y jugar, solo pasaremos por algunas de las importantes. El estilo de imagen es una opción interesante y significativa. Sabemos por experiencia que no todos los productos a menudo tienen una imagen presentada por las mismas dimensiones (la imagen que representa el producto y que está en nuestra tabla). Luego está el problema de que las imágenes en la tabla se mostrarán en diferentes tamaños. Por lo tanto, las opciones cuadradas, el paisaje, el retrato y la personalización son importantes para nosotros, porque nos permiten establecer las imágenes para tener las mismas dimensiones. Otras opciones también son interesantes y las usamos con mayor frecuencia cuando no hay grandes desviaciones en las dimensiones de las imágenes presentadas. El estilo del estilo del botón también es algo que necesitaremos en la mayoría de los casos para ajustar el botón a la base. Aunque tiene la apariencia predeterminada y puede permanecer sin modificación, probablemente desee ajustarla un poco más. Puede cambiar el fondo, toda la tipografía del subtítulo, puede organizar el relleno … y también puede establecer cómo se verá el botón de pasar.

La calificación de estilo, entre otras, incluye opciones para cambiar el tamaño de los iconos utilizados, lo que puede ser importante para usted, pero también para el espacio entre ellos y para estilizar las piezas marcadas y sin marcar.

Y así es como se ve cuando damos imaginación gratuita … verá que el último producto no tiene calificación, el motivo, no lo evaluó y, como puede ver, ese campo está vacío. Si molesta un campo vacío, puede reemplazar fácilmente el campo de evaluación con otro elemento. Por supuesto, una vez que se establece una tabla, los datos en ella pueden modificarse … en conclusión

Hay muchos tipos diferentes de compradores, pero en general, a todos les gusta una tabla de comparación de productos. Como puede ver, con los complementos de Qi, agregar comparaciones de productos es lo más fácil posible, por lo que no necesita dudar, incluso si es un principiante de WordPress completo: puede agregar tablas hermosas y personalizadas sin esfuerzo y sin esfuerzo sin invertir sin invertir Demasiado de tu tiempo en él. Una vez que comprenda cómo funcionan los suplementos de Qi simples, sin duda estará interesado en agregar elementos más útiles a su tienda web, al resaltar el texto. Ciertamente, hay muchas formas diferentes de hacer que su sitio web sea más cautivador y atractivo, sin mencionar que es rentable.

Esperamos que este artículo haya sido útil. Si le gustó, ¡no dude en consultar algunos de estos artículos!

Cómo agregar fácilmente un punto de acceso de imagen a WordPress

Temas de WordPress más atractivos para aplicaciones

Temas de WordPress diseñados para el comercio electrónico para cualquier negocio