Trusted WordPress tutorials, when you need them most.
Beginner’s Guide to WordPress
Copa WPB
25 Million+
Websites using our plugins
16+
Years of WordPress experience
3000+
WordPress tutorials
by experts

Cómo utilizar varios formularios de búsqueda en WordPress

Nota editorial: Ganamos una comisión de los enlaces de socios en WPBeginner. Las comisiones no afectan a las opiniones o evaluaciones de nuestros editores. Más información sobre Proceso editorial.

¿Quieres hacer múltiples formularios de búsqueda en WordPress?

Por defecto, un formulario de búsqueda buscará en todas las páginas, entradas y medios de su sitio web. Sin embargo, a menudo puede mejorar la experiencia del visitante creando varios formularios que busquen en categorías específicas, tipos de contenido, etc.

En este artículo, le mostraremos cómo puede añadir y utilizar múltiples formularios de búsqueda en su sitio WordPress.

How to use multiple search forms in WordPress

¿Por qué utilizar varios formularios de búsqueda en WordPress?

Un formulario de búsqueda puede ayudar a los visitantes a encontrar rápidamente lo que buscan. Sin embargo, si tiene mucho contenido, entonces puede tener sentido crear varios formularios que busquen tipos específicos de contenido.

Por ejemplo, si tienes una tienda online, puedes crear una búsqueda inteligente de productos en WooCommerce que busque específicamente productos.

También puedes crear un formulario de búsqueda avanzada para tipos de contenido personalizados. Por ejemplo, en WPBeginner, hemos creado formularios de búsqueda de tipo de contenido personalizado para nuestras páginas Ofertas y Glosario.

An example of a custom post search form

Utilizando distintos formularios de búsqueda en diferentes ubicaciones de su sitio, puede ayudar a los visitantes a obtener resultados de búsqueda precisos y útiles, independientemente de la cantidad de contenido que haya publicado. Esto mejorará la experiencia del visitante y reducirá la tasa de rebote.

Dicho esto, vamos a mostrarle cómo crear múltiples formularios de búsqueda en WordPress. Puede utilizar los enlaces rápidos a continuación para navegar a través de este tutorial:

Paso 1: Instalar y configurar SearchWP

La forma más sencilla de añadir múltiples formularios de búsqueda a tu sitio web WordPress es utilizando el plugin SearchWP. Es uno de los mejores plugins de búsqueda para WordPress, utilizado por más de 30.000 sitios.

SearchWP

Con SearchWP, puedes buscar contenido que WordPress ignora por defecto, incluyendo tipos de entradas personalizadas, archivos PDF, productos de WooCommerce y categorías. También puedes crear varios formularios de búsqueda y añadirlos a cualquier página, entrada o área preparada para widgets.

Lo primero que tienes que 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.

Una vez activado, vaya a SearchWP ” Ajustes y, a continuación, haga clic en la pestaña “General”.

Activating the SearchWP search plugin

Aquí debe introducir su licencia en la casilla “Clave de licencia”. Puede encontrar esta información en su cuenta del sitio SearchWP.

Una vez hecho esto, haz clic en el botón “Verificar clave”.

Paso 2: Crear un algoritmo de búsqueda personalizado en WordPress

Después de introducir la clave de licencia, es una buena idea ajustar cómo SearchWP indexa, busca y muestra su contenido. Puedes pensar en esto como la creación de un algoritmo de búsqueda de Google personalizado que es sólo para tu blog o sitio web de WordPress.

Estos son los ajustes generales que todos los formularios de búsqueda utilizarán por defecto. Puede anular estos ajustes para los formularios de búsqueda individuales.

Para empezar, dirígete a SearchWP Algoritmo.

Creating a search algorithm using SearchWP in WordPress

Aquí verás una sección para los diferentes tipos de contenido que SearchWP busca por defecto, como páginas y entradas.

Observará que cada elemento tiene una escala de ‘Relevancia del atributo aplicable’. Este es el peso (importancia) que SearchWP dará a cada atributo.

SearchWP's attribute relevance settings

