¿Quieres añadir widgets de búsqueda personalizados de WooCommerce a tu tienda online?
Añadir un widget de búsqueda a tu sitio web ayuda a los visitantes a encontrar tus productos más rápido. Al hacerlo, aumentas la conversión y mejoras la experiencia del usuario.
En este artículo, te mostraremos cómo añadir widgets de búsqueda personalizados de WooCommerce fácilmente sin escribir código.
Puntos Clave:
- Por qué es necesario añadir una búsqueda de productos a WooCommerce
- Cómo añadir widgets de búsqueda personalizados de WooCommerce
- Cómo mejorar la búsqueda de productos de WooCommerce
¿Por qué añadir widgets de búsqueda personalizados de WooCommerce?
La búsqueda de productos es una parte importante de la experiencia de compra en el comercio electrónico. Si los visitantes de tu tienda no pueden encontrar los productos que necesitan, pueden buscar en otro lugar.
La función de búsqueda de productos predeterminada de WooCommerce es lenta y carece de la potencia que tu tienda necesita. No indexa atributos de productos, categorías, etiquetas ni reseñas. Esto dificulta la obtención de resultados de búsqueda relevantes.
¿Quieres mejorar la experiencia de búsqueda de tu tienda online? Entonces, necesitas añadir widgets de búsqueda personalizados de WooCommerce donde sea aplicable.
Puedes añadir un cuadro de búsqueda en ciertas ubicaciones de tu sitio, como la barra lateral. Con este widget, tus usuarios pueden navegar mejor por tu tienda y completar compras más rápido.
Un widget de búsqueda de productos personalizado tiene muchos otros beneficios. Por ejemplo, puedes controlar dónde quieres que el motor de búsqueda busque resultados. Puedes elegir indexar atributos de productos como variaciones, etiquetas y descripciones cortas.
Esto ayudará a tus usuarios a encontrar todos los productos con un atributo específico. Por ejemplo, pueden buscar fácilmente artículos etiquetados como 'reacondicionado' en una tienda de electrónica.
Puedes añadir un widget de búsqueda a WooCommerce escribiendo código manualmente o utilizando un plugin de WordPress. Algunos beneficios de usar un plugin incluyen:
- Ahorras tiempo.
- No necesitas contratar a un desarrollador.
- No requieres ninguna experiencia técnica.
- Hay poco o ningún riesgo de romper tu sitio.
A continuación, te mostramos cómo añadir widgets de búsqueda personalizados de WooCommerce a tu sitio web.
Cómo añadir widgets de búsqueda personalizados de WooCommerce (Fácilmente)
La forma más fácil de añadir un widget de búsqueda personalizado a WooCommerce es usar un plugin, y SearchWP es el mejor plugin de búsqueda de WordPress para esta tarea.
SearchWP mejora la búsqueda nativa de WordPress indexando todo en tu sitio web. Al hacerlo, los visitantes de tu sitio no se perderán ningún producto, documento o página que necesiten.
Con este plugin, tu motor de búsqueda ya no ignorará detalles importantes del producto como variaciones, categorías y etiquetas. Esto significa que tus usuarios encontrarán productos de WooCommerce relevantes más rápido.
Además de la búsqueda de WooCommerce, SearchWP también ofrece otras potentes funciones como
- indexación de documentos PDF y de oficina. Si vendes libros u otros recursos basados en texto, tus usuarios podrán encontrarlos más fácilmente. SearchWP considera el contenido de los archivos de documentos en tu biblioteca de medios al buscar.
- estadísticas y perspectivas de visitantes. Puedes ver qué buscan tus visitantes. Puedes usar esta información para mejorar tus servicios.
- Soporte para múltiples motores de búsqueda. Configure diferentes campos de búsqueda en distintas ubicaciones y páginas del sitio. Puede personalizar cada campo para satisfacer las necesidades de búsqueda únicas de los usuarios en cada ubicación.
Una vez que instale y active SearchWP, agregará automáticamente estas funciones a su tienda.
Puede usar el plugin para agregar widgets de búsqueda personalizados de WooCommerce en 4 pasos.
Paso 1: Instalar y activar SearchWP
Visite el sitio web oficial de SearchWP y elija el paquete que mejor se adapte a usted.
Luego, descargue una copia del plugin desde su cuenta. Puede instalarlo y activarlo como cualquier otro plugin de WordPress.
Después de la activación, necesita insertar la clave de licencia. Puede hacerlo navegando a SearchWP > Agregar clave de licencia.
Pegue la clave de licencia (que se puede encontrar en el Panel de Cuenta de SearchWP) en su campo respectivo, luego presione Verificar clave.
Su verificación es exitosa cuando puede ver la información de licencia.
¡SearchWP está listo para usar!
Paso 2: Instalar y Activar la Extensión de WooCommerce
SearchWP viene con una extensión de WooCommerce que indexa automáticamente sus productos de WooCommerce una vez activada.
Por favor, visite SearchWP > Extensiones y busque Integración de WooCommerce en la lista. Luego, haga clic en Instalar.
Verá que se ha instalado y activado correctamente en unos momentos. Con esto, SearchWP tendrá acceso a sus productos de WooCommerce.
Finalmente, le mostraremos cómo crear widgets de búsqueda personalizados de WooCommerce, pero antes de eso, necesita configurar el motor de búsqueda.
Paso 3: Configurar un Motor de Búsqueda Personalizado de SearchWP
Un widget de búsqueda personalizado de WooCommerce permite a sus usuarios buscar productos de diferentes maneras. Para admitir esto, necesita controlar cómo su motor de búsqueda busca productos.
SearchWP le permite seleccionar diferentes fuentes. También puede ajustar la relevancia de cada atributo de producto o contenido. Por ejemplo, puede optar por indexar el título del producto, la descripción corta o la categoría.
Incluso puede crear múltiples motores de búsqueda y mostrarlos en diferentes páginas. Esto ofrecerá a su usuario una experiencia de búsqueda única en cada página.
Para personalizar tu motor de SearchWP, haz clic en SearchWP > Algoritmo en la barra lateral izquierda de tu panel de WordPress.
Para configurar una búsqueda de productos de WooCommerce, haga clic en Fuentes y Configuración.
Aparecerá una ventana modal con una lista de fuentes para elegir. Seleccione Productos de la lista. Haga clic en Hecho después de elegir las fuentes que le interesan.
Luego haga clic en Guardar para que SearchWP pueda comenzar a reconstruir su índice de búsqueda según la nueva configuración.
Finalmente, es hora de mostrar tu widget de búsqueda de productos de WooCommerce personalizado en tu sitio web. Hablemos de cómo puedes hacer esto en el siguiente paso.
Paso 4: Agregar Búsqueda de WooCommerce a su Sitio Web
Ahora, necesita crear una barra de búsqueda para que sus clientes puedan comenzar a buscar los productos que desean.
Si necesita usar un widget o un bloque para crear la barra de búsqueda, dependerá del tema que esté utilizando. Un widget de búsqueda de WooCommerce es su mejor opción si está utilizando un tema clásico. Por otro lado, si está utilizando un tema moderno de FSE (edición completa del sitio), entonces utilizar un bloque de búsqueda de WooCommerce es el método estándar.
Añade una barra de búsqueda en cualquier lugar de tu sitio web, independientemente del método que utilices. Aquí te mostramos cómo puedes añadir la búsqueda de WooCommerce a tu sitio web para ambos casos.
Paso 4.1 Añadir widget de búsqueda de WooCommerce para temas clásicos
Puedes añadir un widget de búsqueda de WooCommerce personalizado en cualquier lugar de tu sitio si tu tema lo admite. Veamos cómo puedes añadir el widget en la barra lateral. También puedes colocarlo en cualquier lugar de tu sitio, como en la cabecera y el pie de página. Depende de tus necesidades, pero el proceso es similar.
Para añadir el widget a la barra lateral de tu sitio web, visita Apariencia > Widgets.
En la página de configuración de widgets, selecciona el área donde deseas añadir el widget y haz clic en el icono + . En este tutorial, añadiremos el widget de búsqueda al área de la barra lateral.
Escribe "search" en el campo y luego selecciona el icono de búsqueda.
Esto añadirá un formulario de búsqueda que puedes personalizar según tus necesidades. Luego, haz clic en Actualizar en la esquina superior derecha. Tu barra lateral ahora tiene un widget de búsqueda de WooCommerce personalizado.
¡Ahora visita el front-end de tu sitio web y ve tu widget de búsqueda de WooCommerce en acción!
Paso 4.2 Añadir bloque de búsqueda de WooCommerce para temas modernos de FSE
Antes de mostrar la barra de búsqueda, necesitarás crear un formulario de búsqueda. El proceso es rápido y fácil con SearchWP y no implica escribir ningún código.
Para crear un formulario de búsqueda, ve a SearchWP > Formularios de búsqueda y haz clic en "Añadir nuevo".
Elige un nombre para tu formulario de búsqueda, selecciona un diseño de tema y configúralo según tus necesidades. Ten en cuenta que SearchWP te permite configurar múltiples motores, aprovechando los cuales puedes servir contenido diferente en diferentes ubicaciones de tu sitio web.
Elegir SearchWP como página de resultados te da control total y optimización de la página de resultados de búsqueda de WordPress. Aquí tienes un tutorial detallado sobre cómo optimizar la página de resultados de búsqueda de WordPress.
Una vez que hayas terminado de configurar el formulario de búsqueda. Haz clic en "Guardar". Si estás interesado en aprender más, aquí tienes un tutorial detallado sobre cómo crear un formulario de búsqueda avanzado en WordPress.
Ahora, abre la página donde deseas mostrar la barra de búsqueda en modo de edición. Haz clic en el icono "+ Añadir bloque", luego busca y selecciona "Formulario de búsqueda" de la lista de bloques.
Luego, elige el formulario de búsqueda que creaste hace unos momentos.
Ahora deberías ver la barra de búsqueda mostrada en la ubicación deseada. Haz clic en "Actualizar" para publicar la barra de búsqueda de WooCommerce.
¡Ahora visita el front-end de tu sitio web y ve tu búsqueda de WooCommerce en acción!
Conclusión
En este artículo, has aprendido tanto cómo añadir widgets de búsqueda de WooCommerce personalizados en temas clásicos de WordPress como cómo añadir formularios de búsqueda de WooCommerce personalizados en temas modernos de FSE (bloques).
Ahora, los visitantes de tu tienda online pueden encontrar productos relevantes de forma más rápida y sencilla. SearchWP está repleto de fantásticas funciones para que a tus clientes les resulte cómodo encontrar lo que buscan.
Consigue SearchWP ahora para mejorar tu tienda online y mantenerte por delante de tus competidores.
