X

Cómo crear un formulario de búsqueda personalizado en WordPress (rápido y sencillo)

cómo crear un formulario de búsqueda personalizado en wordpress

¿Quieres crear fácilmente un formulario de búsqueda personalizado en WordPress sin necesidad de codificar?

Un formulario de búsqueda personalizado permite a los visitantes buscar y filtrar fácilmente el contenido de tu sitio web en unos pocos clics.

Cuando los usuarios encuentran rápidamente lo que buscan, es más probable que permanezcan más tiempo en tu sitio. También es más probable que tomen medidas para comprar un producto, leer tu blog, suscribirse a un boletín informativo y más.

En esta publicación, te mostraremos cómo crear fácilmente un formulario de búsqueda personalizado en WordPress para mejorar la experiencia del usuario y aumentar las conversiones.

Antes de eso, veamos si realmente necesitas crear un formulario de búsqueda personalizado para tu sitio.

¿Por qué crear un formulario de búsqueda personalizado?

Un formulario de búsqueda personalizado es ideal para sitios que tienen mucho contenido, productos, documentación y preguntas frecuentes. Es una característica imprescindible en tiendas de comercio electrónico, directorios de negocios en línea, sitios de escuelas/colegios y sitios similares.

La opción de búsqueda ayudará a los usuarios a encontrar lo que necesitan sin pasar minutos o incluso horas buscándolo.

Así que aquí te explicamos por qué deberías crear un formulario de búsqueda personalizado para tu sitio de WordPress:

  • Ayuda a los usuarios a navegar por tu contenido
  • Ahorra tiempo al encontrar cosas más rápido
  • Aumenta las conversiones y las ventas
  • Optimiza tu sitio para usuarios móviles
  • Reduce la tasa de rebote

Ahora, te mostraremos cómo crear un formulario de búsqueda personalizado en WordPress utilizando un plugin constructor de formularios.

Cómo crear un formulario de búsqueda personalizado en WordPress

Hay 3 métodos que puedes usar:

Te guiaremos a través de los 3.

1. Agregar código a tu sitio de WordPress

El primer método que puedes usar es la opción de búsqueda predeterminada que ofrece WordPress.org. Puedes habilitar una búsqueda básica de WordPress que te permite buscar páginas y publicaciones en tu sitio.

Sin embargo, este método es un poco complicado. Implica codificar y editar archivos principales de WordPress como el archivo functions.php, que son muy sensibles. Necesitas estar familiarizado con javascript, PHP y otros lenguajes de programación para que esto funcione. Un paso en falso y podrías dañar tu sitio web.

Necesitarás usar la función “get_search_form()” para mostrar el formulario de búsqueda en tu sitio. Esto te ayudará a obtener el archivo searchform.php en tu tema de WordPress. Si no se encuentra, se usará la opción de búsqueda predeterminada del núcleo de WordPress.

Pero, para personalizar el cuadro de búsqueda de WordPress, necesitarás agregar más código al archivo.

No recomendamos este método, especialmente si no te sientes cómodo con la codificación. En su lugar, es mejor usar un plugin de búsqueda de WordPress confiable para habilitar la búsqueda en el sitio. Y eso es exactamente lo que haremos a continuación.

Encontrarás varios plugins en el mercado que te permiten personalizar el formulario de búsqueda de WordPress. 

Asegúrate de elegir un plugin de WordPress que no solo te permita crear una búsqueda personalizada, sino también agregar filtros y mostrar los resultados correctos a tus visitantes. 

Recomendamos usar SearchWP, el plugin de búsqueda número 1 para WordPress que te permite buscar TODO en tu sitio. También puedes usar Formidable Forms para crear un formulario de búsqueda personalizado. A continuación, te mostraremos cómo crear un formulario de búsqueda personalizado usando estos 2 plugins.

Instala el Plugin SearchWP (Recomendado)

SearchWP

SearchWP es, sin duda, el mejor plugin de búsqueda personalizada para WordPress. Es fácil de usar, muestra resultados precisos y te da control sobre tu formulario de búsqueda.