El contenido que coincida con un atributo de gran relevancia aparecerá más arriba en los resultados de búsqueda. Por el contrario, el contenido que coincida con un atributo de menor relevancia aparecerá más abajo en la página de resultados de la búsqueda.

Para cambiar la relevancia, basta con arrastrar los distintos carruseles / controles deslizantes. Por ejemplo, si desplaza el carrusel / control deslizante “Título” hacia la izquierda y el carrusel / control deslizante “Contenido” hacia la derecha, el contenido tendrá más peso que el título.

An example of attributes with different relevancy settings in a custom search algorithm

Incluso puede indicar a SearchWP que busque contenido que WordPress ignora por defecto.

Para ello, haga clic en el botón “Fuentes y ajustes”.

How to make more content searchable in WordPress

Ahora puede marcar / comprobar la casilla siguiente a los diferentes tipos de contenido. Por ejemplo, puede que desee hacer que los comentarios del blog se puedan buscar o añadir la indexación y búsqueda de PDF en WordPress.

Cuando esté satisfecho con los cambios, simplemente haga clic en el botón “Hecho”.

How to add comments, media, and more to the WordPress search results

Esto añade una nueva sección para cada tipo de contenido. Una vez más, puede cambiar la relevancia de los atributos utilizando los diferentes carruseles / controles deslizantes.

Cuando esté satisfecho con cómo se ha establecido el algoritmo de búsqueda, sólo tiene que desplazarse a la parte superior de la pantalla y hacer clic en el botón “Guardar”.

Saving your improved WordPress search settings

SearchWP reconstruirá el índice automáticamente. Dependiendo de la velocidad de su conexión a Internet y de su proveedor de alojamiento de WordPress, esto puede tardar unos minutos.

En cuanto veas ‘Estado del índice 100%’, sabrás que SearchWP ha indexado todo tu contenido y ajustes.

Rebuilding the WordPress search index

Paso 3: Crear varios formularios de búsqueda diferentes en WordPress

Ahora, puede crear tantos formularios de búsqueda diferentes como desee.

Para empezar, dirígete a SearchWP Formularios de búsqueda y haz clic en el botón “Añadir nuevo”.

How to create a new search form using SearchWP

Esto crea un nuevo formulario de búsqueda, listo para que usted lo personalice. Por ejemplo, si tiene un sitio web de reseñas, puede crear un formulario que busque entradas de reseñas de productos e ignore otros contenidos, como entradas de blog y medios.

Para empezar, tendrá que dar un nombre único al formulario, al hacer clic en el pequeño icono de lápiz situado al lado de “Buscar formulario 1”.

Adding a name to the search form

Ahora escriba un nombre para el formulario de búsqueda personalizado.

Dado que va a crear varios formularios de búsqueda en WordPress, es importante utilizar un nombre que le ayude a identificar este formulario en el escritorio de WordPress.

Adding a title to a custom search form

A continuación, puede elegir una disposición utilizando las miniaturas de “Tema de disposición”.

Algunas de estas disposiciones están diseñadas para formularios de búsqueda específicos. Por ejemplo, si está creando un formulario de búsqueda por categorías en WordPress, le recomendamos que seleccione “Búsqueda por categorías”, ya que contiene muchos de los ajustes que necesita.

Choosing a layout for a custom search form

Basta con hacer clic en los distintos temas para ver una vista previa del aspecto que tendrá este formulario en su sitio web. Después de tomar su decisión, desplácese hasta la sección “Estilo personalizado”.

Los ajustes que vea pueden variar dependiendo de la estructura / disposición / diseño / plantilla de su tema. Por ejemplo, si ha seleccionado “Búsqueda rápida”, el ajuste “Búsqueda rápida” estará activado / activo por defecto.

The quick search SearchWP theme and settings

Puedes desactivar y activar las distintas opciones utilizando sus conmutadores. La vista previa en directo se actualizará automáticamente a medida que realice cambios, de modo que podrá probar distintos ajustes para ver cuál funciona mejor.

Dependiendo de su disposición y del tipo de formulario que desee crear, puede que necesite activar y desactivar algunos de los ajustes de ‘Estilo personalizado’.

