En resumen: Cómo añadir una barra de búsqueda a WordPress
Puedes añadir una barra de búsqueda a WordPress sin código de cuatro maneras. Elige la que mejor se adapte a la cantidad de control que necesitas.
- Bloque de búsqueda: Añade el bloque de búsqueda de WordPress, gratuito e integrado, a cualquier página o publicación en segundos.
- Widget de búsqueda: Coloca el widget de búsqueda en una barra lateral o pie de página a través de Apariencia » Widgets.
- SeedProd: Coloca una barra de búsqueda estilizada en cualquier lugar, incluyendo una cabecera personalizada o una plantilla de resultados de búsqueda, con un bloque de arrastrar y soltar.
- SearchWP: Utiliza un plugin de búsqueda dedicado cuando desees resultados en vivo y una mayor relevancia que la predeterminada.
Cuando empecé a usar WordPress, me frustraba la función de búsqueda básica. A menudo devolvía resultados irrelevantes o se perdía contenido por completo.
Al gestionar mis propios sitios de WordPress, ahora sé que una buena función de búsqueda ayuda a los visitantes a encontrar lo que buscan y los mantiene más tiempo en tu sitio. Eso los hace más felices y más propensos a volver.
Por eso, en esta guía, te mostraré cómo añadir una barra de búsqueda a WordPress. Al final, tendrás una función de búsqueda que tus visitantes querrán usar y que servirá mejor a tu sitio web.
¿Por qué añadir una barra de búsqueda a WordPress?
Una barra de búsqueda ofrece a los visitantes una forma rápida de encontrar lo que vinieron a buscar. Cuando las personas pueden buscar en lugar de hacer clic en pestañas, es más probable que se queden y exploren.
También se traduce en conversiones. Los usuarios que buscan en el sitio tienen un 1,8 % más de probabilidades de convertir que los visitantes que no usan la búsqueda, lo que convierte a una barra de búsqueda en un factor real para convertir visitantes en suscriptores y clientes.
Cuando los visitantes encuentran lo que necesitan rápidamente, tienden a permanecer más tiempo interactuando, lo que puede respaldar tu SEO a lo largo del tiempo. Una buena barra de búsqueda también te dice lo que tu audiencia quiere.
Al revisar lo que la gente busca, puedes adaptar tu contenido a la demanda real. Si la búsqueda predeterminada te decepciona, un plugin de búsqueda de WordPress dedicado puede cubrir las carencias.
¿Dónde deberías colocar una barra de búsqueda?
Antes de añadir nada, decide dónde la barra de búsqueda será más útil. La ubicación cambia la frecuencia con la que la gente la usa.
- Cabecera: El lugar más visible. Una barra de búsqueda aquí aparece en cada página, por lo que es la mejor opción para sitios con mucho contenido y tiendas.
- Barra lateral: Útil como acceso secundario en blogs y páginas de archivo, donde los lectores a menudo buscan publicaciones relacionadas.
- Pie de página: Una opción de último recurso para visitantes que se desplazan hasta el final buscando una forma de profundizar.
En los sitios que he creado, la cabecera gana casi siempre para un blog o tienda concurrida. Me reservo la barra lateral y el pie de página para sitios donde la búsqueda es algo deseable en lugar de la forma principal en que la gente navega.
Cómo añadir una barra de búsqueda a WordPress: 4 formas
La búsqueda predeterminada de WordPress funciona para sitios sencillos, pero es limitada. Ignora etiquetas, categorías y campos personalizados, no ordena los resultados por relevancia y no te da un registro de lo que la gente busca.
Aquí te explico cómo elegir entre los cuatro métodos:
- Bloque o widget de búsqueda: Gratuito e integrado. Mejor cuando solo necesitas una caja de búsqueda funcional rápidamente.
- SeedProd: Ideal cuando quieres control de diseño y colocación que las herramientas predeterminadas no pueden alcanzar, como una cabecera personalizada o una plantilla de resultados de búsqueda.
- SearchWP: Ideal cuando la calidad de la búsqueda es el problema y quieres resultados en vivo y mejor relevancia.
Empezaré con el método gratuito más sencillo y pasaré a los que te dan más control.
- Método 1. Añadir el bloque de búsqueda de WordPress (Gratis, sin plugin)
- Método 2. Añadir un widget de búsqueda en WordPress
- Método 3. Añadir una barra de búsqueda personalizada a WordPress con SeedProd
- Método 4. Añadir búsqueda al sitio en WordPress con un plugin de búsqueda
- Preguntas frecuentes sobre cómo añadir una barra de búsqueda a WordPress
Método 1. Añadir el bloque de búsqueda de WordPress (Gratis, sin plugin)
WordPress incluye un bloque de búsqueda gratuito, por lo que puedes añadir una barra de búsqueda sin necesidad de un plugin. Esta es la ruta más rápida y la respuesta que la mayoría de la gente busca cuando quiere tener búsqueda en una sola página o entrada.
Abre la página o entrada donde quieres la barra de búsqueda en el editor de bloques. Haz clic en el icono +, escribe "Buscar" y selecciona el bloque Buscar.
El bloque inserta un campo de búsqueda y un botón directamente en tu contenido. Puedes editar la etiqueta del botón, cambiar el botón por un icono y ajustar el ancho desde la barra de herramientas y el panel de configuración del bloque.
Si usas un tema de bloques, también puedes añadir el bloque de búsqueda a la cabecera de todo tu sitio. Ve a Apariencia » Editor, abre la plantilla de tu cabecera e inserta el bloque de búsqueda de la misma manera. Luego aparecerá en todas las páginas.
Cuando quiero un cuadro de búsqueda rápido en una página de destino y no necesito ningún estilo, esto es lo primero que uso. Lleva aproximadamente un minuto.
Método 2. Añadir un widget de búsqueda en WordPress
Si tu tema utiliza áreas de widgets clásicas, el widget de búsqueda es la forma integrada de añadir una barra de búsqueda a una barra lateral o pie de página. Es gratuito y requiere un par de clics.
Desde tu panel de WordPress, ve a Apariencia » Widgets. Busca el bloque Buscar en el panel de widgets y añádelo a un área de widgets, como tu barra lateral o pie de página.
Guarda tus cambios, luego visita tu sitio para confirmar que el cuadro de búsqueda aparece donde lo colocaste. En los sitios de clientes más antiguos en los que he trabajado y que todavía usan temas clásicos, esta es la ruta que utilizo porque el método de cabecera del editor de bloques no está disponible.
Método 3. Añadir una barra de búsqueda personalizada a WordPress con SeedProd
El bloque y el widget de búsqueda gratuitos añaden un cuadro de búsqueda a tu sitio, pero no te dan mucho control sobre su aspecto o su ubicación. Ahí es donde entra SeedProd.
SeedProd es un constructor de sitios web de arrastrar y soltar que te permite colocar una barra de búsqueda con estilo en casi cualquier lugar de tu sitio sin tocar código. Esto incluye lugares que la mayoría de los métodos gratuitos no pueden alcanzar, como una cabecera personalizada, una plantilla de resultados de búsqueda o tus páginas de WooCommerce.
Uso SeedProd en mis propios sitios, así que este es el método que mejor conozco. Puedes añadir la barra de búsqueda a una página, a tu cabecera o a una barra lateral, y queda consistente en todas partes.
SeedProd tiene una versión gratuita y varios planes premium. Usaré SeedProd Pro aquí porque el bloque de Formulario de Búsqueda y el Theme Builder forman parte de los planes de pago. Elige tu plan y descarga el plugin para empezar.
Empieza hoy mismo con SeedProd
Tras descargarlo, sigue estos pasos para instalar el plugin SeedProd en tu sitio de WordPress.
Con SeedProd activado, decide dónde quieres la barra de búsqueda. Puedes añadirla a una página independiente, a un tema personalizado, al encabezado o a la barra lateral.
El constructor de páginas de destino es ideal para páginas independientes creadas para impulsar clientes potenciales y conversiones.
El Theme Builder es ideal para crear un tema de WordPress personalizado sin necesidad de contratar a un desarrollador.
Para encontrar estas opciones, ve a SeedProd en tu panel de WordPress y elige Theme Builder o Landing Pages. A partir de ahí, selecciona una plantilla de página de destino predeterminada o un kit completo de sitio web y empieza a personalizar.
¿Necesitas todos los pasos? Aquí tienes una guía sobre cómo crear un tema de WordPress personalizado y cómo crear una página de destino en WordPress.
¿Cómo añado un cuadro de búsqueda a una página de WordPress?
Dentro del constructor de SeedProd, encontrarás un panel a la izquierda con bloques para añadir a tu página. Desplázate hacia abajo hasta el bloque Search Form.
Arrastra y suelta el bloque donde quieras que aparezca la barra de búsqueda en tu página.
En la configuración del bloque de búsqueda, puedes personalizar su apariencia, tamaño e icono de búsqueda. También puedes añadir texto de marcador de posición como 'Buscar aquí...' para guiar a tus visitantes.
La pestaña 'Avanzado' te da más control. Puedes cambiar los colores del botón y del cuadro para que coincidan con tu tema, ajustar el espaciado, controlar la visibilidad en diferentes dispositivos y añadir animaciones.
Cuando estés satisfecho con tus cambios, haz clic en el botón Guardar y Publicar, luego visita tu página para ver la nueva barra de búsqueda.
¿Cómo añado una barra de búsqueda al encabezado de WordPress?
Una barra de búsqueda en el encabezado es la opción más accesible porque se muestra en cada página. Con SeedProd, la añades a través del Theme Builder.
El Theme Builder te permite personalizar partes de tu sitio, incluyendo el encabezado, el pie de página, la barra lateral y los archivos. Si aún no has configurado tu tema, sigue primero estos pasos para personalizar tu encabezado de WordPress.
Una vez que estés editando el encabezado, verás la interfaz del constructor de SeedProd. Encuentra el bloque Search Form en el panel izquierdo y arrástralo a donde quieras en el encabezado.
Ajusta la barra de búsqueda para que encaje con el diseño de tu encabezado. En la pestaña 'Avanzado', puedes ajustar el estilo y definir cómo aparece la barra en diferentes dispositivos.
Una vez que hayas guardado tus cambios, visita tu sitio para ver la barra de búsqueda del encabezado en acción.
¿Cómo añado un widget de búsqueda a la barra lateral de WordPress?
La barra lateral es un buen lugar cuando quieres que la búsqueda sea accesible sin dominar la página. Con SeedProd, añadirla a la barra lateral funciona de la misma manera que en el encabezado.
Ve a tu panel de WordPress, haz clic en SeedProd y luego en Theme Builder. Haz clic en el enlace “Edit Design” en tu plantilla de barra lateral para abrir el constructor.
Si aún no tienes esta plantilla, sigue estos pasos para crear una barra lateral personalizada en WordPress.
Una vez que estés en el constructor de tu barra lateral, encuentra el bloque Search en el panel izquierdo y arrástralo a donde quieras.
Personaliza su apariencia y, a continuación, haz clic en el bot ildeo>Guardar para que tus cambios se publiquen.
ilde{iquest}C ilde{o}mo puedo cambiar o editar el texto de la barra de b ilde{u}squeda de WordPress?
Puedes cambiar el texto de marcador de posici ilde{o}n dentro del campo de b ilde{u}squeda y la etiqueta del bot ilde{o}n de b ilde{u}squeda. Esta es una forma r ilde{a}pida de hacer que la barra se sienta como parte de tu marca.
En la configuraci ilde{o}n del bloque SeedProd Search Form, edita el texto de marcador de posici ilde{o}n para que sea algo como ilde{a}lt;Buscador del blog... ilde{a}gt; y cambia el texto del bot ilde{o}n de ilde{a}lt;Buscar ilde{a}gt; a lo que mejor se ajuste, como ilde{a}lt;Ir ilde{a}gt; o ilde{a}lt;Encontrar ilde{a}gt;.
Con el bloque Search gratuito, puedes editar la etiqueta del bot ilde{o}n en la configuraci ilde{o}n del bloque. El texto de marcador de posici ilde{o}n en el bloque nativo est ilde{a} fijo a menos que tu tema o un plugin te permita cambiarlo.
Método 4. Añadir búsqueda al sitio en WordPress con un plugin de búsqueda
Si tu problema real es la calidad de la b ilde{u}squeda, un plugin de b ilde{u}squeda de WordPress dedicado como SearchWP es la mejor opci ilde{o}n.
SearchWP a ilde{n}ade cuadros de b ilde{u}squeda con funciones avanzadas como b ilde{u}squeda en vivo con Ajax y resultados de b ilde{u}squeda personalizables.
La b ilde{u}squeda Ajax en vivo muestra los resultados en tiempo real a medida que los usuarios escriben. Eso reduce la espera y hace que toda la experiencia de b ilde{u}squeda sea m ilde{a}s r ilde{a}pida.
ilde{iquest}C ilde{o}mo a ilde{n}ado una barra de b ilde{u}squeda a un men ilde{u} de WordPress?
Primero, ve a tu panel de WordPress, abre Plugins ilde{a}gt; A ilde{n}adir nuevo y busca ilde{a}lt;SearchWP Modal Search Form ilde{a}gt;. Inst ilde{a}lalo y act ilde{a}valo. Tambi ilde{e}n puedes descargarlo de WordPress.org y subirlo manualmente.
Despu ilde{e}s de la activaci ilde{o}n, ve a Apariencia ilde{a}gt; Men ilde{u}s y selecciona un men ilde{u} para editar en el desplegable.
Busca el cuadro ilde{a}lt;SearchWP Modal Search Forms ilde{a}gt; a la izquierda y haz clic para expandirlo. Marca la opci ilde{o}n ilde{a}lt;WordPress nativo ilde{a}gt; y haz clic en A ilde{n}adir al men ilde{u}.
Aparece un elemento ilde{a}lt;WordPress nativo ilde{a}gt; en tu men ilde{u}. Haz clic en ilde{e}l para personalizarlo y cambia la etiqueta a ilde{a}lt;Buscar ilde{a}gt; para mayor claridad.
Haz clic en Guardar cambios y visita tu sitio para ver la b ilde{u}squeda del men ilde{u} en acci ilde{o}n.
ilde{iquest}C ilde{o}mo a ilde{n}ado b ilde{u}squeda en vivo con Ajax?
Para una experiencia m ilde{a}s interactiva, puedes a ilde{n}adir resultados en vivo con Ajax. Esto muestra resultados relevantes a medida que los usuarios escriben, similar a c ilde{o}mo funciona Google.
Instala y activa el plugin ilde{a}lt;SearchWP Live Ajax Search ilde{a}gt;. Funciona con SearchWP Modal Search Form y no tiene configuraci ilde{o}n que ajustar.
Una vez activado, el plugin a ilde{n}ade b ilde{u}squeda en vivo a todos tus formularios. Visita tu formulario de b ilde{u}squeda en el frontend y escribe una consulta para ver c ilde{o}mo funciona.
ilde{iquest}C ilde{o}mo personalizo los resultados de b ilde{u}squeda de WordPress?
A ilde{n}adir una barra de b ilde{u}squeda en vivo a tu men ilde{u} de WordPress es un buen comienzo, pero el plugin premium SearchWP va m ilde{a}s all ilde{a}. Te permite personalizar los resultados de b ilde{u}squeda y destacar elementos promocionados como productos.
Para una gu ilde{a} completa, consulta estos consejos sobre c ilde{o}mo mejorar la b ilde{u}squeda de WordPress con SearchWP.
Preguntas frecuentes sobre cómo añadir una barra de búsqueda a WordPress
ilde{iquest}C ilde{o}mo a ilde{n}ado una barra de b ilde{u}squeda en WordPress sin un plugin?
WordPress incluye un bloque Search gratuito que puedes a ilde{n}adir sin ning ilde{u}n plugin. Abre una p ilde{a}gina o publicaci ilde{o}n en el editor de bloques, haz clic en el icono +, escribe ilde{a}lt;Search ilde{a}gt; y selecciona el bloque Search.
Si usas un tema de bloques, también puedes añadir el mismo bloque a tu encabezado a través de Apariencia » Editor para que se muestre en cada página. Los temas clásicos pueden usar el widget de Búsqueda incorporado en su lugar.
¿Cómo añado una barra de búsqueda a mi menú de WordPress?
El menú nativo de WordPress no admite un cuadro de búsqueda por sí solo, por lo que necesitas un plugin como SearchWP Modal Search Form. Después de instalarlo, ve a Apariencia » Menús, expande la caja de SearchWP, marca 'Nativo de WordPress' y haz clic en Añadir al menú.
Renombra el elemento a 'Buscar', guarda tus cambios y la opción de búsqueda aparecerá en tu navegación.
¿Cómo cambio o edito el texto de la barra de búsqueda de WordPress?
Con SeedProd, abre la configuración del bloque Formulario de Búsqueda y edita el texto del marcador de posición y la etiqueta del botón directamente, por ejemplo, 'Busca en el blog...' y un botón que diga 'Ir'.
Con el bloque Search gratuito, puedes editar la etiqueta del bot ilde{o}n en la configuraci ilde{o}n del bloque. El texto de marcador de posici ilde{o}n en el bloque nativo est ilde{a} fijo a menos que tu tema o un plugin te permita cambiarlo.
¿Por qué la búsqueda predeterminada de WordPress devuelve resultados deficientes?
La búsqueda predeterminada de WordPress solo coincide con los títulos y el contenido de las entradas. Ignora etiquetas, categorías y campos personalizados, y no ordena los resultados por relevancia.
Por eso las búsquedas en sitios más grandes a menudo no encuentran la página correcta. Un plugin como SearchWP soluciona esto indexando más de tu contenido y clasificando los resultados según su coincidencia.
Añade tu barra de búsqueda hoy mismo
Añadir una barra de búsqueda hace que tu sitio sea más fácil de usar y ayuda a los visitantes a encontrar lo que buscaban. El bloque y widget de Búsqueda gratuitos cubren lo básico, mientras que SeedProd y SearchWP te dan control de diseño y mejores resultados.
Si quieres una barra de búsqueda que coincida con tu sitio y vaya a cualquier parte, incluido un encabezado personalizado o una página de WooCommerce, puedes crear una con SeedProd ahora mismo.
Si buscas más tutoriales sencillos de WordPress, consulta estas guías:
- Cómo añadir un control deslizante de fotos de antes y después a WordPress
- Cómo añadir un cuadro de autor en WordPress
- Cómo crear contadores de números animados en WordPress
- Cómo crear divisores de sección elegantes para WordPress
- Cómo hacer que tu blog parezca una página web
- Cómo crear pestañas en WordPress para contenido organizado en pestañas
- ¿Cómo crear animaciones de texto en WordPress (pasos sencillos)?
- Cómo agregar una barra lateral diferente para diferentes páginas en WordPress
¡Gracias por leer! Nos encantaría conocer tu opinión, así que no dudes en unirte a la conversación en YouTube, X y Facebook para obtener más consejos y contenido útil para hacer crecer tu negocio.
