Show Menu
TEMAS×

Acerca de la finalización automática

Puede configurar varias áreas de Completar automáticamente para controlar la generación del formulario de búsqueda habilitado para completar automáticamente y el archivo autocomplete_data.js, que se incluye como parte del formulario de búsqueda habilitado para completar automáticamente.

Acerca de la finalización automática

El archivo autocomplete_data.js se vuelve a generar y se publica en la red de contenido de búsqueda cada vez que se guardan cambios en la página Configuración de finalización automática.

Configuración del autocompletado

Puede configurar y configurar las opciones que controlan la generación del formulario de búsqueda habilitado para completar automáticamente y el archivo.
Después de configurar la función de autocompletar, puede ver la fuente HTML resultante para su revisión. El código fuente HTML es lo que copia y pega en las páginas del sitio web.
Consulte Configuración de la lista de palabras de finalización automática.
Consulte Configuración de CSS de finalización automática.
Para configurar la finalización automática
  1. En el menú de producto, haga clic en Design > Auto-Complete > Auto-Complete Setup .
  2. En la Auto-Complete Setup página, configure las opciones que desee.
    Opción
    Descripción
    Sugerencias máximas
    Especifica el número máximo de elementos que se mostrarán en la lista de sugerencias de autocompletar.
    Caracteres de entrada mínimos
    Especifica el número de caracteres que un cliente debe escribir en el formulario de búsqueda de autocompletar antes de que muestre las sugerencias.
    Número máximo de entradas de caché
    Especifica el número máximo de sugerencias de autocompletar solicitadas anteriormente para almacenar en caché en el explorador del cliente. Por lo general, debe dejar esta configuración en el valor predeterminado de 1000.
    Aunque puede deshabilitar completamente el almacenamiento en caché del navegador estableciendo esta opción en 0, no se recomienda.
    Nombre del formulario
    Especifica el atributo "name" de la etiqueta "form" del formulario de búsqueda habilitada para autocompletar. Por ejemplo,
    <form name="SiteSearch" method="get" action="https://sp1004337c.guided.t1.atomz.com" target="_blank">
    donde SiteSearch es el atributo de nombre de la etiqueta de formulario.
    ID de etiqueta de div
    Especifica el atributo de ID de la etiqueta "div" del formulario de búsqueda habilitada para completar automáticamente. Por ejemplo,
    <div id="autocomplete">
    donde autocompletar es el atributo de la etiqueta div.
    ID de etiqueta de entrada
    Especifica el atributo de ID de la etiqueta "input" del formulario de búsqueda habilitada para autocompletar. Por ejemplo,
    <input type="text" id="q" name="q" />
    donde q es el atributo de identificación de la etiqueta de entrada.
    Mostrar sombra
    Agrega una sombra paralela estética a la lista de sugerencias de autocompletar.
    Coincidir solo al principio de la frase
    Solo sugerir resultados que coincidan con el principio del texto de entrada.
    Conjunto de caracteres UTF-8 compatible
    Administre correctamente los caracteres que no sean ASCII en términos.
  3. Haga clic Save Changes .
  4. (Opcional) Realice una de las siguientes acciones:

Configuración de la lista de palabras de finalización automática

Configure la lista de palabras y frases que Autocompletar muestra a un cliente como sugerencias.
Consulte Configuración de CSS de finalización automática.
Para configurar la lista de palabras de finalización automática
  1. En el menú de producto, haga clic en Design > Auto-Complete > Auto-Complete Word List .
  2. En la Auto-Complete Word List página, configure las opciones que desee.
    Opción
    Descripción
    Período de búsquedas populares
    Controla el período de tiempo para la inclusión de palabras y frases de las búsquedas recientes de un cliente.
    Número máximo de búsquedas
    Controla el número máximo de palabras y frases buscadas para incluir en la lista de palabras de compleción automática. Se incluyen las palabras y frases principales, que también son las más populares.
    Nombre del campo
    Cada nombre de campo define el nombre de un campo para el que se incluyen valores indexados. Utilice + y - para agregar o quitar nombres de campo.
    Recuento de valores máximo
    Define el número máximo de valores de campo permitidos para el nombre de campo seleccionado. Se incluyen los valores principales, que también son los más referenciados.
    Agregue estas palabras y frases
    La lista de palabras de compleción automática se rellena con las palabras y frases que aparecen en esta área.
    Haga clic en Editar para ver la lista o para agregar palabras y frases a la lista. Cuando termine, haga clic en Guardar cambios .
    Eliminar estas palabras y frases
    Las entradas de esta área no se muestran en la lista de palabras de compleción automática.
    Haga clic en Editar para ver la lista o para agregar palabras y frases a la lista. Cuando termine, haga clic en Guardar cambios .
    En esta lista se permiten expresiones regulares. Para especificar una expresión regular en esta lista, inicie la línea con regexp seguido de un solo espacio, seguido de la expresión regular. Se eliminan todas las líneas de la lista de palabras que coincidan con la expresión regular.
    Importante : Solo debe utilizar expresiones regulares si ya ha trabajado con ellas en otras aplicaciones.
    Omitir caso
    Se eliminan las entradas duplicadas en la lista de palabras de autocompletar que solo difieren por letras mayúsculas y minúsculas; todas las entradas de la lista de palabras están obligadas a minúsculas.
    Si desea que las sugerencias de Autocompletar aparezcan "primera letra en mayúsculas" o "todas mayúsculas", agregue la variable text-transform : capitalizar; o text-transform : mayúscula; Propiedades de texto CSS para el contenido CSS de finalización automática, en estilos "/* para el elemento de resultado */".
    Actualización de reíndice
    La lista de palabras de compleción automática se regenera automáticamente después de cada reindexación de cuenta correcta.
  3. Haga clic Save Changes .
  4. (Opcional) Realice cualquiera de las siguientes acciones:
    • Haga clic en History para revertir cualquier cambio que haya realizado.
    • Haga clic en Preview Word List para guardar los cambios realizados y, a continuación, abra Auto-Complete Word List Preview la página donde podrá revisar la lista de sugerencias de autocompletar. Utilice las opciones de navegación cercanas a la parte superior de la página para revisar y refinar la lista mostrada. Cuando haya terminado, haga clic en Close para volver a la Auto-Complete Word List página.
      Consulte Uso de la opción Historial.
    • Haga clic Live .
      Consulte Visualización de la configuración de lanzamiento.
    • Haga clic Push Live .