¿Quiere crear un formulario que busque por categorías? Entonces, tendrá que activar el conmutador “Búsqueda por categoría”.

A continuación, busque el campo “Seleccionar categoría” y escriba cada categoría que desee incluir en los resultados de la búsqueda. Por ejemplo, si diriges una tienda online, entonces es posible que desees crear formularios que busquen categorías específicas de productos WooCommerce.

Creating multiple search forms for WordPress

Si desea permitir que los visitantes filtren los resultados de la búsqueda utilizando factores como el autor, el tipo de entrada y la etiqueta, deberá hacer clic para activar el conmutador “Búsqueda avanzada”.

A continuación, desplácese hasta el campo “Filtro/s de búsqueda avanzada”. Por defecto, SearchWP permite a los visitantes filtrar sus resultados utilizando autores, tipos de contenido y etiquetas.

Creating an advanced search form in WordPress

Para quitar / eliminar cualquiera de estos filtros, basta con hacer clic en su botón ‘X’. Si quieres añadir más filtros, escribe sus nombres en el campo correspondiente.

A continuación, cuando aparezca la opción adecuada en el desplegable, haz clic en ella.

Adding filters to the WordPress search

Por defecto, el formulario buscará en medios, páginas y entradas. Si ha creado tipos de contenido personalizados, puede incluirlos en los resultados de la búsqueda.

Para ello, busque el campo “Tipo de búsqueda” y haga clic en él.

Adding multiple search forms to a WordPress website

Ahora puede escribir el nombre de cada tipo de contenido personalizado.

Cuando aparezca el tipo de contenido personalizado adecuado, haga clic para añadirlo a la búsqueda.

How to search custom post types in WordPress

¿Desea excluir medios, páginas o entradas de los resultados de búsqueda?

A continuación, haz clic en la pequeña “X” situada junto a “Medios”, “Páginas” o “Entradas”.

Removing content types from your WordPress search results

Cuando esté satisfecho con el tipo de contenido que SearchWP buscará, es posible que desee añadir algún texto marcador de posición a la barra de búsqueda.

Le recomendamos que explique a los visitantes cómo funciona el formulario de búsqueda y qué resultados pueden esperar. Por ejemplo, si tiene un mercado online, puede utilizar textos como “Buscar productos” o “Empezar a comprar”.

Por defecto, SearchWP mostrará un mensaje genérico ‘Introduzca la palabra clave y busque’. Puede sustituirlo por su propio mensaje escribiendo en “Etiqueta de campo”.

Adding a label to a search form on your WordPress blog or website

Por defecto, el formulario de búsqueda muestra una lupa y un botón azul “Buscar”.

Para eliminar el botón “Buscar”, basta con hacer clic para desactivar el conmutador “Botón de búsqueda”.

Customizing a search form in WordPress

Cuando esté satisfecho con estos ajustes, desplácese a la sección “Estilo de formulario”.

Aquí puede elegir entre diferentes estilos de formulario, añadir un borde y cambiar el tamaño de la fuente.

Changing the SearchWP for style

En “Estilo de botón”, puede personalizar el botón “Buscar” que aparece en el formulario.

Por último, cuando esté satisfecho con cómo se ha establecido el formulario, puede desplazarse a la parte superior de la pantalla y hacer clic en “Guardar” para guardar los ajustes.

Saving your custom WordPress search form

Para crear más formularios de búsqueda personalizados con ajustes únicos, sólo tiene que repetir exactamente el mismo proceso descrito anteriormente.

Paso 4: Añadir múltiples formularios de búsqueda a su sitio WordPress

Puede añadir varios formularios de búsqueda a cualquier página, entrada o área preparada para widgets utilizando un shortcode o el bloque Formulario de búsqueda.

Como es el más sencillo, empecemos por el método del bloque.

Opción 1: Añadir un formulario de búsqueda a una página o entrada

Puede añadir un formulario de búsqueda a una página o entrada específica o incluso mostrarlo dentro del contenido de la entrada.

