Cómo agregar un formulario de búsqueda en una publicación de WordPress con un código abreviado

Publicado: 2022-01-31

No incluir una opción de búsqueda en un sitio web es un error típico que muchos sitios web no corrigen. Esto puede ser un problema bastante grande, especialmente para el comercio electrónico y los sitios web cuyo único propósito es entregar algún tipo de contenido. Para el primero, la búsqueda es un punto central para que los visitantes encuentren los productos correctos. Y, sin duda, es un gran defecto una vez que un sitio web comienza a crecer en tamaño. Para el segundo, será difícil encontrar noticias e información, especialmente después de un tiempo, cuando la cantidad de publicaciones y páginas comienza a acumularse. El incumplimiento de estos requisitos puede ahuyentar fácilmente a los visitantes, afectar negativamente el compromiso general y deteriorar la usabilidad general de un sitio web. Ya sea que espere que los visitantes realicen una compra, se suscriban, dejen un comentario o simplemente busquen información, WP Full Care le recomienda agregar un formulario de búsqueda en una publicación de WordPress con un código abreviado . O, al menos, mediante el uso de algunos de los complementos de búsqueda que permiten la funcionalidad de búsqueda.

¿Por qué debería agregar un formulario de búsqueda a un sitio web de WordPress?

Cuando observa la experiencia general de Internet, está claro que la "búsqueda" es la esencia. Toda la información que la gente busca hoy se filtra y se muestra a través de algún tipo de búsqueda. ¿Por qué sería diferente con los sitios web, las páginas y las publicaciones? Básicamente, las barras de búsqueda y los formularios son los que permiten a los visitantes del sitio web comenzar a buscar información, en el momento en que llegan a sus páginas. Si se les niega esta opción, en esencia, no tienen otra opción que abandonar el sitio web.

Buscar un producto en un sitio web mientras se tiene una tarjeta de crédito.
Si las personas no tienen la opción de buscar en su sitio web, buscarán rápidamente productos en otros lugares.

Además, un formulario de búsqueda no es útil solo desde el punto de vista de los visitantes. Hay algunas razones por las que los propietarios de sitios web se benefician de ello:

  • Un formulario de búsqueda puede ayudarlo a descubrir nuevas palabras clave : al seguir lo que los visitantes escriben en un formulario de búsqueda, puede ver qué demandan y cuáles son sus preferencias. Puede utilizar esta información para modificar la oferta de su sitio web, independientemente de si está ofreciendo productos o simplemente información.
  • Mejora la experiencia general del usuario y lo ayuda con la optimización del motor de búsqueda : la funcionalidad de búsqueda en sí misma es esencial para una mejor experiencia del usuario. Como resultado, lo ayudará a impulsar sus esfuerzos de SEO y lo ayudará a obtener una clasificación más alta.
  • Le permite realizar ajustes que mejorarán las conversiones : la información que obtiene de los formularios de búsqueda lo ayudará a maximizar las tasas de conversión al saber exactamente qué pasos tomar para optimizar su sitio web correctamente.
  • Ayudarlo con la administración de datos , por ejemplo, agregando etiquetas en las publicaciones, lo que conducirá a una mejor clasificación y servicio de información.

Algunas formas de agregar un formulario de búsqueda en una publicación de WordPress

En general, hay dos formas más comunes de agregar un formulario de búsqueda en publicaciones, páginas o un sitio web de WordPress en su totalidad:

  1. Añadir un formulario de búsqueda en un WordPress con código
  2. Añadir un formulario de búsqueda en un WordPress con plugins

1. Añade un formulario de búsqueda en un WordPress con código

Por varias razones, esta es probablemente la mejor manera de agregar un formulario de búsqueda . Demasiados complementos en un sitio web pueden eventualmente afectar su rendimiento. Sin embargo, no es exactamente un método para principiantes. La mejor manera de agregar un código a su sitio web es contar con la ayuda de desarrolladores experimentados de WordPress. Principalmente porque el primer paso aquí es editar el archivo Theme Functions (functions.php).

Dentro del archivo functions.php, es necesario agregar la siguiente línea de código:

add_shortcode ( 'wpbsearch' , 'get_search_form' );

Instrucciones sobre dónde copiar el código del formulario de búsqueda en WordPress.
Recuerde colocar correctamente el código justo debajo de la etiqueta "script".

Una vez que haya terminado de editar su functions.php, agregará un formulario de búsqueda de aspecto predeterminado dondequiera que coloque [wpbsearch] en una página.

Adición de un formulario de búsqueda personalizado

