X

Cómo hacer una búsqueda inteligente de productos en WooCommerce (paso a paso)

How to Make a Smart WooCommerce Product Search

¿Quieres sustituir la barra de búsqueda básica de tu tienda online por 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 la búsqueda por categorías, la búsqueda de imágenes, la búsqueda de precios, etc. Necesitas personalizar la búsqueda de productos para proporcionar una mejor experiencia a tus usuarios.

Múltiples plugins de búsqueda de WordPress pueden ayudar a agregar una búsqueda inteligente a su tienda WooCommerce. Y con estas herramientas, puedes aumentar tus ventas de inmediato.

En este artículo, te mostraremos cómo hacer una búsqueda inteligente de productos en WooCommerce en solo unos minutos.

Cómo hacer 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 están buscando. 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 WooCommerce a tu tienda, puedes pensar que requiere conocimientos de codificación, o que necesitas contratar a un desarrollador profesional.

Pero te recomendamos que utilices 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.

Search widget on website

El plugin no requiere ningún tipo de codificación. Se integra con el constructor de páginas Elementor y otros constructores populares de arrastrar y soltar para permitirte personalizar tu barra de búsqueda.

Ahora vamos a entrar en cómo se puede configurar su barra de búsqueda inteligente WooCommerce en menos de 5 minutos.

Paso 1: Instalar y Activar el Plugin de Búsqueda Inteligente de WooCommerce

Lo primero que tienes que 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, tienes que ir a Smart Search ” Default y hacer clic en la pestaña WooCommerce Product Search.

[alert style=”info”]Nota: Este plugin te permite personalizar la configuración de búsqueda de productos de WooCommerce para anular las opciones de búsqueda predeterminadas de WordPress. Más adelante en este artículo, también te mostraremos cómo añadir widgets de búsqueda totalmente personalizados para tus páginas de producto[/alert].

En la pestaña Ajustes generales, debes marcar la opción Habilitar búsqueda inteligente en el widget de búsqueda de productos para habilitar la búsqueda inteligente de WooCommerce en tu tienda.

Smart Search

Ahora, puedes activar/desactivar múltiples configuraciones, incluyendo imágenes destacadas en los resultados, extractos en los resultados, precio del producto, texto del enlace ‘ver todo’, etc.

Product search settings

Haga clic en el botón Guardar para almacenar estos ajustes.

A continuación, debe visitar la pestaña Elementos en los que buscar. Esto le permite activar / desactivar los campos para buscar términos en el título, contenido, extracto, categoría, etiqueta del producto, y más.

Items to search

También le permite añadir restricciones para condiciones de búsqueda específicas, como productos agotados y categorías de productos.

Restrictions Search

Asegúrese de hacer clic en el botón Guardar.

A continuación, haga clic en la pestaña Estilo. Esto le permite personalizar la ventana emergente de resultados, incluyendo el tamaño de la imagen, el color del borde, el color de fondo, el color del texto y más.

Results Styling

También puedes cambiar la posición de los extractos de las entradas en los resultados y personalizar el color del texto del extracto.

Excerpt text results

Haz clic en el botón Guardar para guardar tus opciones de estilo.

Paso 2: Añadir un nuevo widget de búsqueda personalizada

Para crear un widget de búsqueda personalizado para páginas de productos específicas, debe visitar la página Búsqueda inteligente ” Añadir nuevo en el panel de administración de WordPress.

Comience añadiendo un nombre para su nuevo widget de búsqueda.

A continuación, encontrarás ajustes similares para la búsqueda de productos de WooCommerce con opciones adicionales. En la pestaña General, puedes añadir un marcador de posición para la barra de búsqueda.

Add new search widget

No olvides hacer clic en el botón Guardar para continuar.

Ahora haga clic en la pestaña Elementos en los que buscar. Esto también ofrece más opciones para tipos de entradas personalizadas y variaciones de productos.

Search through items

Puede comprobar cualquier configuración para el widget de búsqueda específica y haga 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 activar un borde redondeado, cambiar el color del borde, añadir color al texto y mucho más.

Search styling options

Ahora tienes que guardar estos ajustes 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, debe visitar Smart Search ” Custom Widgets. Desde allí, debe copiar el shortcode para la nueva búsqueda de productos.

Custom search widgets

Ahora debe editar una página / post para pegar el código corto en el editor de texto para mostrar la búsqueda inteligente de productos WooCommerce.

También puede visitar Apariencia ” Widgets y añadir el widget de búsqueda inteligente en las áreas de widgets de su sitio web como barra lateral, pie de página, y así sucesivamente.

Smart search widget

Y ya está.

Esperamos que este artículo te haya ayudado a aprender cómo hacer una búsqueda inteligente de productos en WooCommerce para reemplazar la función de búsqueda por defecto.

También puedes echar un vistazo a 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.

Comentarios   Deja una respuesta

  1. Taryn Padayachee enero 13, 2021 en 10:18 am

    Hi there. Thank you for this article, it is extremely informative. I was just wondering if you could help me figure something out with regard to this plugin. So the plugin works great when I use it in the sidebar, but I cannot seem to use it as the main site search (In the menu) – From what I understand, if selected, then the plugin will basically “replace” the site search, I have followed the steps but it does not replace it. I am using the Avada theme.

    Your help is really appreciated. Thank you

    1. Taryn
      I have the exact same problem. I am also trying to position it in the top bar of my site which has a widget area but the positioning is way off. If you manage to resolve this I would be appreciated.

      1. Hey Taryn and JJ, thank you for your appreciation.

        It doesn’t replace the search bar automatically.

        You need to add the shortcode of your Smart Search plugin at the default search position. That seems to be the only way to replace the search bar.

Añadir un comentario

Nos alegra que haya decidido dejar un comentario. Tenga en cuenta que todos los comentarios se moderan de acuerdo con nuestra política de privacidad , y que todos los enlaces son nofollow. NO utilice palabras clave en el campo del nombre. Tengamos una conversación personal y significativa.

WordPress Launch Checklist

La lista definitiva para lanzar WordPress

Hemos recopilado todos los elementos esenciales de la lista de comprobación para el lanzamiento de su próximo sitio web de WordPress en un práctico ebook.
Sí, envíeme el ¡gratuito!