Agregar un componente de búsqueda (versión preliminar)

2025-06-24

[Este tema es documentación preliminar y está sujeto a modificaciones.]

El componente de búsqueda permite a los usuarios introducir consultas y encontrar información en un sitio web. Es especialmente útil para sitios con mucho contenido donde los usuarios necesitan localizar rápidamente información relevante.

Importante

Esta es una característica en versión preliminar.
Las características en vista previa no se han diseñado para un uso de producción y pueden tener una funcionalidad restringida. Estas características están disponibles antes del lanzamiento oficial, para que los clientes puedan obtener acceso anticipado y proporcionar comentarios.
El componente de búsqueda con tecnología de IA solo está disponible en sitios web que tienen Búsqueda de IA generativa habilitada.

Cómo agregar un componente de búsqueda

Para insertar el componente de búsqueda en una página:

Abra el estudio de diseño para editar el contenido y los componentes de su página.
Seleccione la página que desea editar.
Seleccione la sección a la que desea agregar la búsqueda.
Pase el cursor sobre un área editable del lienzo y seleccione Buscar en el panel de componentes.

Barra de búsqueda

La barra de búsqueda permite a los usuarios introducir sus consultas.

Property	Description
Mostrar el resultado de la búsqueda insertado	Determina si el resumen de resultados se muestra en la misma página o redirige a una página de resultados de búsqueda dedicada.
Texto de marcador de posición	Texto que se muestra dentro de la barra de búsqueda antes de que el usuario escriba un mensaje (por ejemplo, "¿Qué le gustaría buscar?").

Resumen de la búsqueda

La sección de resumen de búsqueda muestra un resumen generado por IA del contenido relevante recuperado del sitio web.

Property	Description
Texto de título	El encabezado que se muestra sobre el resumen de búsqueda generado por IA.

Agregar una página de resultados de búsqueda

Cuando se crea un sitio, se provisiona automáticamente una página de resultados de búsqueda predeterminada, pero esta página no es visible en el espacio de trabajo de páginas. Por lo tanto, no se puede personalizar directamente. Si necesita crear una página personalizada de resultados de búsqueda, tendrá que seguir estos pasos:

Abra el Estudio de diseño.
Seleccione + Página para abrir el cuadro de diálogo de creación de páginas.
Seleccione Otras formas de agregar página, disponible en la parte inferior de la página.
Escriba un nombre para la página.
Seleccione el diseño de página estándar de búsqueda.
Seleccione Add.

Nota

Un sitio web solo puede tener una página de resultados de búsqueda a la vez. Al agregar una nueva página de diseño de búsqueda, se reemplaza a la existente.

Para restaurar o reasignar la página de resultados de búsqueda anterior:

Abra la aplicación de administración.
Vaya a Marcadores del sitio.
Abra el marcador de sitio de búsqueda para el sitio web seleccionado.
Actualice la página que se utilizará como página de resultados de búsqueda.

Resultado de la búsqueda

Esta sección solo está disponible cuando se utiliza el componente de búsqueda en la página de resultados de búsqueda designada.

Property	Description
Texto de título	El encabezado que aparece encima de la lista completa de resultados de búsqueda coincidentes.

Problemas conocidos

Cuando crea una nueva página de resultados de búsqueda con el diseño de página estándar de búsqueda, el control de búsqueda anterior aparece brevemente hasta que la página se carga por completo. Para corregir este problema, quite el siguiente fragmento de código de la plantilla de encabezado web.

<section class="page_section {{ section_class | h }} color-inverse">
    <div class="row sectionBlockLayout sectionFixedStyle" style="display: flex; flex-wrap: wrap; text-align: center;">
        <div class="container" style="display: flex; flex-wrap: wrap;">
            <div class="col-lg-12 columnBlockLayout" style="display: flex; flex-direction: column; justify-content: center;">
                {% if current_page == sr_page %}
                <h1 id="mainContent">{% editable snippets 'Search/Title' default: resx["Discover_Contoso"] %}</h1>
                {% include 'Search' search_id:'search_control' %}
                {% endif %}
            </div>
        </div>
    </div>
</section>

Compartir a través de