Cómo usar el bloque WooCommerce de productos destacados

Presentar un producto específico en su tienda en línea puede ser una forma efectiva de aumentar sus ventas. Por ejemplo, es posible que desee exhibir su artículo más nuevo en su página de inicio o promocionarlo en una publicación de blog. Afortunadamente, el bloque Producto destacado de WooCommerce le permite resaltar fácilmente cualquier producto en su sitio de WordPress.

En este artículo, veremos más de cerca el bloque Producto destacado y le mostraremos cómo agregarlo a su sitio. También discutiremos algunas de las mejores prácticas para usar esta función de manera efectiva.

¡Empecemos!

Cómo agregar el bloque WooCommerce de productos destacados a su publicación o página

El bloque Producto destacado le permite mostrar un artículo en particular en una publicación o página. Esto puede alentar a los clientes a agregar ese producto a sus carritos de compras, lo que puede generar mayores ganancias para su tienda WooCommerce.

Para usar este bloque, abra la página o publicación donde desea mostrar su artículo especial. Luego, haga clic en el signo más (+) para agregar un nuevo bloque y use la barra de búsqueda para buscar la opción «Producto destacado»:

Una vez que inserte el bloque, se le pedirá que seleccione el producto que desea mostrar. Puede elegir un elemento de la lista disponible o buscarlo usando la barra de búsqueda:

Seleccione su producto una vez que lo haya encontrado y haga clic en Listo. El bloque mostrará el elemento seleccionado:

Tenga en cuenta que esta función solo está disponible si está utilizando WooCommerce . Si el complemento está activado en su sitio, también obtendrá acceso a todos los demás bloques de WooCommerce en el Editor de bloques.

Producto destacado Configuración y opciones de bloque de WooCommerce

Si lo desea, el bloque Productos destacados se puede personalizar para que se adapte mejor a la funcionalidad y el estilo de su sitio. Si hace clic en el bloque, obtendrá una barra de herramientas con seis configuraciones principales:

Aquí hay una descripción general rápida de cada opción:

  1. Cambiar tipo o estilo de bloque: Puedes transformar este elemento en un bloque de Grupo o Columnas .
  2. Cambiar alineación: puede seleccionar un diseño de ancho completo o ancho.
  3. Cambiar la alineación del texto: puede alinear el texto dentro del bloque a la izquierda, a la derecha o al centro.
  4. Reemplazar: puede cambiar la imagen dentro del bloque.
  5. Editar: puede usar esta opción para reemplazar el producto destacado con un artículo diferente.
  6. Opciones: puede copiar el bloque, agruparlo, agregarlo a sus Bloques reutilizables o eliminarlo.

Configuración del botón CTA

Además, puedes modificar el botón Call To Action (CTA) dentro del bloque. Todo lo que necesita hacer es hacer clic en él y aparecerá una barra de herramientas dedicada:

Por ejemplo, edita el texto en el botón, cambia su alineación y formatea su estilo. También puede editar el enlace a la página del producto y configurarlo para que se abra en una nueva pestaña.

También puedes encontrar más configuraciones para el botón CTA en el panel de la derecha:

Aquí puede cambiar la fuente y el estilo del texto. También puede elegir un color diferente para el texto y el botón.

Ajustes de bloque

Ahora, volvamos al bloque. Cuando lo seleccione, también verá algunas configuraciones adicionales en el panel de la derecha:

De forma predeterminada, el bloque Producto destacado muestra la descripción y el precio de su producto. Sin embargo, tiene la opción de ocultar esta información. Todo lo que tienes que hacer es alternar el interruptor correspondiente.

También puede cambiar el color de superposición del bloque y ajustar su opacidad:

Mientras tanto, el selector de punto focal le permite cambiar el objeto dentro del bloque. En nuestro ejemplo, esta es la camiseta:

Por ejemplo, es posible que desee mover la imagen principal hacia la parte superior del bloque para que el texto sea más visible. Puede hacerlo arrastrando el pequeño círculo por el campo Selector de punto focal o definiendo valores en los cuadros Izquierda y Derecha .

Finalmente, hay una opción de Configuración avanzada . Esto le permite agregar nuevas clases de CSS al bloque. Sin embargo, le recomendamos que solo use esta función si tiene experiencia con las hojas de estilo.

Consejos y mejores prácticas para usar el bloque WooCommerce del producto destacado de manera efectiva

Como hemos visto, el bloque Producto destacado de WooCommerce le permite resaltar un producto en una página o publicación. Por ejemplo, puede exhibir su artículo más nuevo o intentar revivir el interés en un producto más antiguo. Cualquiera que sea el caso, hay algunas cosas a considerar al usar esta función.

Dado que el objetivo del bloque Producto destacado es incitar a los clientes a comprar su artículo, querrá que este elemento sea visualmente atractivo e informativo. Por este motivo, le recomendamos que elija un color de superposición más claro para asegurarse de que la imagen de su producto sea clara.

También querrá asegurarse de que el nombre, la descripción y el precio sean fáciles de leer. Desafortunadamente, el bloque no le permite cambiar la fuente y el color de estos elementos. Por lo tanto, deberá ajustar el color y la opacidad de la superposición para que tanto la imagen como el texto sean lo suficientemente visibles para captar la atención de los visitantes:

Finalmente, querrás asegurarte de que el botón CTA se vincule a la página del producto relevante . De esa manera, los visitantes que estén interesados ​​en el artículo pueden visitar su página para obtener más información al respecto. Recomendamos verificar el bloque en la parte frontal para asegurarse de que funciona perfectamente antes de presionar Publicar .

Preguntas frecuentes sobre el bloque WooCommerce de productos destacados

Como puede ver, el bloque Producto destacado de WooCommerce es muy fácil de usar. Sin embargo, es posible que aún tenga algunas preguntas sobre lo que esta característica puede y no puede hacer. Veamos algunas consideraciones clave.

¿Puedo actualizar los detalles del producto desde el bloque?

Puede cargar una imagen diferente para su producto, pero no puede modificar ningún otro detalle del producto desde este bloque. Si desea actualizar la información de su producto destacado, como su nombre o precio, deberá realizar estos cambios desde la página Productos .

¿Puedo mostrar más de un producto destacado?

Este bloque solo te permite mostrar un producto a la vez. Sin embargo, puede agregar varios bloques de productos destacados y elegir un elemento diferente para cada uno.

¿Puedo agregar más información sobre el producto?

De forma predeterminada, el Producto destacado muestra los detalles más básicos sobre el artículo, principalmente el nombre, la descripción y el precio. Tiene la opción de ocultar parte de esta información, pero no puede agregar más elementos al bloque. Si desea incluir más detalles, deberá agregar un bloque de párrafo (u otro contenido).

Conclusión

El bloque Producto destacado de WooCommerce le permite resaltar un elemento en particular en una página o publicación de blog. Esta puede ser una forma poderosa de promocionar un nuevo artículo y generar más ventas.

Como hemos visto, este bloque viene con un botón CTA que anima a los usuarios a comprar tu producto destacado. También le permite usar una imagen única para el elemento y ajustar el color de la superposición y el estilo del botón para que el bloque sea más atractivo visualmente.

¿Tiene alguna pregunta sobre cómo usar el bloque Producto destacado en WooCommerce? ¡Háganos saber en la sección de comentarios!

Imagen destacada vía FOTOSPLASH / shutterstock.com