Cómo agregar un formulario de búsqueda en una publicación de WordPress

¿Quieres aumentar la interacción en tu blog de WordPress?

Agregar un formulario de búsqueda dentro de tus publicaciones puede parecer inusual, pero es sorprendentemente efectivo, especialmente para sitios con mucho contenido como revistas en línea.

En lugar de depender únicamente de una barra de búsqueda en la cabecera o la barra lateral, colocar una dentro de tu contenido anima a los lectores a seguir explorando. Es un pequeño cambio que puede generar sesiones más largas y más visitas a la página.

En esta guía, te mostraremos paso a paso cómo agregar un formulario de búsqueda a tu publicación de WordPress, sin importar el tema que estés utilizando. ¡Vamos a empezar!

¿Por qué agregar un formulario de búsqueda a tus publicaciones de WordPress?

Si los visitantes disfrutan de una publicación en tu sitio web de WordPress, es probable que quieran leer más. Al agregar un formulario de búsqueda a una publicación, puedes ayudar a los visitantes a encontrar más blogs que les interese leer.

De esta manera, puedes aumentar tus visitas a la página y reducir tu tasa de rebote.

Cuanto más tiempo permanezcan los visitantes en tu sitio web, mayor será la posibilidad de que se unan a tu lista de correo electrónico, dejen un comentario, realicen una compra, te sigan en redes sociales o realicen otras acciones positivas.

En esta guía, te mostraremos cómo agregar el formulario de búsqueda estándar de WordPress a tus publicaciones. Si deseas usar un formulario personalizado en su lugar, consulta nuestra guía paso a paso sobre cómo crear un formulario de búsqueda personalizado de WordPress.

Dicho esto, compartiremos tres métodos sobre cómo agregar un formulario de búsqueda en una publicación de WordPress. Simplemente usa los enlaces rápidos a continuación para ir directamente al método que deseas usar:

• Método 1. Agregar un formulario de búsqueda en una publicación de WordPress (funciona con cualquier tema)
• Método 2. Agregar un formulario de búsqueda a todas las publicaciones de WordPress (temas basados en bloques)
• Method 3. Add a Search Bar to All WordPress Posts With Code (Works With Any Theme)
• Preguntas frecuentes sobre cómo agregar un formulario de búsqueda en WordPress

Empecemos.

Método 1. Agregar un formulario de búsqueda en una publicación de WordPress (funciona con cualquier tema)

La forma más sencilla de agregar un formulario de búsqueda a tus publicaciones es utilizando el bloque de búsqueda integrado.

En esta guía, te mostraremos cómo agregar el bloque a una publicación, pero también puedes agregarlo a cualquier página o área lista para widgets de tu sitio.

También recomendamos agregar esto al final de tu publicación para evitar interrumpir la experiencia de lectura.

Para comenzar, simplemente abre la página donde deseas agregar un formulario de búsqueda. En el editor de bloques de WordPress, haz clic en el ícono +.

En la ventana emergente, escribe 'Buscar'. Cuando aparezca el bloque correcto, haz clic para agregarlo a la página.

Por defecto, el bloque utiliza 'Buscar' tanto para su etiqueta como para el texto del botón. Este texto será visible para los visitantes, por lo que es posible que desees reemplazarlo con algo más descriptivo.

Por ejemplo, si estás agregando la barra de búsqueda a un blog de WordPress, es posible que desees usar 'Buscar publicaciones recientes del blog' o algo similar.

Incluso puedes usar el texto de la etiqueta y el botón para motivar a tus visitantes.

Por ejemplo, si has creado una tienda en línea, podrías usar algo como 'Encuentra más ofertas geniales' o 'Busca ofertas similares' para tu formulario de búsqueda de productos.

También puedes agregar texto de marcador de posición. Este texto desaparecerá automáticamente cuando el visitante comience a escribir.

Para agregar un marcador de posición, simplemente haz clic en ‘Marcador de posición opcional…’ y luego comienza a escribir.

Por defecto, WordPress usará tu tema para estilizar la barra de búsqueda.

Sin embargo, puedes cambiar el fondo del botón y el color del texto usando la configuración de 'Color' en el menú de la derecha. Esto puede ayudar a que tu barra de búsqueda se destaque del resto de tu sitio.

