Cómo mostrar productos recomendados en WooCommerce (3 modos simples)

¿Busca una manera fácil de mostrar los productos de WooCommerce presentados en su sitio? Con la categoría de productos presentada, puede mostrar los productos más importantes, donde los compradores pueden verlos más fáciles. Por lo tanto, puede ofrecer instantáneamente a los usuarios lo que desean, mejorando la experiencia del usuario y finalizando las ventas más rápido. Este artículo le mostrará 3 formas de agregar productos presentados a su tienda WooCommerce. ¿Cuáles son los productos de WooCommerce recomendados? Los productos presentados son una ID de categoría en WooCommerce que le permite presentar ciertos artículos en su tienda. Después de establecer un producto de WooCommerce como “destacado”, puede mostrarlo en su sitio separado de otros productos.
Por ejemplo, puede permitir que los compradores filtren la visibilidad de su catálogo de productos después de “presentado” para mostrar los productos que recomienda. Como resultado, es más fácil para los compradores encontrar los mejores productos sin correr a través de cada producto en su sitio web. ¿Cómo se establece un producto recomendado en WooCommerce? Antes de mostrar los productos presentados en su sitio web, primero debe establecer ciertos productos con la configuración de visibilidad del producto “presentado”. Puede hacerlo editando un producto existente o agregando un nuevo producto a WoCommerce. Para agregar la configuración del “producto recomendado” a un producto existente, vaya a productos »Todos los productos en su área de administración de WordPress. Luego cruce el mouse sobre un producto y haga clic en la opción Editar.

Luego busque el panel de “publicación” en el lado derecho del editor de WordPress. Desde allí, haga clic en Editar junto al título “Visibilidad del catálogo”.

Ahora puede hacer clic en el cuadro de selección “Este es un producto recomendado” y seleccione Aceptar. Ahora haga clic en Actualizar para guardar los cambios. Repita este proceso para cada producto que desee establecer según lo presentado. Para acelerar las cosas, puede hacer clic en la opción de edición rápida y encontrar la casilla de verificación “Producto recomendado” en el panel respectivo.

Alternativamente, puede hacer clic en el icono de estrella al lado de cada producto para presentarlo.

Después de haber elegido qué productos presentar en su sitio web de WooCommerce, está listo para mostrarlos en las páginas de productos. Te mostraremos cómo hacer eso más. ¿Cómo muestro productos recomendados en WooCommerce? Hay varias formas de mostrar productos presentados en su sitio web de WooCommerce. En primer lugar, compartiremos un método muy simple que le permite personalizar la alimentación del producto para que se ajuste al estilo de su sitio y la marca sin código. El segundo y tercer método ofrece menos opciones de personalización, pero le permite mostrar productos presentados con wooCommerce incorporados y códigos cortos.

contenido
Método 1: Mostrar productos de WooCommerce recomendados con SeedProd
Método 2: Use productos recomendados por WooCommerce Widget
Método 3: Uso del código corto para productos de WooCommerce recomendados
Método 1: Mostrar productos de WooCommerce recomendados con SeedProd El primer método utilizará SeedProd para mostrar más productos presentados en la página en WooCommerce.
Seedprod es uno de los mejores creadores de sitios web de WordPress con más de 1 millón de usuarios. Le permite crear cualquier tipo de sitio web con su poderoso generador de deslizamiento y colocación, sin la necesidad de codificación. Puede crear un tema personalizado de WordPress con el generador de temas de WordPress fácil, puede construir una tienda en línea completa con su integración de WooCommerce y usted Puede usar el potente generador de páginas para crear páginas de destino de alta conversión.

Seedprod también ofrece varios bloques y secciones para ayudar a personalizar cada lado de su sitio. Por ejemplo, los propietarios de sitios web de WooCommerce pueden usar etiquetas de plantilla de WooCommerce para mostrar datos dinámicos sobre cualquier lugar. Además, las redes de productos flexibles le permiten crear hermosos modelos de productos para involucrar y convertir compradores.
Dado esto, aquí le mostramos cómo mostrar los productos de WooCommerce con la configuración con SeedProd. Paso 1. Instale y active SeedProd El primer paso es instalar SeedProd en su sitio web de WooCommerce.

Comience con Seedprod hoy
Puede seguir esta guía sobre cómo instalar un complemento de WordPress si necesita ayuda. Después de instalar el complemento. Seedprod.
Puede encontrar la clave de licencia en la sección “Descargas” de su cuenta en el sitio web de SeedProd.
Después de ingresar la tecla de licencia, haga clic en el botón de verificación de la tecla para almacenar la información de su cuenta.

Paso 2. Cree un tema de WooCommerce El siguiente paso es crear una página de producto WooCommerce. Hay 2 formas en que puede hacer esto con SeedProd: tema de WooCommerce precrutado Puede crear un tema de WooCommerce completo importando una plantilla de WooCommerce preparada. La plantilla del tema creará automáticamente todas las páginas que necesita para su tienda WooCommerce. Temas individuales Alternativamente, puede construir diferentes partes de su individuo de la tienda WooCommerce con las plantillas del tema. Usaremos el tema preconstruido para esta guía, porque hace todo por usted automáticamente. Para crear un nuevo tema de WooCommerce, Access Seedprod »Builder de temas y hacer clic en el botón del tema.