Por ejemplo, puede añadir un formulario de búsqueda a su página de FAQ, documentación, help desk, base de conocimientos o similar. Esto puede mejorar la experiencia del cliente ayudando a los usuarios a encontrar respuestas y recursos útiles.

Search form in page example

Para empezar, diríjase a la página o entrada en la que desea añadir el formulario.

A continuación, puede hacer clic en el icono “+” y escribir “Formulario de búsqueda”.

Adding a search form to a page or post using a block

Cuando aparezca el bloque adecuado, haz clic en él.

Ahora puede abrir el menú desplegable “Seleccionar un formulario” y elegir el formulario que desea mostrar en esta página o entrada.

Choosing a search form

Cuando esté listo para activar el formulario de búsqueda, haga clic en “Actualizar” o “Publicar”. Ahora, simplemente visita esta página o entrada para ver el formulario de búsqueda en acción.

Opción 2: Añadir un formulario de búsqueda a una zona preparada para widgets

Otra opción es añadir un formulario de búsqueda a una zona preparada para widgets, como la barra lateral o una sección similar. Esta es una forma sencilla de mostrar la misma barra de búsqueda en varias páginas de tu sitio web WordPress.

Ve a Apariencia ” Widgets para ver las diferentes áreas donde puedes añadir widgets.

Adding a search widget to a blog or website

Las opciones que vea pueden variar dependiendo de su tema de WordPress. Por ejemplo, si utilizas el tema Astra, el área de widgets de la barra lateral se llama “Barra lateral principal”.

Sólo tiene que hacer clic en el icono de bloque “+” de la zona en la que desee añadir un widget.

Add new block widget

A continuación, escriba “Formulario de búsqueda”.

Cuando aparezca el bloque adecuado, haz clic para añadirlo a tu sitio web.

Adding a search form widget to your website

Ahora puede abrir el menú desplegable y elegir el formulario de búsqueda que desea utilizar.

Cuando haya terminado, sólo tiene que hacer clic en el botón “Actualizar” para que el formulario de búsqueda se active.

Adding a search form to a blog or website

Ahora, puede visitar su sitio para ver el formulario de búsqueda mejorado.

Para más información sobre este debate, consulte nuestra guía sobre cómo añadir y utilizar widgets en WordPress.

Opción 3: Añadir un formulario de búsqueda utilizando el editor de sitio completo

Si estás usando un tema de WordPress en bloque, entonces puedes añadir formularios de búsqueda usando el editor completo del sitio. Incluye áreas que no puedes editar usando el editor de contenido estándar de WordPress. Por ejemplo, puedes añadir un formulario de búsqueda a tu plantilla 404 de WordPress.

Para empezar, diríjase a Apariencia ” Editor en el escritorio de WordPress.

Launching the full-site editor (FSE) in WordPress

Ahora verás algunas opciones para editar el tema de tu bloque.

A modo de ejemplo, le mostraremos cómo añadir un formulario de búsqueda a una plantilla de página. Para ello, haga clic en el menú “Plantillas”.

Choosing a Template to Edit in the Full Site Editor

Ahora verá una lista de todas las plantillas que componen su tema de WordPress.

Sólo tienes que buscar la plantilla o parte de plantilla que quieras editar y darle un clic.

Adding a custom search form to a website template or template part

WordPress mostrará ahora una vista previa de esta plantilla.

Para editar la plantilla, haga clic en el icono del lápiz pequeño.

Adding a search form to an archive template

Ahora, haz clic en el icono “+”.

En el panel que aparece, escriba “Formulario de búsqueda”.

Adding the SearchWP search widget to WordPress

Cuando aparezca el bloque adecuado, arrástralo y suéltalo en tu estructura / disposición / diseño / plantilla.

Ahora puede abrir el menú desplegable y elegir el formulario de búsqueda que desea utilizar.

Showing different search form widgets in WordPress

Una vez hecho esto, basta con hacer clic en el botón “Guardar” para aplicar los cambios.

Opción 4: Añadir un formulario de búsqueda a WordPress mediante un shortcode