Cuando estés satisfecho con la apariencia del bloque de Búsqueda, puedes publicar o actualizar la entrada. Si visitas tu sitio, ahora verás la barra de búsqueda dentro del contenido de la entrada.

Puedes agregar un formulario de búsqueda a más entradas y páginas de WordPress siguiendo el mismo proceso anterior. Para obtener instrucciones detalladas sobre cómo agregar la barra de Búsqueda a una barra lateral o sección similar, consulta nuestra guía sobre cómo agregar y usar widgets en WordPress.

Método 2. Agregar un formulario de búsqueda a todas las entradas de WordPress (Temas basados en bloques)

Si estás utilizando un tema basado en bloques como ThemeIsle Hestia Pro, entonces puedes agregar una barra de búsqueda a la plantilla que WordPress utiliza para todas tus entradas de blog.

De esta manera, puedes agregar rápida y fácilmente una barra de búsqueda a cada entrada de blog en todo tu sitio web de WordPress.

Para abrir el editor de sitio completo, ve a Apariencia » Editor en el panel de WordPress.

Por defecto, el editor de sitio completo muestra la plantilla de inicio de tu tema.

Para ver todas las opciones disponibles, selecciona 'Plantillas' en el menú de la izquierda.

Esto muestra una lista de todas las plantillas que componen tu tema de WordPress.

Para personalizar la plantilla del blog, haz clic en 'Entrada'.

WordPress ahora mostrará una vista previa del diseño del blog.

Para continuar y editar esta plantilla, haz clic en el pequeño icono del lápiz.

Ahora verás esta plantilla en el editor de sitio completo.

Para agregar una barra de búsqueda, haz clic en el ícono azul '+'.

En la ventana emergente que aparece, escribe 'Búsqueda' para encontrar el bloque correcto.

Ahora puedes arrastrar el bloque a la ubicación donde deseas mostrar la barra de búsqueda.

Para personalizar el título del bloque o el texto de marcador de posición, simplemente escribe el nuevo mensaje en el bloque de búsqueda.

Cuando estés satisfecho con la apariencia del bloque, haz clic en 'Guardar' para que la barra de búsqueda esté activa.

Ahora, si visitas cualquier publicación de blog en tu sitio, verás la barra de búsqueda.

Método 3. Agrega una barra de búsqueda a todas las publicaciones de WordPress con código (funciona con cualquier tema)

Si no usas un tema de bloques pero aún quieres que la barra de búsqueda aparezca en todas tus publicaciones, entonces necesitarás usar código.

Para hacer esto, recomendamos usar WPCode. Este plugin de fragmentos de código hace que sea seguro y fácil insertar código personalizado en los archivos de tu tema sin editarlos directamente. De esta manera, puedes agregar varios fragmentos de código sin romper tu sitio web.

Algunas de nuestras marcas asociadas usan WPCode para agregar y administrar fragmentos de código personalizados. También lo hemos probado exhaustivamente y puedes ver nuestros hallazgos en nuestra revisión detallada de WPCode.

Lo que quieres hacer es instalar el plugin WPCode en WordPress. Puedes leer nuestra guía paso a paso sobre cómo instalar un plugin de WordPress para más información.

Luego, ve a Fragmentos de código » + Agregar fragmento. Selecciona 'Agregar tu código personalizado (Nuevo fragmento)' y haz clic en el botón 'Usar fragmento'.

Ahora, dale un nombre a tu nuevo código personalizado. Puede ser algo simple como 'Barra de búsqueda en publicaciones de blog'.

Después de eso, cambia el Tipo de código a ‘Fragmento de PHP.’

Luego, en el cuadro Vista previa del código, copia y pega el siguiente fragmento de código:

// Define the button text and placeholder text. You can customize these values as needed.
$button_text = 'Search'; // The text displayed on the search button
$placeholder_text = 'What are you looking for?'; // The placeholder text in the search input field

// Construct the search form HTML using the defined button text and placeholder text.
$search_form = '<form role="search" method="get" action="' . esc_url(home_url('/')) . '" class="wp-block-search__button-outside wp-block-search__text-button wp-block-search">
                    <label class="wp-block-search__label" for="wp-block-search__input-2">' . esc_html($button_text) . '</label>
                    <div class="wp-block-search__inside-wrapper ">
                        <input class="wp-block-search__input" id="wp-block-search__input-2" placeholder="' . esc_attr($placeholder_text) . '" value="" type="search" name="s" required="">
                        <button aria-label="' . esc_attr($button_text) . '" class="wp-block-search__button wp-element-button" type="submit">' . esc_html($button_text) . '</button>
                    </div>
                </form>';