SearchWP es realmente increíble y tiene características premium inigualables, por lo tanto, es un plugin premium. Puedes registrarte para un plan a partir de $99 al año. Y aunque no te decepcionará, hay una garantía de devolución de dinero de 14 días.

Esto te permitirá habilitar una búsqueda para todo. Busca los detalles de tus productos, contenido de campos personalizados, salida de shortcodes, contenido de tablas de bases de datos personalizadas, búsqueda multisitio entre sitios y más en tu sitio.

Tendrás acceso a funciones que incluyen:

  • Indexación de documentos PDF y Office
  • Integración automática con la Búsqueda Nativa de WP, ¡sin código!
  • Múltiples motores de búsqueda
  • Derivación de palabras clave (stemming)
  • Soporte avanzado para campos personalizados
  • Integración con WooCommerce
  • Excluir o atribuir resultados
  • Estadísticas y perspectivas de búsqueda
  • Personalización sencilla del algoritmo

El plugin también se integra con bbPress, WP Job Manager, Easy Digital Downloads y más. Además, tendrás acceso a soporte dedicado y documentación detallada.

Y todo lo que hemos mencionado está solo en el plan base, por lo que el plugin vale totalmente su precio a solo $8.25 por mes. Tendrás muchas más funciones en los planes de gama alta.

Una vez que te registres para obtener una cuenta, puedes comenzar con el tutorial paso a paso a continuación.

Paso 1: Activando SearchWP

Dentro de tu cuenta de SearchWP, puedes acceder a tu clave de licencia, detalles de la cuenta y descargas. Necesitarás descargar el archivo del plugin. Y también querrás copiar tu clave de licencia, ya que la necesitarás en un momento.

cuenta de searchwp

Luego, dirígete a tu panel de wp-admin y navega a Plugins » Agregar Nuevo » Subir Plugin.

subir plugin en wordpress

Selecciona el archivo del plugin que descargaste a tu computadora y haz clic en el botón Instalar Ahora.

Una vez que lo hayas instalado y activado, necesitas visitar la página Ajustes » SearchWP y luego hacer clic en la opción de menú 'Licencia'.

añadir licencia en searchwp

Busca tu clave de licencia en tu cuenta de SearchWP y pégala aquí en el cuadro de Licencia.

Haz clic en el botón Activar y estarás listo para configurar el motor de búsqueda.

Paso 2: Personalización del Motor de Búsqueda

Dentro de la pestaña SearchWP en tu panel de wp-admin, selecciona la opción de menú ‘Engines’. Una vez dentro, haz clic en el botón ‘Add New’ para crear un nuevo motor de búsqueda.

añadir nuevo motor searchwp

Esto creará un nuevo motor de búsqueda llamado ‘supplemental’. Para cambiar el nombre, necesitas hacer clic en el botón ‘Sources & Settings’.

motor de búsqueda complementario

Ahora verás una opción para elegir si buscar en publicaciones, páginas, archivos multimedia, comentarios y usuarios. La configuración recomendada ya está agregada aquí, así que puedes dejarla como está.

Para identificar el motor de búsqueda más tarde, llamémoslo ‘Custom’ en el campo ‘Engine Label’.

editar configuración en motor suplementario

Aquí, puedes ver que la opción ‘Keyword Stems’ ha sido seleccionada. Esto ignorará las terminaciones de las palabras cuando tus usuarios realicen una búsqueda, de modo que se mostrarán los resultados de búsqueda más relevantes.

Cuando estés listo aquí, presiona el botón ‘Done’ para guardar tus cambios.

Ahora, de vuelta en la página del motor, puedes ver una sección llamada ‘Applicable Attribute Relevance’ debajo de cada subtítulo. Esto te permite priorizar diferentes atributos de publicación, o incluir solo ciertas categorías o etiquetas en tu página de resultados de búsqueda.

Todo lo que tienes que hacer es usar los deslizadores para ajustar la ‘Attribute Relevance’.

deslizadores de atributos en searchwp

Esto impactará cómo los motores de búsqueda valoran y clasifican el contenido de tu sitio. Por ejemplo, si quieres que Google preste más atención al título de la publicación que al contenido, puedes darle más importancia al título aquí.