Configuración de la CSS de finalización automática

Utilice CSS de finalización automática para configurar la hoja de estilo en cascada de finalización automática que desea utilizar.
La CSS de finalización automática controla el contenido de autocomplete_styles.css, que se incluye como parte del formulario de búsqueda habilitado para completar automáticamente. El CSS que especifique aquí controla la presentación visual de la lista de sugerencias de autocompletar. Para ver un ejemplo de las ideas de presentación visual que son posibles, consulte lo siguiente:
Configuración de la lista de palabras de finalización automática.
Cuando haya terminado de configurar la CSS de finalización automática, puede obtener una vista previa del formulario de búsqueda para ver si la CSS especificada es aceptable en apariencia y presentación.
Importante : Para aplicar la CSS personalizada de finalización automática, debe eliminar las etiquetas de comentarios de la segunda línea que aparece en el código HTML. A continuación, mueva la misma línea a dentro de la sección del encabezado de la página que contiene el formulario de búsqueda.
Para configurar CSS de finalización automática
  1. En el menú de producto, haga clic en Design > Auto-Complete > Auto-Complete CSS .
  2. En el campo de Auto-Complete CSS texto, pegue o escriba la información de la hoja de estilo en cascada que desea asociar con la lista de sugerencias de autocompletar.
  3. Haga clic Save Changes .
  4. (Opcional) Realice cualquiera de las siguientes acciones:

Vista preliminar del formulario de búsqueda tal como aparecería en el sitio web

En función de la configuración de Autocompletar y Autocompletar CSS, puede obtener una vista previa del aspecto del formulario de búsqueda si desea agregar el código HTML a su sitio web.
Consulte Configuración de CSS de finalización automática.
Consulte Uso de colecciones en formularios de búsqueda.
Consulte Ejemplo de formulario de búsqueda avanzada.
Consulte Código HTML de formulario de búsqueda avanzada.
Consulte Código Código de plantilla de formulario de búsqueda avanzada de plantilla de formulario de búsqueda avanzada.
Para obtener una vista previa del formulario de búsqueda tal como aparecería en el sitio web
  1. En el menú de producto, haga clic en Design > Auto-Complete > Search Form .
  2. (Opcional) Haga clic en HTML code para ver el HTML que copió y pegó en las páginas del sitio web.

Copia del código HTML del formulario de búsqueda en las páginas del sitio web

En función de la configuración de Autocompletar y Autocompletar CSS, puede obtener una vista previa del aspecto del formulario de búsqueda si desea agregar el código HTML a su sitio web.
Consulte Configuración de CSS de finalización automática.
Consulte Uso de colecciones en formularios de búsqueda.
Consulte Ejemplo de formulario de búsqueda avanzada.
Consulte Código HTML de formulario de búsqueda avanzada.
Consulte Código Código de plantilla de formulario de búsqueda avanzada de plantilla de formulario de búsqueda avanzada.
Para copiar el código HTML del formulario de búsqueda en las páginas del sitio web
  1. En el menú de producto, haga clic en Design > Auto-Complete > Form Source .
    No cambie el form name= valor en el origen del formulario.
  2. (Opcional) Realice cualquiera de las siguientes acciones:
    • Si ha configurado la función de autocompletar CSS y desea que se apliquen los estilos al formulario de búsqueda, elimine las etiquetas de comentarios de la segunda línea que aparece en el código HTML. A continuación, mueva la misma línea hacia dentro de la sección del encabezado de la página que contiene el formulario de búsqueda.
    • Para obtener el máximo rendimiento, mueva las etiquetas que aparecen en la parte inferior del código HTML y colóquelas en la parte inferior de la sección body de cada página que contenga el formulario de búsqueda.
  3. Copie el código y péguelo en las páginas web del sitio web donde desee que aparezca el formulario de búsqueda.