Al hacer clic en ese botón, se abrirá WordPress y WooCommerce una biblioteca de temas. Cada tema es 100% receptivo para dispositivos móviles y puede editar el diseño y mirar con el generador de páginas Seedprod.
Pase el mouse sobre cualquier diseño y haga clic en el icono BIF para importarlo al generador de temas. Usaremos el “tema de inicio de WooCommerce” para esta guía. Después de importar el tema, verá todas las diferentes plantillas que componen el diseño de su sitio web. También puede personalizar cada plantilla individual para adaptarla a las necesidades de su sitio con el generador de páginas Seedprod.
Le mostraremos cómo hacer esto personalizando la página de la tienda. Paso 3. Agregue la cuadrícula de productos de WooCommerce recomendada que editaremos la plantilla de la tienda para este paso y utilizaremos la cuadrícula de productos Seedprod para mostrar una serie de productos con la configuración presentada. Encuentre la plantilla de página “almacenar” en el panel en el tablero del generador de temas y haga clic en Editar diseño para abrir el generador de página de deslizamiento y colocación. Las páginas de SeedProd son muy fáciles de usar. Hay bloques y secciones a la izquierda y una vista previa en vivo a la derecha.

Puede editar el diseño existente haciendo clic en cualquier elemento y cambiando la configuración. Por ejemplo, al hacer clic en cualquier producto, se mostrará la configuración de la red de productos, donde pueda:

Cambiar el número de columna

Mostrar productos por tipo y categoría de productos


Muestra la paginación

Cambiar el orden del producto
Puede personalizar las fuentes, las dimensiones de las fuentes, los colores, el espacio y muchos más en la pestaña avanzada.
Agregar contenido a su página es tan fácil. Simplemente tire de un bloque del panel izquierdo y colóquelo en la vista previa. Esto es lo que haremos para agregar productos presentados en la página de su tienda primero, desplácese hacia abajo hasta el panel de bloques de WooCommerce en la barra lateral izquierda. Luego busque el bloque de productos recomendado y tírelo en su página.
Desde allí, haga clic en él para abrir la configuración de bloqueo. Como puede ver, el bloque filtra automáticamente sus productos WooCommerce de acuerdo con la condición de “producto recomendado”.
Todo lo que queda es personalizar la red de productos para que se ajuste a sus necesidades, por ejemplo, es posible que desee que los productos presentados se destaquen más. En este caso, puede cambiar el color de la insignia, puede cambiar el marco de la imagen e incluso puede agregar un título adicional para ayudar a los usuarios a encontrar los productos. Cuando esté satisfecho con la forma en que su página, haga clic en Guardar el Guardar. Ahora puede seguir el mismo proceso para personalizar el resto del nuevo tema de WooCommerce, que incluye:

Archivo de productos

Página del producto

Encabezado y pié de página

Página de blog

La barra lateral
Hogar
Paso 4. Publique el tema de WooCommerce después de agregar productos presentados en su sitio y personalizar su tema, puede hacerlo en vivo en su sitio, acceder a la construcción de temas »y convertir el interruptor de activación del tema Seedprod en la posición” iniciada “.
¡Eso es todo! Ahora puede obtener una vista previa del tema de WooCommerce y ver el aspecto personalizado de los productos presentados.
Método 2: Use los productos recomendados de WooCommerce Widget Otra forma de mostrar productos presentados en su tienda en línea es utilizar los productos Built -In WooCommerce. Puede usarlo para agregar productos recomendados en páginas, publicaciones y barra lateral de su sitio web. Este método no incluye tantas opciones de personalización como el método anterior. Pero si necesita una forma simple de mostrarle los productos más importantes, es una buena solución. Para usar este método, cree o edite una página y haga clic en el icono más (+) del editor de bloques de WordPress para agregar un nuevo bloque. Luego escriba “WoCommerce” en el campo de búsqueda y haga clic en el bloque de productos recomendado. Desde allí, elija un producto de pantalla y haga clic en.
El producto elegido por usted ahora incorporará directamente en su página en la configuración del bloque, puede personalizar lo siguiente:
Descripción
Precio

Cubierta

Opacidad de superposición

También puede llevar a cada producto a un bloque de columna para que el aspecto sea más atractivo. Haga clic en el botón Publicar o actualice cuando esté satisfecho con cómo se ve todo. Luego puede obtener una vista previa de sus productos en vivo en su sitio web.

Puede usar el mismo widget para mostrar los productos presentados en su barra lateral de WooCommerce. Para hacer esto, acceda a los widgets de look », haga clic en el icono más desde cualquier barra lateral y agregue los productos recomendados.
No olvides guardar los cambios; Luego puede visitar cualquier página con esa barra lateral para ver el widget de la barra lateral.
Método 3: Uso del código corto para productos de WooCommerce recomendados El último método que cubriremos es el uso de un código corto para agregar productos de WooCommerce presentados a su tienda en línea. Puede usar este método si usa el editor clásico de WordPress o desea mostrar productos presentados en su WordPress. Para usar el método de código corto, editar o crear una nueva página, luego inserte el siguiente código corto wooCommerce en el editor. [SETRADO_PRODUCTS] Cuando obtenga una vista previa de la página, verá cualquier producto con la configuración “presentada” en una cuadrícula en su página.
Puede personalizar el código corto para mostrar los productos de manera diferente agregando más productos y columnas. Por ejemplo, el código corto podría verse así: [streened_products per_page = “2” columnas = “2”]] Juega con el código corto hasta que encuentre un aspecto que se adapte a su tienda. Las opciones de personalización son limitadas, pero es una manera fácil de poner los productos presentados frente a los clientes. ¡Aquí! Esperamos que este artículo lo haya ayudado a aprender cómo mostrar los productos de WooCommerce presentados en su sitio web. También puede gustarle esta guía sobre cómo mostrar nuevos productos en WooCommerce. Gracias por leer. Síguenos en YouTube, Twitter y Facebook para obtener un contenido más útil para desarrollar su negocio.