Luego, SearchWP te da control sobre si cierto contenido se incluye o excluye de los resultados de búsqueda. Para esto, puedes crear reglas.

Esto podría ser para que los clientes encuentren rápidamente productos de la misma categoría que están navegando. O permitir a los visitantes buscar contenido sobre el mismo tema del que acaban de leer.

Para establecer reglas, hay un botón 'Editar Reglas' en cada sección.

Al hacer clic en esto, verás una ventana emergente con configuraciones para categorías, etiquetas, formato, fecha de publicación y el ID de la publicación.

searchwp editar reglas

Puedes crear reglas como quieras aquí para controlar cómo se comporta tu motor de búsqueda.

Y una vez que hayas terminado, asegúrate de hacer clic en el botón 'Guardar Motores' en la parte superior de la página para crear tu motor de búsqueda personalizado.

Ahora has configurado tu motor de búsqueda de WordPress con éxito. Está listo para ser agregado a tu sitio web.

Paso 3: Agregar el Formulario de Búsqueda con Shortcode

Usualmente, agregar un motor de búsqueda a tu sitio web requiere mucha codificación, pero SearchWP lo ha minimizado. Solo necesitas pegar un shortcode para incrustar tu motor de búsqueda, y esto es tan simple que es fácil incluso si eres principiante.

Simplemente visita la Extensión de Shortcodes de SearchWP y luego haz clic en el botón 'Descargar Extensión'.

Después de eso, necesitas instalar y activar la extensión en tu sitio de WordPress de la misma manera que instalaste el plugin anterior.

Una vez activado, podrás agregar un shortcode simple dentro de tus publicaciones, páginas y widgets.

Todo lo que necesitas hacer es editar una publicación en el Editor de Bloques y agregar un nuevo bloque llamado 'HTML Personalizado'.

Dentro del bloque, puedes copiar y pegar este shortcode:

[searchwp_search_form engine="custom" var="searchvar" button_text="Custom Search"]
   
<div class="search-results-wrapper">
 [searchwp_search_results engine="custom" var="searchvar" posts_per_page=4]
  <h2>[searchwp_search_result_link direct="true"]</h2>
  [searchwp_search_result_excerpt]
 [/searchwp_search_results]
</div>
   
<div class="no-search-results-found">
 [searchwp_search_results_none]
 No results found, please search again.
 [/searchwp_search_results_none]
</div>
   
<div class="search-results-pagination">
 [searchwp_search_results_pagination direction="prev" link_text="Previous" var="searchvar" engine="custom"]
 [searchwp_search_results_pagination direction="next" link_text="Next" var="searchvar" engine="custom"]
</div>

Nombré nuestro motor 'custom', si has elegido un nombre diferente, entonces necesitarás cambiar engine=“custom” al nombre de tu propio motor en cuatro lugares dentro de este fragmento de código.

En este código, el texto del botón dirá 'Custom Search'. Si deseas cambiar el texto del botón de búsqueda por algo más creativo, puedes hacer la edición en la primera línea button_text=“Custom Search”.

Este código agregará el motor de búsqueda personalizado a tu publicación de WordPress. También creará una sección para mostrar los resultados de la búsqueda, mostrará un mensaje de sin resultados si es necesario y agregará paginación si los resultados van a varias páginas.

Puedes previsualizar la publicación y verás que aparece el motor de búsqueda. Verás un campo de búsqueda junto con el botón CTA dentro de tu publicación.

Luego, Publica o Actualiza y haz que el formulario de búsqueda personalizado se publique. Si necesitas ayuda con esto, sigue nuestra guía fácil sobre cómo agregar un shortcode en WordPress.

Puedes probar tu formulario personalizado ingresando algunos términos de búsqueda para ver los resultados que devuelve la herramienta.

Con eso, has aprendido cómo agregar barras de búsqueda a tu sitio web de WordPress. SearchWP es un plugin de búsqueda avanzado que vale la pena explorar más de sus características. A continuación, te mostraremos cómo mejorar la función de búsqueda de tu sitio web.

Paso 4: Configuración de Ajustes Avanzados

