Tutoriales de WordPress de Confianza, cuando más los necesitas.
Guía para Principiantes de WordPress
Copa WPB
25 Millones+
Sitios web que usan nuestros plugins
16+
Años de experiencia en WordPress
3000+
Tutoriales de WordPress de expertos

Cómo personalizar la página de resultados de búsqueda de productos de WooCommerce

¿Te gustaría personalizar tu página de resultados de búsqueda de productos de WooCommerce?

Por defecto, WordPress y WooCommerce tienen capacidades de búsqueda limitadas. Al personalizar los resultados de búsqueda de tus productos, podrás aumentar las ventas y hacer crecer tu negocio.

En este artículo, te mostraremos algunas formas sencillas de personalizar tu página de resultados de búsqueda de productos de WooCommerce para ofrecer una mejor experiencia de usuario.

Cómo personalizar la página de resultados de búsqueda de productos de WooCommerce

¿Por qué personalizar la página de resultados de búsqueda de productos de WooCommerce?

Por defecto, WooCommerce viene con una función de búsqueda de productos integrada. Sin embargo, tiene serias limitaciones. Esto podría significar que tus clientes no podrán encontrar los productos que buscan.

Como resultado, podrías estar perdiendo ventas potenciales. Si tus clientes no encuentran lo que buscan, es posible que no vuelvan a tu tienda en línea.

¿Cómo sucede esto? La búsqueda predeterminada de WooCommerce solo indexa el título, el contenido y el extracto de las publicaciones y páginas. No considera ningún contenido dentro de los campos personalizados al realizar una búsqueda.

Eso es un problema porque una gran parte de los datos de tus productos de WooCommerce se almacenan en campos personalizados. Como resultado, ninguna de tus categorías de productos de WooCommerce, etiquetas, reseñas y otros atributos especiales será indexada.

Afortunadamente, puedes resolver este problema utilizando un plugin de búsqueda de productos de WooCommerce.

Dicho esto, veamos algunos ejemplos de cómo podrías mejorar la página de resultados de búsqueda de productos de WooCommerce.

Aquí tienes lo que aprenderás de esta guía. Puedes hacer clic en el enlace para saltar a la sección que te interese.

Tutorial en video

Suscríbete a WPBeginner

Si prefieres instrucciones escritas, sigue leyendo.

Haciendo que los datos de productos de WooCommerce sean buscables

Lo primero que necesitas hacer es instalar y activar el plugin SearchWP. Para más detalles, consulta nuestra guía paso a paso sobre cómo instalar un plugin de WordPress.

SearchWP es el mejor plugin de búsqueda personalizada para WordPress, y es utilizado por más de 30,000 sitios web. También es uno de los mejores plugins para WooCommerce porque ofrece resultados de productos más relevantes a tus clientes.

Nota: Necesitarás al menos el plan Pro para acceder a la integración de WooCommerce.

Puedes ver nuestra reseña completa de SearchWP para más detalles.

Tras la activación, debes visitar la página SearchWP » Ajustes y cambiar a la pestaña 'Soporte' para introducir tu clave de licencia. Puedes encontrarla en tu área de cuenta en el sitio de SearchWP.

Pega tu Clave de Licencia de SearchWP

A continuación, necesitas instalar y activar la extensión de Integración de WooCommerce.

Puedes descargarla desde tu área de cuenta en el sitio web de SearchWP e instalarla como instalarías cualquier otro plugin de WordPress.

Instala la Extensión de Integración de WooCommerce

Ahora estás listo para configurar tu motor de búsqueda personalizado de SearchWP.

Simplemente ve a la página SearchWP » Configuración y asegúrate de estar en la pestaña ‘Motores’. Una vez allí, necesitas hacer clic en el botón ‘Fuentes y& Configuración’.

Haz clic en el Botón 'Fuentes y Configuración'

Esto abrirá una ventana emergente donde deberás asegurarte de que la casilla junto a ‘Productos’ esté marcada. Esto permitirá que SearchWP indexe tus productos de WooCommerce.

Las reseñas de productos de WooCommerce se almacenan como comentarios. Si quieres que las reseñas sean buscables, entonces también deberías marcar la casilla ‘Comentarios’.