Si no está satisfecho con la apariencia del formulario de búsqueda predeterminado, puede agregar un formulario de búsqueda personalizado . En ese caso, el código se verá así:

función formulario de búsqueda wpb ( $ formulario ) {

$formulario = '<formulario rol=”buscar” método=”obtener” id=”buscarformulario” acción=”' . URL_inicio( '/' ) . '” >
<div><label class=”screen-reader-text” for=”s”>' . __('Buscar:') . '</etiqueta>
<tipo de entrada=”texto” valor=”' . get_search_query() . '” nombre=”s” id=”s” />
<input type=”submit” id=”searchsubmit” value=”'. esc_attr__('Buscar') .'” />
</div>
</formulario>';

devolver $formulario ;
}

add_shortcode ( 'wpbsearch' , 'wpbsearchform' );

Recuerde, este método requiere que agregue un código abreviado en cada página y publicación en la que desea que aparezca. Sin embargo, si agrega el código abreviado en la barra superior o en la barra lateral, se mostrará el formulario de búsqueda en todas las páginas .

2. Añade un formulario de búsqueda en un WordPress con plugins

Si es un principiante, probablemente la forma más fácil de agregar un formulario de búsqueda es usar uno de los complementos de búsqueda. SearchWP Live Ajax Search, SearchWP Modal Search Form, Ivory Search y FiboSearch son solo algunos de los ejemplos.

Uso de soluciones de complementos simples

Si está utilizando Ivory Search, agregar un formulario de búsqueda es bastante sencillo:

Una vez que instale y active el complemento, todo lo que tiene que hacer es ir a la opción de complemento "Búsqueda de marfil", que aparecerá en su barra lateral de WordPress. Pase el cursor sobre él y seleccione la subopción "Formularios de búsqueda".

Allí, el complemento le proporcionará un código abreviado :

[ id de búsqueda de marfil =”10980″ title =”Formulario de búsqueda predeterminado”]

Básicamente, puede copiar esta línea de código donde desee que aparezca su formulario de búsqueda predeterminado.

Opciones de formulario de búsqueda de marfil con un código abreviado de WordPress.
Experimente con las opciones hasta que obtenga el formulario de búsqueda adecuado para sus páginas.

Si prefiere los widgets, SearchWP Live Ajax Search es una alternativa que vale la pena revisar.

SearchWP: para formularios de búsqueda más robustos

Para aquellos que necesitan opciones de búsqueda más complejas y personalizables , el complemento SearchWP puede ser una buena opción. Sin embargo, es un complemento de búsqueda premium que requiere algunos conocimientos para configurarlo.

El primer paso es instalar y activar el complemento SearchWP. Luego, necesitará la clave de licencia de su cuenta, que ingresará en la opción del complemento "Licencia". Después de la activación, será necesario configurar los ajustes del motor de búsqueda.

El segundo paso es descargar e instalar SearchWP Shortcode Extension de la misma manera que instalaría cualquier otro complemento. Y, por supuesto, activarlo.

Finalmente, una vez que haya completado todos los pasos anteriores, puede agregar un nuevo formulario de búsqueda personalizado a sus páginas mediante el uso de bloques. Sin embargo, hay una advertencia aquí: deberá configurar el bloque para que sea un bloque "HTML personalizado" para usarlo correctamente. Solo entonces podrá agregar y usar el siguiente código abreviado:

[buscarwp_buscar_formulario]

<div class=”resultados-de-búsqueda-contenedor”>
[buscarwp_búsqueda_resultados]
<h2>[searchwp_search_result_link]</h2>
[searchwp_search_result_excerpt]
[/searchwp_search_results]
</div>

<div class=”resultados-de-búsqueda-paginación”>
[searchwp_search_results_pagination direction=”prev” link_text=”Anterior”]
[searchwp_search_results_pagination direction=”siguiente” link_text=”Siguiente”]
</div>

En general, esto agregará el formulario de búsqueda a su página o publicación y mostrará los resultados en varias páginas , si es necesario. Recuerde aquí prestar mucha atención a las páginas 404 y configurar todas las redirecciones correctamente para que los visitantes no se pierdan el contenido.

Usar un formulario de búsqueda en WordPress se convierte en una necesidad inevitable para todos los sitios web modernos. A medida que aumenta la cantidad de contenido general, la necesidad de una forma de buscar en todo el contenido se vuelve insustituible. Con características como esta, no solo está mejorando la usabilidad de su sitio web para los visitantes, sino también para usted. Como resultado, sus publicaciones y páginas llegarán a los ojos de los visitantes correctos. Esto eventualmente conducirá a mejores resultados de clasificación y un aumento en las tasas de conversión generales.