Hay 2 opciones avanzadas que nos gustaría cubrir para mejorar tu formulario de búsqueda personalizado de WordPress.

  • Agregar Búsqueda Ajax en Vivo: Esto agrega automáticamente resultados de búsqueda desplegables mientras el usuario escribe. Ayuda al usuario a encontrar su consulta más rápido. SearchWP ofrece un plugin gratuito Live Ajax Lite Search plugin en el repositorio de WordPress para esto.
  • Usando Configuración Avanzada para SearchWP: Debajo de la pestaña Configuración » SearchWP en tu menú de WordPress, hay una pestaña Avanzada. En esta página, puedes habilitar configuraciones que facilitarán a tus usuarios encontrar lo que buscan.
configuración avanzada de searchwp

Esto te da control total sobre cómo funciona tu motor de búsqueda. A continuación, te mostraremos cómo personalizar la apariencia de tu motor de búsqueda.

Paso 5: Estilizando el Formulario de Búsqueda y la Página de Resultados

Si no estás satisfecho con la forma en que aparece tu nueva barra de búsqueda, puedes cambiarla.

Lo que necesitas saber es que el tema de tu sitio controla la apariencia de tu página de inicio, encabezado, barra lateral, publicaciones, formulario de búsqueda y resultados de búsqueda. Los formatos y estilos de tu tema de WordPress se almacenan en una hoja de estilo CSS.

Simplemente necesitas agregar tu propio CSS personalizado para cambiar la apariencia de tu barra de búsqueda y la página de resultados.

Si no has hecho esto antes, te recomendamos hacer una copia de seguridad de tu sitio web. Es importante poder restaurar tu sitio en caso de que las cosas no salgan según lo planeado. Luego puedes usar un sitio de staging (un clon de tu sitio web) para probar esto primero.

A continuación, se muestra un fragmento de CSS personalizado que funcionará con la mayoría de los temas de WordPress. La primera sección cambia el estilo del formulario de búsqueda predeterminado y la segunda sección personaliza los resultados de la búsqueda.

Puedes copiar y pegar el siguiente código para estilizar la función de búsqueda de tu sitio:


.searchform {
font-family:arial;
font-size:16px;
background:#ace5e3;
color:#ffffff;
border:1px solid #61c3c0;
padding:10px;
height:90px;
width:600px;
}
 
.search-results {
font-family:arial;
font-size:16px;
background:#ace5e3;
color:#000000;
border:1px solid #61c3c0;
padding:10px;
width:600px;
}

¿Quieres saber más sobre esto? WPBeginner tiene la mejor guía: Cómo agregar fácilmente CSS personalizado a tu sitio de WordPress.

¡Eso es todo! Has creado un formulario de búsqueda totalmente personalizable usando SearchWP.

A continuación, te mostraremos una forma más de crear un formulario de búsqueda personalizado de WordPress.

Crea un formulario de búsqueda personalizado usando Formidable Forms

formidable-forms

Formidable Forms es el único plugin constructor de formularios de WordPress que viene con una función de vistas totalmente integrada. Así que no solo puedes recopilar datos de formularios, sino también mostrarlos en el front-end de tu sitio.

Con Views, puedes crear fácilmente una página web para mostrar bellamente los datos enviados por el usuario directamente desde tu panel de WordPress. Puedes usar esto para mostrar directorios de negocios, directorios de miembros, listados y más.

También puedes conectar tus vistas con un formulario de búsqueda y permitir que los visitantes de tu sitio busquen contenido específico.

Para ver si es la opción correcta para ti, puedes consultar esta publicación para comparar Formidable Forms con WPForms.

Dicho esto, comencemos el tutorial. 

Paso 1: Instalar y Activar el Plugin Formidable Forms

Primero, deberás registrarte en una cuenta de Formidable Forms. Asegúrate de obtener el plan que incluye la función de Vistas. 

Después de registrarte, dirígete a tu panel de administración de WordPress y abre la pestaña Plugins » Añadir Nuevo. Busca el plugin Formidable Forms y haz clic en el botón Instalar.

instalar el plugin formidable forms