Marca las Cajas de Productos y Comentarios

Una vez que hayas hecho eso, haz clic en el botón ‘Listo’ para cerrar la ventana emergente.

Ahora necesitas desplazarte hacia abajo hasta la sección ‘Productos’. Observa que, por defecto, el plugin solo buscará en el título del producto, el contenido (descripción), el slug y el extracto (descripción corta).

Haz clic en el Botón 'Agregar/Eliminar Atributos' en la Sección de Productos

Puedes extender el alcance de SearchWP haciendo clic en el botón ‘Agregar/Eliminar Atributos’.

Esto mostrará una ventana emergente donde puedes incluir campos personalizados específicos y taxonomías en las búsquedas. Para este tutorial, hemos agregado los campos personalizados 'color' y 'tamaño', y las taxonomías 'categorías de productos' y 'etiquetas de productos'.

Agregar campos y taxonomías personalizadas al motor de búsqueda

Ahora puedes hacer clic en el botón 'Listo' y deberías notar que esos campos personalizados y taxonomías se han agregado a la sección de productos de SearchWP.

Después de eso, puedes ajustar el peso de cada atributo. Si deseas hacer que un atributo específico sea más importante en los resultados de búsqueda, simplemente mueve el control deslizante hacia la derecha.

Ajustar la importancia de cada atributo

Cuando hayas terminado, haz clic en el botón ‘Guardar Motores’ en la parte superior de la pantalla para guardar tu configuración.

SearchWP comenzará a reconstruir tu índice de búsqueda en segundo plano. Después de eso, el plugin estará listo para comenzar a ofrecer resultados de búsqueda más relevantes a tu tienda WooCommerce.

Haz clic en el botón 'Guardar motor'

SearchWP utilizará automáticamente cualquier formulario de búsqueda en tu tienda en línea. Sin embargo, si necesitas agregar un formulario de búsqueda, consulta nuestra guía paso a paso sobre cómo crear un formulario de búsqueda personalizado de WordPress. Esto también te enseñará cómo estilizar la página de resultados usando CSS personalizado.

Ahora puedes ir a tu tienda WooCommerce para probar la función de búsqueda. Buscaremos la categoría de producto 'sudaderas' y se mostrarán todos los productos de esa categoría.

Vista previa de la página de resultados de búsqueda de productos

Para obtener más información, consulta nuestra guía sobre cómo hacer una búsqueda inteligente de productos WooCommerce.

Personalizando qué productos se mostrarán en las páginas de resultados de búsqueda

Por defecto, SearchWP incluirá todos los productos de tu tienda en línea en los resultados de búsqueda. Sin embargo, es posible que desees especificar qué productos deben o no deben mostrarse.

Por ejemplo, puedes excluir automáticamente productos si cumplen ciertas condiciones, como si están descontinuados o agotados. O podrías mostrar solo productos que están en oferta o que incluyen envío gratuito.

Por ejemplo, la tienda AeroPress WooCommerce te permite buscar productos con envío gratuito. Este es un gran incentivo para que los clientes realicen una compra.

Página de resultados de búsqueda de productos AeroPress

Para empezar, deberías hacer clic en el botón ‘Editar Reglas’ en la sección de Productos de SearchWP.

Haz clic en el botón 'Editar reglas'

Ahora mismo no hay reglas. Puedes crear tantas reglas como necesites.

Para crear tu primera regla, necesitas hacer clic en el botón ‘Agregar Regla’.

Haz clic en el botón 'Agregar regla'

Ahora puedes especificar las condiciones por las cuales los productos deben mostrarse o excluirse de los resultados de búsqueda. Para este tutorial, excluiremos todos los productos agotados.

Primero, deberías seleccionar ‘Excluir entradas si’ del primer menú desplegable. Luego selecciona la taxonomía ‘Visibilidad del producto’ y escribe ‘outofstock’ en el campo junto a él.

Creación de una regla para excluir productos agotados

Si lo deseas, puedes agregar condiciones adicionales que deban ser excluidas haciendo clic en el botón ‘O’. Una vez que hayas terminado de agregar reglas, haz clic en el botón ‘Listo’.

