¿Quieres reemplazar la barra de búsqueda básica de tu tienda en línea con una búsqueda inteligente de productos en WooCommerce?
Por defecto, WooCommerce ofrece una barra de búsqueda básica que no incluye funciones importantes como búsqueda por categoría, búsqueda por imagen, búsqueda por precio, etc. Necesitas personalizar la búsqueda de productos para ofrecer una mejor experiencia a tus usuarios.
Múltiples plugins de búsqueda de WordPress pueden ayudarte a añadir una búsqueda inteligente a tu tienda WooCommerce. Y con estas herramientas, puedes aumentar tus ventas de inmediato.
En este artículo, te mostraremos cómo crear una búsqueda inteligente de productos en WooCommerce en solo unos minutos.
Creando una búsqueda inteligente de productos en WooCommerce
Una búsqueda inteligente en WooCommerce puede atraer a los usuarios y llevarlos rápidamente a los productos que buscan. Con una barra de búsqueda personalizada, los usuarios pueden buscar por precio del producto, título, categoría y más.
Cuando se trata de añadir una búsqueda inteligente de productos en WooCommerce a tu tienda, podrías pensar que requiere habilidades de codificación, o que necesitas contratar a un desarrollador profesional.
Pero te recomendamos usar un plugin de WordPress como Smart WooCommerce Search que te permite añadir una búsqueda de productos totalmente personalizable y muy flexible a tu tienda de comercio electrónico.
El plugin no requiere ninguna codificación. Se integra con el constructor de páginas Elementor y otros constructores de arrastrar y soltar populares para que puedas personalizar tu barra de búsqueda.
Ahora, veamos cómo puedes configurar tu barra de búsqueda inteligente en WooCommerce en menos de 5 minutos.
Paso 1: Instalar y activar el plugin Smart WooCommerce Search
Lo primero que debes hacer es instalar y activar el plugin Smart WooCommerce Search.
Si nunca has hecho esto antes, deberías consultar nuestro artículo sobre cómo instalar un plugin de WordPress.
Después de activar el plugin, debes ir a Smart Search » Default y hacer clic en la pestaña WooCommerce Product Search.
En la pestaña de configuración General, debes marcar Enable Smart Search in Product Search Widget para habilitar la búsqueda inteligente de WooCommerce en tu tienda.
Ahora, puedes habilitar/deshabilitar múltiples configuraciones, incluyendo imágenes destacadas en los resultados, extractos en los resultados, precio del producto, texto del enlace 'ver todo', y más.
Haz clic en el botón Save para guardar estas configuraciones.
Luego, deberías visitar la pestaña Items to Search Through. Esto te permite habilitar/deshabilitar campos para buscar términos en el título, contenido, extracto, categoría, etiqueta de producto y más.
También te permite agregar restricciones para condiciones de búsqueda específicas como productos agotados y categorías de productos.
Asegúrate de hacer clic en el botón Save.
Después de eso, deberías hacer clic en la pestaña Styling. Esto te permite personalizar el popup de resultados, incluyendo el tamaño de la imagen, el color del borde, el color de fondo, el color del texto y más.
También puedes cambiar la posición de los extractos de las publicaciones en los resultados y personalizar el color del texto del extracto.
Haz clic en el botón Save a continuación para guardar tus opciones de estilo.
Paso 2: Agregar un nuevo widget de búsqueda personalizado
Para crear un widget de búsqueda personalizado para páginas de productos específicas, debes visitar la página Smart Search » Add New en tu panel de administración de WordPress.
Comienza agregando un nombre para tu nuevo widget de búsqueda.
A continuación, encontrarás configuraciones similares para la búsqueda de productos de WooCommerce con opciones adicionales. En la pestaña General, puedes agregar un texto de marcador de posición para la barra de búsqueda.
No olvides hacer clic en el botón Guardar para continuar.
Ahora haz clic en la pestaña Elementos a buscar. Esto también ofrece más opciones para tipos de publicaciones personalizadas y variaciones de productos.
Puedes revisar cualquier configuración para el widget de búsqueda específico y hacer clic en el botón Guardar.
En la pestaña Estilo, puedes personalizar completamente el aspecto y el diseño de tu barra de búsqueda. Esto te permite habilitar un borde redondeado, cambiar el color del borde, agregar color al texto y más.
Ahora necesitas guardar esta configuración antes de pasar al siguiente paso.
Paso 3: Mostrar la barra de búsqueda inteligente de WooCommerce en WordPress
Para mostrar la barra de búsqueda personalizada en WordPress, necesitas visitar Smart Search » Widgets personalizados. Desde allí, necesitas copiar el shortcode para la nueva búsqueda de productos.
Ahora deberías editar una página/publicación para pegar el shortcode en el editor de texto y mostrar la búsqueda inteligente de productos de WooCommerce.
También puedes visitar Apariencia » Widgets y agregar el widget de Smart Search en las áreas de widgets de tu sitio web, como la barra lateral, el pie de página, etc.
¡Y eso es todo!
Esperamos que este artículo te haya ayudado a aprender cómo crear una búsqueda inteligente de productos de WooCommerce para reemplazar la función de búsqueda predeterminada.
También te puede interesar consultar nuestra guía sobre los mejores plugins de búsqueda de WordPress para mejorar la barra de búsqueda de tu sitio web.
Ese artículo tendrá aún más recursos para ayudarte a crear una barra de búsqueda que mejore la experiencia del usuario (UX) y aumente las ventas.
Hola. Gracias por este artículo, es extremadamente informativo. Solo quería saber si podrías ayudarme a resolver algo con respecto a este plugin. El plugin funciona muy bien cuando lo uso en la barra lateral, pero no puedo usarlo como la búsqueda principal del sitio (En el menú) – Por lo que entiendo, si se selecciona, el plugin básicamente "reemplazará" la búsqueda del sitio, he seguido los pasos pero no la reemplaza. Estoy usando el tema Avada.
Tu ayuda es muy apreciada. Gracias
Taryn
Tengo exactamente el mismo problema. También estoy intentando posicionarlo en la barra superior de mi sitio, que tiene un área de widgets, pero el posicionamiento está muy desfasado. Si logras resolver esto, te lo agradecería.
Hola Taryn y JJ, gracias por su apreciación.
No reemplaza la barra de búsqueda automáticamente.
Necesitas agregar el shortcode de tu plugin Smart Search en la posición de búsqueda predeterminada. Esa parece ser la única forma de reemplazar la barra de búsqueda.