Si necesitas más ayuda con esto, puedes consultar nuestra guía sobre cómo instalar un plugin de WordPress

Una vez que instales y actives el plugin, verás una página de bienvenida. Haz clic en el botón Conectar una cuenta para conectarte a tu cuenta y acceder a todas las funciones premium. 

Si aún no has iniciado sesión en tu cuenta de Formidable Forms, deberás iniciar sesión nuevamente.

conectar tu cuenta

A continuación, necesitas instalar el complemento Formidable Forms Pro y Visual Views en tu sitio. 

Puedes instalarlos directamente desde la pestaña Formidable en tu panel de WordPress o descargar el archivo del plugin desde tu cuenta. 

Ahora, estás listo para crear un formulario de búsqueda personalizado en WordPress con Formidable Forms. 

Paso 2: Añadir Datos para tu Formulario de Búsqueda

Antes de crear un formulario de búsqueda, necesitas recopilar datos para tus resultados de búsqueda. 

Para crear un nuevo formulario, navega a Formidable » Formularios y haz clic en el botón + Añadir Nuevo

crear nuevo formulario de datos de búsqueda

Verás una ventana emergente donde puedes elegir una plantilla para tu formulario. Nosotros usaremos la plantilla de formulario en blanco para este tutorial. 

elegir una plantilla formidable forms

Luego, necesitas agregar el nombre y la descripción de tu formulario.

Una vez que hayas terminado de nombrar tu formulario, haz clic en el botón Crear para iniciar el creador de formularios de arrastrar y soltar. 

formulario de recopilación de datos

En el creador de formularios, puedes ver los campos del formulario en el lado izquierdo y la vista previa del formulario en el lado derecho de la página.

constructor de formularios formidable forms

Para insertar cualquier campo del formulario, simplemente puedes arrastrarlo y soltarlo desde el menú de campos a la vista previa del formulario. 

Aquí, estamos agregando estos campos: Nombre, Apellido, Correo electrónico y País. Puedes agregar cualquiera de los campos según tus requisitos.

arrastrar y soltar formidable

Para personalizar cualquier campo, solo necesitas hacer clic en él y podrás ver la configuración del formulario. Hay muchas opciones como etiqueta, opción requerida, CSS personalizado y más. 

Incluso puedes usar la opción de lógica condicional para mostrar u ocultar campos del formulario según la entrada del usuario.

editar configuración de campo crear un formulario de búsqueda personalizado en wordpress

Cuando hayas terminado de agregar campos, haz clic en el botón Actualizar en la esquina superior derecha del constructor de formularios. 

Ahora, todo lo que necesitas hacer es publicar este formulario en tu sitio para recopilar datos de tus usuarios o miembros del sitio web. 

O, también puedes importar un archivo de datos desde tu computadora. Para esto, abre la pestaña Entradas en la parte superior del constructor y haz clic en el botón Importar.

importar entradas

Luego, verás una ventana donde puedes cargar cualquier archivo CSV o XML para importar datos a tu formulario. Puedes mapear los campos con los datos del archivo para importar registros. 

subir archivos

Después de recopilar los datos, necesitarás crear un formulario de búsqueda personalizado en WordPress para permitir que los usuarios busquen en tu sitio.

Paso 3: Crea tu formulario de búsqueda personalizado

Para crear un formulario de búsqueda, necesitas seguir las mismas instrucciones del Paso 2. 

Ve a Formidable » Formularios » Agregar Nuevo y selecciona una plantilla en blanco. Luego, dale un nombre y una descripción a tu formulario de búsqueda personalizado.

crear nuevo formulario de búsqueda

En este formulario, vamos a agregar 3 campos para permitir que los usuarios busquen los datos en tu sitio. Los campos son Nombre, Apellido y País.  

Puedes usar el campo de texto para los nombres y un campo desplegable de búsqueda para la búsqueda de país.

campos del formulario de búsqueda crear un formulario de búsqueda personalizado en wordpress

En la configuración del campo Nombre, necesitas agregar el valor predeterminado para conectar tu formulario de búsqueda con una vista de resultados más adelante. 