Otra opción es añadir un formulario de búsqueda utilizando su shortcode. Esta puede ser una opción más fácil si desea añadir el mismo formulario de búsqueda a varias páginas, entradas o áreas preparadas para widgets, ya que solo tiene que pegar el mismo shortcode en varias ubicaciones.

Para obtener el shortcode de un formulario de búsqueda, dirígete a SearchWP Formularios de búsqueda. Aquí, busque el formulario de búsqueda que desea mostrar y copie el valor en la columna ‘Shortcode’.

How to add a search form to WordPress using shortcode

Ahora puedes añadir el shortcode a cualquier página, entrada o área preparada para widgets. Para obtener instrucciones paso a paso, consulta nuestra guía sobre cómo añadir un shortcode en WordPress.

Opción 5: Añada un formulario de búsqueda a su menú de navegación

A menudo, los sitios web tienen una página con un formulario de búsqueda y un menú que contiene una barra de búsqueda. De este modo, dondequiera que se encuentre el usuario, sólo tiene que desplazarse hasta la sección de cabecera y utilizar la característica de búsqueda cuando lo necesite.

Si está interesado en hacerlo, puede comprobar nuestra guía sobre cómo añadir una barra de búsqueda al menú de WordPress con SearchWP.

Esperamos que este artículo te haya ayudado a aprender a utilizar formularios de búsqueda múltiple en WordPress. También puedes consultar nuestra guía sobre cómo aumentar el tráfico de tu blog y nuestra selección de los mejores plugins de formularios para WordPress.

If you liked this article, then please subscribe to our YouTube Channel for WordPress video tutorials. You can also find us on Twitter and Facebook.

Descargo: Nuestro contenido está apoyado por los lectores. Esto significa que si hace clic en algunos de nuestros enlaces, podemos ganar una comisión. Vea cómo se financia WPBeginner , por qué es importante, y cómo puede apoyarnos. Aquí está nuestro proceso editorial .

Avatar

Editorial Staff at WPBeginner is a team of WordPress experts led by Syed Balkhi with over 16 years of experience in WordPress, Web Hosting, eCommerce, SEO, and Marketing. Started in 2009, WPBeginner is now the largest free WordPress resource site in the industry and is often referred to as the Wikipedia for WordPress.

El último kit de herramientas de WordPress

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

Reader Interactions

18 comentariosDeja una respuesta

  1. Syed Balkhi says

    Hey WPBeginner readers,
    Did you know you can win exciting prizes by commenting on WPBeginner?
    Every month, our top blog commenters will win HUGE rewards, including premium WordPress plugin licenses and cash prizes.
    You can get more details about the contest from here.
    Start sharing your thoughts below to stand a chance to win!

  2. Ralph says

    Wow, I didn’t even know it is possible to have multiple search forms. Good to know I can make search results better in certain areas with seperate forms. And once again you prove that SearchWP plugin is such a good tool to have!

  3. Pablo says

    And how would you change the placehoder text for each form?
    For instance, placehoder text for form 1: Search the normal blog. Placeholder text fro form 2: Search books for form 2.

    • WPBeginner Support says

      For one option you could add placeholder = “text” in the input tag for which you want to display each text

      Administrador

  4. Danny says

    I cannot get this to work, search results come up with a blank page :(
    Anyone else get this working or know of another solution for creating multiple forms?

    • Sofi smith says

      Hi Danny,

      Did you get this to work? The / is depreciated – use in the actual form rendering instead and it works :)

      Hope this helps.

      • Jim Bouschor says

        i followed this exactly and i’m able to load the proper search results templates when i perform a search, but NO results appear. Also when I do a search in one of my forms, the other form has the searched term in the input field when i return to it.

        If anyone can shed some light it would be greatly appreciated. I cannot find anything useful on the internet somehow…

  5. sunnyrainyareallgood says

    Is it ok to name template as search-normal.php and search-book.php instead of normal-search.php and book-search.php?

  6. EvertVd says

    There is small problem with this: If you place two search forms on a page you have two input-boxes with the same id (id=’s’). Which at the very least will not validate.

Deja tu comentario

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