Puede configurar varias áreas de Autocompletar para controlar la generación del formulario de búsqueda habilitado para autocompletar y el archivo autocomplete_data.js, que se incluye como parte del formulario de búsqueda habilitado para autocompletar.
El archivo autocomplete_data.js se regenera y publica en la red de contenido de búsqueda cada vez que se guardan cambios en la página Configuración de autocompletar.
Puede configurar las opciones que controlan la generación del formulario de búsqueda habilitado para autocompletar y el archivo.
Después de configurar la autocompleción, puede ver la fuente HTML resultante para su revisión. La fuente HTML es lo que copia y pega en las páginas del sitio web.
Consulte Vista previa del formulario de búsqueda tal como aparecería en su….
Consulte Configuración de la lista de palabras de finalización automática.
Consulte Configuración de CSS de autocompletar.
Para configurar la finalización automática
En el menú del producto, haga clic en Design > Auto-Complete > Auto-Complete Setup.
En la página Auto-Complete Setup, configure las opciones que desee.
Consulte también Vista previa del formulario de búsqueda tal como aparecería en su….
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. |
Máximo de entradas de caché |
Especifica el número máximo de sugerencias de autocompletado 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 explorador 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 habilitado para autocompletar. Por ejemplo, <form name="SiteSearch" method="get" action="https://sp1004337c.guided.t1.atomz.com" target="_blank"> donde SiteSearch es el atributo name de la etiqueta form. |
ID de etiqueta div |
Especifica el atributo de ID de la etiqueta "div" del formulario de búsqueda habilitada para autocompletar. Por ejemplo, <div id="autocomplete"> donde autocomplete 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 id de la etiqueta de entrada. |
Mostrar sombra |
Agrega una sombra desplegable de cosmé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 . |
Compatibilidad con el conjunto de caracteres UTF-8 |
Administre correctamente los caracteres que no sean ASCII en los términos. |
Haga clic Save Changes.
(Opcional) Realice una de las siguientes acciones:
Haga clic en History si desea revertir cualquier cambio realizado.
Consulte Uso de la opción Historial.
Haga clic Live.
Haga clic Push Live.
Consulte Inserción de la configuración del escenario en directo.
Configure la lista de palabras y frases que la función de completado automático muestra a un cliente como sugerencias.
Consulte Configuración de la finalización automática.
Consulte Configuración de CSS de autocompletar.
Para configurar la lista de palabras de completado automático
En el menú del producto, haga clic en Design > Auto-Complete > Auto-Complete Word List.
En la página Auto-Complete Word List, configure las opciones que desee.
Consulte Vista previa del formulario de búsqueda tal como aparecería en su….
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 búsquedas recientes de un cliente. |
Recuento máximo de búsqueda |
Controla el número máximo de palabras y frases buscadas que se incluirán en la lista de palabras autocompletada. 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 añadir o quitar nombres de campo. |
Recuento máximo de valores |
Define el recuento 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. |
Agregar estas palabras y frases |
La lista de palabras de autocompletar se rellena con las palabras y frases que se enumeran en esta área. Haga clic en Editar para ver la lista o para agregar palabras y frases a la lista. Cuando haya terminado, haga clic en Guardar cambios . |
Eliminar estas palabras y frases |
Las entradas de esta área no se muestran en la lista de palabras de autocompletar. Haga clic en Editar para ver la lista o para agregar palabras y frases a la lista. Cuando haya terminado, haga clic en Guardar cambios . En esta lista se permiten expresiones regulares. Para especificar una expresión regular en esta lista, empiece la línea con Importante: Solo debe utilizar expresiones regulares si ya ha trabajado con ellas en otras aplicaciones. Consulte Expresiones regulares . |
Ignorar mayúsculas y minúsculas |
Se eliminan las entradas duplicadas en la lista de palabras de autocompletar que solo difieren en mayúsculas/minúsculas alfabéticas; todas las entradas de la lista de palabras están obligadas a minúsculas. Si desea que las sugerencias de Autocompletar aparezcan en "primera letra en mayúsculas" o "todo en mayúsculas", agregue la variable
Consulte Configuración de CSS de autocompletar . |
Actualización en reindexación |
La lista de palabras de autocompletar se regenera automáticamente después de cada reindexación de cuenta correcta. |
Haga clic Save Changes.
(Opcional) Realice cualquiera de las siguientes acciones:
Haga clic en History si desea revertir cualquier cambio realizado.
Haga clic en Preview Word List para guardar los cambios realizados y, a continuación, abra la página Auto-Complete Word List Preview 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 página Auto-Complete Word List.
Consulte Uso de la opción Historial.
Haga clic Live.
Haga clic Push Live.
Consulte Inserción de la configuración del escenario en directo.
Utilice la CSS de compleción automática para configurar la hoja de estilos en cascada de autocompletar que desea utilizar.
La función de autocompletar CSS controla el contenido de autocomplete_styles.css, que se incluye como parte del formulario de búsqueda habilitado para autocompletar. 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.
Configuración de la finalización automática.
Cuando haya terminado de configurar la CSS de completado automático, podrá obtener una vista previa del formulario de búsqueda para ver si la CSS que ha especificado es aceptable en apariencia y diseño.
Consulte Vista previa del formulario de búsqueda tal como aparecería en su….
Importante: Para aplicar el CSS de autocompletado personalizado, debe eliminar las etiquetas de comentario 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.
Consulte Copia del código HTML del formulario de búsqueda en el….
Para configurar la CSS de autocompletar
En el menú del producto, haga clic en Design > Auto-Complete > Auto-Complete CSS.
En el campo de texto Auto-Complete CSS, pegue o escriba la información de hoja de estilo en cascada que desee asociar a la lista de sugerencias de autocompletar.
Haga clic Save Changes.
(Opcional) Realice cualquiera de las siguientes acciones:
Haga clic en History para revertir cualquier cambio que haya realizado.
Consulte Uso de la opción Historial.
Haga clic Live.
Haga clic Push Live.
Consulte Inserción de la configuración del escenario en directo.
Según la configuración de la CSS de completado automático y de completado automático, 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 la finalización automática.
Consulte Configuración de CSS de autocompletar.
Consulte Copia del código HTML del formulario de búsqueda en el….
Consulte Uso de colecciones en formularios de búsqueda.
Consulte Uso de marcos con formularios.
Consulte Ejemplo de formulario de búsqueda avanzada.
Consulte Código HTML de formulario de búsqueda avanzada.
Consulte Código de plantilla de formulario de búsqueda avanzada.
Obtener una vista previa del formulario de búsqueda tal como aparecería en el sitio web
Según la configuración de la CSS de completado automático y de completado automático, 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 la finalización automática.
Consulte Configuración de CSS de autocompletar.
Consulte Copia del código HTML del formulario de búsqueda en el….
Consulte Uso de colecciones en formularios de búsqueda.
Consulte Uso de marcos con formularios.
Consulte Ejemplo de formulario de búsqueda avanzada.
Consulte Código HTML de formulario de búsqueda avanzada.
Consulte Código 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
En el menú del producto, haga clic en Design > Auto-Complete > Form Source.
No cambie el valor form name=
en el origen del formulario.
(Opcional) Realice cualquiera de las siguientes acciones:
Copie el código y péguelo en las páginas web del sitio web donde desee que aparezca el formulario de búsqueda.