Para esto, agrega este shortcode en la opción Valor predeterminado en la configuración del campo:

[get param=fname] 

Aquí, “fname” es el texto que usamos para el campo de nombre para conectarlo con la vista. 

editar nombre

En la configuración del campo Apellido, vamos a agregar el mismo shortcode:

[get param=lname] 

Aquí, “lname” es el texto que usamos para el campo de apellido para conectarnos con la vista. 

apellido editar

En la configuración del campo País, necesitamos agregar los nombres de los países en la opción desplegable. Asegúrate de dejar la primera opción en blanco.

campo de país

Si te desplazas hacia abajo, puedes ver la opción para agregar un texto de marcador de posición. Y al igual que los otros dos campos del formulario, necesitas agregar un valor predeterminado aquí. Inserta el shortcode:

[get param=country] 

Aquí, “country” es el texto que usamos para el campo de país para conectarnos con la vista. 

editar campo de país

Una vez que hayas terminado de agregar los tipos de entrada, puedes cambiar el diseño de los campos del formulario. 

Para que se muestren en una sola línea horizontal, ve a la opción Clases de diseño CSS para cada campo y selecciona la opción 1/4. 

cambiar formato

Si deseas personalizar el botón, navega a la pestaña Configuración » Estilo y Botones y ve a la configuración del botón. 

Aquí, puedes cambiar el texto del botón de envío a Buscar y elegir la alineación del botón a En línea. Esto hará que tu botón de búsqueda aparezca en la misma fila que tus campos de formulario. 

nombre y alineación del botón

Ahora que has aprendido a crear un formulario de búsqueda personalizado en WordPress, insertemos este formulario y los resultados en una página web.

Paso 4: Crear una vista de resultados de búsqueda

Necesitas crear una vista para mostrar los resultados de búsqueda y el formulario de búsqueda en la misma página.

Para crear una nueva vista, abre la página Formidable » Vistas y haz clic en el botón + Añadir nueva.

crear nueva vista

Luego, verás la ventana emergente que te permite elegir entre los tipos de vista Cuadrícula, Tabla, Calendario y Clásica. 

Para este tutorial, elegiremos la vista de cuadrícula para los resultados del formulario de búsqueda.

seleccionar vista de cuadrícula

Después de eso, verás las opciones para seleccionar un formulario para las entradas y añadir el nombre para tu vista de resultados. Asegúrate de seleccionar el formulario de recopilación de datos que creaste en el Paso 2. 

Haz clic en el botón Crear una vista cuando hayas terminado.

nombrar tu vista

En el constructor de vistas, verás las opciones de estilo en el lado izquierdo y el constructor de diseño de la vista en el lado derecho. Haz clic en el enlace empezar a añadir contenido para agregar tus entradas. 

configuración de vista

Haz clic en el ícono “+” para empezar a añadir tu listado a las vistas. Esto abrirá el editor de contenido de listados.

agregar datos de vista

En el editor de contenido de la página de listado, puedes añadir los campos del formulario desde la opción Personalización en el lado derecho de la página. Simplemente haz clic en los campos del formulario allí para insertarlos en tu vista de resultados. 

Luego, puedes estilizar las claves de campo para mostrar los campos del formulario en el diseño que desees.

insertar campos

Cuando hayas terminado, haz clic en el botón Actualizar vista. Ahora puedes ver todas las entradas en la página de vistas.

Necesitas añadir el formulario de búsqueda en esta página. Para ello, haz clic en la opción Añadir antes del contenido

agregar antes del contenido

Esto abrirá el editor de contenido donde puedes insertar el formulario de búsqueda personalizado que creaste en el Paso 3.

Todo lo que necesitas hacer es hacer clic en el botón Formidable y seleccionar tu formulario de búsqueda para insertar el shortcode del formulario. 

agregar formulario de búsqueda en la vista

Haz clic en el botón Actualizar vista para añadir tu formulario de búsqueda personalizado a la vista.

vista de cuadrícula

En el siguiente paso, te mostraremos cómo publicar la vista de resultados en tu sitio de WordPress. 

Paso 5: Publicar la vista de resultados de búsqueda