// Output the search form HTML.
echo $search_form;

Este código agregará una barra de búsqueda básica similar al bloque de búsqueda. Puedes personalizar el botón y el texto de marcador de posición según sea necesario.

Una vez hecho esto, desplázate hacia abajo y asegúrate de que 'Insertar automáticamente' esté seleccionado para el Método de inserción.

Para la Ubicación, navega a la pestaña 'Específico de la página' y elige la que mejor se adapte a tus criterios. A modo de ejemplo, hemos elegido 'Insertar después del contenido'.

Cuando hayas terminado, simplemente haz que el código esté 'Activo' y haz clic en 'Guardar fragmento'.

Ahora deberías ver algo como esto:

Consejos Adicionales: Descubre consejos y trucos para mejorar la búsqueda de WordPress

El bloque de búsqueda utiliza la función de búsqueda integrada de WordPress. Sin embargo, esta es bastante limitada y no es muy buena para mostrar resultados precisos.

En algunos casos, es posible que desees que tu función de búsqueda de WordPress sea más avanzada. Quizás quieras agregar una función de búsqueda por categoría o hacer que los comentarios de tus entradas del blog sean buscables.

Ahí es donde entra SearchWP. Este plugin de búsqueda personalizado te da control total sobre la búsqueda del sitio de WordPress para que puedas ofrecer resultados más precisos a tus visitantes.

SearchWP también hace que todas las partes de tu sitio sean buscables, incluyendo archivos PDF, archivos ACF, archivos de texto, campos personalizados de WordPress y más. Puedes consultar nuestra reseña completa de SearchWP para conocer todas sus características.

Después de crear un formulario de búsqueda personalizado, puedes agregarlo a cualquier parte de tu sitio web usando un bloque o un shortcode.

Para obtener más información, consulta nuestra guía sobre cómo mejorar la búsqueda de WordPress con SearchWP.

Preguntas frecuentes sobre cómo agregar un formulario de búsqueda en WordPress

Después de comprender los beneficios y los diversos métodos para agregar un formulario de búsqueda a tus publicaciones de WordPress, es posible que tengas algunas preguntas pendientes. A continuación, abordamos algunas consultas comunes para ayudarte a sacar el máximo provecho de esta estrategia.

¿Por qué querría agregar un formulario de búsqueda dentro de una publicación de blog?

Agregar un formulario de búsqueda directamente en tus publicaciones facilita enormemente a los lectores el descubrimiento de más contenido tuyo, justo cuando están más comprometidos. Es una forma inteligente de aumentar las visitas a la página y mantener a la gente en tu sitio por más tiempo.

¿Puedo hacer que el formulario de búsqueda coincida con el estilo de mi sitio?

¡Absolutamente! La mayoría de los plugins de WordPress te permiten ajustar cosas como colores, texto de marcador de posición y etiquetas para que el formulario se integre perfectamente con tu diseño.

¿Qué pasa si no estoy usando el editor de bloques?

No te preocupes. Si tu tema no admite la edición basada en bloques, aún puedes agregar un formulario de búsqueda usando código personalizado. Un plugin como WPCode facilita y hace seguro insertar esos fragmentos en tu sitio.

¿Cómo puedo saber si mi formulario de búsqueda realmente está funcionando?

Puedes rastrear el rendimiento utilizando herramientas como Google Analytics. Presta atención a métricas como el tiempo en el sitio y las páginas vistas por sesión. Si aumentan, ¡tu formulario de búsqueda dentro de la publicación está haciendo su trabajo!

Esperamos que este tutorial te haya ayudado a aprender cómo agregar un formulario de búsqueda en una publicación de WordPress. También podrías querer aprender cómo crear un formulario de contacto en WordPress o echar un vistazo a nuestras selecciones expertas de los mejores plugins de lógica condicional para WordPress.

Si te gustó este artículo, suscríbete a nuestro canal de YouTube para obtener tutoriales en video de WordPress. También puedes encontrarnos en Twitter y Facebook.