Ahora todo lo que necesitas hacer es presionar el botón ‘Guardar Motores’ en la parte superior para almacenar tus cambios.

Haz clic en el botón 'Guardar motor'

Para aprender sobre más formas en que puedes usar las reglas de SearchWP, consulta nuestra guía sobre cómo excluir páginas, autores y más específicos de la búsqueda de WordPress.

Mostrando los resultados de búsqueda de productos en modo en vivo

La búsqueda en vivo mejorará la experiencia de búsqueda en tu tienda WooCommerce mostrando automáticamente los resultados de búsqueda a medida que tus clientes escriben sus consultas.

Por ejemplo, Good Dye Young ofrece resultados de búsqueda en vivo en sus productos de cabello y maquillaje.

Los productos y artículos relevantes se muestran de inmediato mientras el cliente escribe su consulta de búsqueda, lo que proporciona una mejor experiencia de usuario.

Página de resultados de búsqueda de productos Good Dye Young

Para agregar esto a tu propia tienda, todo lo que necesitas hacer es instalar y activar el plugin gratuito de Búsqueda Ajax en Vivo Lite de SearchWP. Para más detalles, consulta nuestra guía paso a paso sobre cómo instalar un plugin de WordPress.

Tras la activación, los formularios de búsqueda de tu WooCommerce proporcionarán automáticamente búsqueda en vivo.

Vista previa de búsqueda en vivo

Para más detalles, consulta nuestra guía sobre cómo agregar búsqueda en vivo a tu sitio de WordPress.

Encontrando coincidencias parciales y otras características avanzadas

La coincidencia parcial ayudará a tus clientes a encontrar lo que buscan, incluso si no escriben la palabra completa o usan la ortografía correcta.

Por ejemplo, la tienda en línea Magna-Tiles tiene habilitada la coincidencia parcial. Los clientes solo necesitan escribir parte del nombre de un producto para encontrarlo en los resultados de búsqueda.

Página de resultados de búsqueda de productos Magna-Tiles

Para habilitar la coincidencia parcial en SearchWP, debes navegar a SearchWP » Configuración y hacer clic en la pestaña Avanzado.

En esta página, puedes habilitar algunas configuraciones que facilitarán a tus usuarios encontrar lo que buscan.

Configuración avanzada de SearchWP

Marca cualquiera de estas opciones que desees:

  • Las coincidencias parciales también mostrarán resultados que no coinciden exactamente con el término que se está buscando.
  • Las correcciones automáticas de "¿Te refieres a?" sugerirán un término de búsqueda ligeramente diferente que coincidirá con más productos en tu tienda en línea.
  • El soporte para "búsquedas entre comillas/frases" permitirá a tus usuarios usar comillas al buscar frases exactas.
  • Resaltar términos en los resultados facilitará a tus clientes encontrar lo que buscan en los resultados de búsqueda.

Esperamos que este tutorial te haya ayudado a aprender cómo personalizar la página de resultados de búsqueda de productos de WooCommerce. También podrías querer aprender cómo agregar precios al por mayor en WooCommerce, o consultar nuestra lista de los mejores servicios de marketing por correo electrónico.

Si te gustó este artículo, suscríbete a nuestro canal de YouTube para obtener tutoriales en video de WordPress. También puedes encontrarnos en Twitter y Facebook.

Descargo de responsabilidad: Nuestro contenido es compatible con el lector. Esto significa que si haces clic en algunos de nuestros enlaces, podemos ganar una comisión. Consulta cómo se financia WPBeginner, por qué es importante y cómo puedes apoyarnos. Aquí está nuestro proceso editorial.

El Kit de herramientas definitivo para WordPress

Obtén acceso GRATUITO a nuestro kit de herramientas: ¡una colección de productos y recursos relacionados con WordPress que todo profesional debería tener!

Interacciones del lector

1 CommentLeave a Reply

Deja una respuesta

Gracias por elegir dejar un comentario. Ten en cuenta que todos los comentarios son moderados de acuerdo con nuestra política de comentarios, y tu dirección de correo electrónico NO será publicada. Por favor, NO uses palabras clave en el campo del nombre. Tengamos una conversación personal y significativa.