Para agregar la vista de resultados de búsqueda en tu sitio, necesitas crear una nueva página y buscar el bloque Formidable Views. 

bloque de vistas de formidable

Después de agregar la vista, puedes publicar la página en tu sitio. Tu página se verá algo así. 

página de búsqueda de usuarios

¡Espera! Aún no has terminado. Necesitas conectar tu formulario de búsqueda personalizado y la vista de resultados para que los usuarios puedan buscar contenido en tu sitio.

Paso 6: Conectar el formulario de búsqueda personalizado con la vista

Para conectar tu formulario de búsqueda, ve a Formidable » Formularios y abre la opción de Configuración del formulario de búsqueda.

formulario de búsqueda de conexión

Aquí, puedes ir a la opción Al enviar y seleccionar la opción Redirigir a URL. Luego, necesitas agregar el enlace a la página de vistas que creaste en el Paso 5. 

Para esto, copia la URL de la página y agrega esta parte: “?fname[21]&lname=[19]&country=[22]”. 

Puedes insertar texto y claves de campo para que la URL de redirección se vea así:

http://tudireccionsitio.com/directorio-usuarios/?fname[21]&lname=[19]&country=[22]

página de búsqueda de conexión

Recuerda habilitar la opción No almacenar las entradas enviadas desde este formulario para este formulario. 

Ahora, necesitas agregar filtros a tus vistas de resultados para que los usuarios puedan buscar en el listado por los campos del formulario que agregaste. 

Para esto, abre la vista que creaste anteriormente y haz clic en la opción de filtros en la parte superior de la página.

agregar filtro

Luego, necesitas agregar los filtros para el Nombre, Apellido y País e ingresar el shortcode como valor predeterminado para cada campo. 

conectar vistas con campos de formulario de búsqueda

Una última cosa que necesitas hacer es insertar el shortcode de tu formulario de búsqueda en la opción Mensaje sin entradas en el menú de la izquierda. Esto permitirá a los usuarios buscar más contenido después de cada búsqueda. 

mostrar formulario de búsqueda personalizado en la página

No olvides actualizar la vista una vez que hayas terminado con la configuración. 

Prueba tu formulario de búsqueda personalizado 

Para comprobar si tu formulario de búsqueda funciona correctamente, recarga tu página de búsqueda y utiliza los filtros para buscar listados.

resultados del formulario de búsqueda personalizado

Con esto, conoces 3 formas de añadir un formulario de búsqueda a tu sitio. Si bien la opción de búsqueda predeterminada de WordPress es gratuita, no la recomendamos si no sabes lo que haces con el código. El plugin SearchWP es, con diferencia, nuestro método favorito. Es fácil de usar y añade una función de búsqueda mucho más avanzada a tu sitio.

Esperamos que este artículo te haya ayudado a crear fácilmente un formulario de búsqueda personalizado en WordPress con la ayuda del plugin Formidable Forms.

Para tus próximos pasos, puedes consultar estos recursos:

Estas publicaciones te ayudarán a añadir más funcionalidades a tu sitio de WordPress con la ayuda de los mejores constructores de formularios de WordPress.

Comentarios   Dejar una respuesta

  1. Necesito añadir un formulario de búsqueda en mi sitio web, en particular necesito 3 select para categoría+subcategoría1+subcategoría2, otros select para taxonomías personalizadas, checkboxes para etiquetas, 2 campos numéricos para la "distancia al mar" (mín.-máx.), para empezar. ¿Cuál es la mejor solución?

  2. excelente publicación de blog muy útil

Añadir un comentario

Nos complace que hayas elegido dejar un comentario. Ten en cuenta que todos los comentarios son moderados de acuerdo con nuestra política de privacidad, y todos los enlaces son nofollow. NO uses palabras clave en el campo del nombre. Tengamos una conversación personal y significativa.

Lista de verificación para lanzar WordPress

La lista de verificación definitiva para lanzar WordPress

Hemos recopilado todos los elementos esenciales de la lista de verificación para el lanzamiento de tu próximo sitio web de WordPress en un práctico ebook.
¡Sí, envíame el eBook gratis!