Show Menu
SUJETS×

A propos du remplissage automatique

Vous pouvez configurer différentes zones de saisie semi-automatique pour contrôler la génération du formulaire de recherche automatique activé et du fichier autocomplete_data.js, inclus dans le formulaire de recherche automatique activé.

A propos du remplissage automatique

Le fichier autocomplete_data.js est régénéré et publié sur le réseau de contenu de recherche chaque fois que des modifications ont été enregistrées dans la page de configuration de saisie semi-automatique.

Configuration du remplissage automatique

Vous pouvez configurer et configurer les options qui contrôlent la génération du formulaire de recherche à saisie semi-automatique activé et du fichier.
Après avoir configuré la saisie semi-automatique, vous pouvez afficher la source HTML résultante pour révision. La source HTML est ce que vous copiez et collez dans les pages de votre site Web.
Voir Configuration de la liste de mots à remplissage automatique.
Voir Configuration d’une page CSS à remplissage automatique.
Pour configurer le remplissage automatique
  1. Dans le menu du produit, cliquez sur Design > Auto-Complete > Auto-Complete Setup .
  2. Sur la Auto-Complete Setup page, définissez les options de votre choix.
    Option
    Description
    Nombre maximum de suggestions
    Indique le nombre maximal d’éléments à afficher dans la liste de suggestions à saisie semi-automatique.
    Caractères d’entrée minimaux
    Indique le nombre de caractères qu’un client doit saisir dans le formulaire de recherche à saisie automatique avant d’afficher les suggestions.
    Nombre maximal d’entrées de cache
    Indique le nombre maximal de suggestions de saisie semi-automatique précédemment demandées à mettre en cache dans le navigateur du client. En règle générale, vous devez conserver ce paramètre à la valeur par défaut de 1 000.
    Bien que vous puissiez désactiver complètement la mise en cache du navigateur en définissant cette option sur 0, elle n’est pas recommandée.
    Nom du formulaire
    Spécifie l’attribut "name" de la balise "form" du formulaire de recherche activée à saisie automatique. Par exemple :
    <form name="SiteSearch" method="get" action="https://sp1004337c.guided.t1.atomz.com" target="_blank">
    SiteSearch est l’attribut name de la balise de formulaire.
    ID de balise Div
    Spécifie l’attribut ID de la balise "div" du formulaire de recherche activée à saisie automatique. Par exemple :
    <div id="autocomplete">
    autocomplete est l’attribut de la balise div.
    ID de balise d’entrée
    Spécifie l’attribut ID de la balise "input" du formulaire de recherche activée à saisie automatique. Par exemple :
    <input type="text" id="q" name="q" />
    q est l’attribut id de la balise input.
    Ombre affichée
    Ajoute une ombre portée cosmétique à la liste de suggestions à saisie automatique.
    Correspondance uniquement au début de l’expression
    N’indiquez que les résultats qui correspondent au début du texte d’entrée.
    Prise en charge du jeu de caractères UTF-8
    Traitez correctement les caractères non ASCII en termes.
  3. Cliquez sur Save Changes .
  4. (Facultatif) Effectuez l’une des opérations suivantes :

Configuration de la liste de mots à remplissage automatique

Configurez la liste des mots et des expressions que le remplissage automatique affiche pour un client sous forme de suggestions.
Voir Configuration d’une page CSS à remplissage automatique.
Pour configurer la liste de mots à remplissage automatique
  1. Dans le menu du produit, cliquez sur Design > Auto-Complete > Auto-Complete Word List .
  2. Sur la Auto-Complete Word List page, définissez les options de votre choix.
    Option
    Description
    Période des recherches populaires
    Contrôle la période d’inclusion de mots et d’expressions issus des recherches récentes d’un client.
    Nombre maximal de recherches
    Contrôle le nombre maximal de mots et d’expressions recherchés à inclure dans la liste de mots à saisie automatique. Les mots et expressions les plus utilisés sont inclus.
    Nom du champ
    Chaque nom de champ définit le nom d’un champ pour lequel inclure des valeurs indexées. Utilisez + et - pour ajouter ou supprimer des noms de champ.
    Nombre maximal de valeurs
    Définit le nombre maximal de valeurs de champ autorisées pour le nom de champ sélectionné. Les valeurs supérieures, qui sont également les plus référencées, sont incluses.
    Ajouter ces mots et expressions
    La liste de mots à saisie automatique est renseignée par les mots et les expressions répertoriés dans cette zone.
    Cliquez sur Modifier pour afficher la liste ou ajouter des mots et des expressions à la liste. Lorsque vous avez terminé, cliquez sur Enregistrer les modifications .
    Supprimer ces mots et expressions
    Les entrées de cette zone ne s’affichent pas dans la liste de mots à saisie automatique.
    Cliquez sur Modifier pour afficher la liste ou ajouter des mots et des expressions à la liste. Lorsque vous avez terminé, cliquez sur Enregistrer les modifications .
    Les expressions régulières sont autorisées dans cette liste. Pour spécifier une expression régulière dans cette liste, commencez la ligne par regexp suivi d’un espace unique, suivi de l’expression régulière. Toutes les lignes de la liste de mots qui correspondent à l’expression régulière sont supprimées.
    Important : Vous ne devez utiliser les expressions régulières que si vous avez déjà travaillé avec elles dans d’autres applications.
    Ignorer la casse
    Les entrées en double dans la liste de mots à saisie automatique qui ne diffèrent que par la majuscule/minuscule alphabétique sont supprimées; toutes les entrées de la liste de mots sont forcées à la minuscule.
    Si vous souhaitez que les suggestions de saisie semi-automatique apparaissent sous la forme "majuscule de la première lettre" ou "majuscules", ajoutez la variable text-transform : capitaliser; ou text-transform : majuscule; Propriétés de texte CSS au contenu CSS à remplissage automatique, sous "/* styles pour l’élément de résultat */".
    Mise à jour lors du ré-index
    La liste de mots à saisie automatique est automatiquement régénérée après chaque réindexation réussie du compte.
  3. Cliquez sur Save Changes .
  4. (Facultatif) Utilisez l’une des méthodes suivantes :
    • Cliquez sur History pour annuler les modifications que vous avez apportées.
    • Cliquez sur Preview Word List pour enregistrer les modifications que vous avez apportées, puis ouvrez Auto-Complete Word List Preview la page dans laquelle vous pouvez consulter la liste des suggestions de saisie semi-automatique. Utilisez les options de navigation en haut de la page pour revoir et affiner la liste affichée. Lorsque vous avez terminé, cliquez Close pour revenir à la Auto-Complete Word List page.
    • Cliquez sur Live .
    • Cliquez sur Push Live .

Configuration du remplissage automatique des feuilles de style CSS

Utilisez le format CSS de saisie semi-automatique pour configurer la feuille de style en cascade de saisie semi-automatique que vous souhaitez utiliser.
Le remplissage automatique du fichier CSS contrôle le contenu de autocomplete_styles.css, qui est inclus dans le formulaire de recherche activé à saisie automatique. La page CSS que vous spécifiez ici contrôle la présentation visuelle de la liste de suggestions de saisie semi-automatique. Pour obtenir un exemple des idées de présentation visuelle possibles, reportez-vous aux sections suivantes :
Configuration de la liste de mots à remplissage automatique.
Lorsque vous avez terminé de configurer le remplissage automatique du fichier CSS, vous pouvez prévisualiser le formulaire de recherche pour vérifier si le fichier CSS que vous avez spécifié est acceptable en termes d’apparence et de disposition.
Important : Pour appliquer votre page CSS de saisie semi-automatique personnalisée, vous devez supprimer les balises de commentaire de la deuxième ligne qui apparaît dans le code HTML. Ensuite, vous déplacez la même ligne dans la section head de la page qui contient le formulaire de recherche.
Pour configurer le remplissage automatique des feuilles de style CSS
  1. Dans le menu du produit, cliquez sur Design > Auto-Complete > Auto-Complete CSS .
  2. Dans le champ de Auto-Complete CSS texte, collez ou saisissez les informations de feuille de style en cascade que vous souhaitez associer à la liste de suggestions de saisie semi-automatique.
  3. Cliquez sur Save Changes .
  4. (Facultatif) Utilisez l’une des méthodes suivantes :

Aperçu du formulaire de recherche tel qu’il apparaîtra sur votre site Web

Selon votre configuration de saisie semi-automatique et de saisie semi-automatique, vous pouvez prévisualiser l’aspect du formulaire de recherche si vous souhaitez ajouter le code HTML à votre site Web.
Voir Configuration d’une page CSS à remplissage automatique.
Voir Exemple de formulaire de recherche avancée.
Pour prévisualiser le formulaire de recherche tel qu’il apparaîtra sur votre site Web
  1. Dans le menu du produit, cliquez sur Design > Auto-Complete > Search Form .
  2. (Facultatif) Cliquez sur HTML code pour afficher le code HTML que vous copiez et collez dans les pages de votre site Web.

Copie du code HTML du formulaire de recherche dans les pages de votre site Web

Selon votre configuration de saisie semi-automatique et de saisie semi-automatique, vous pouvez prévisualiser l’aspect du formulaire de recherche si vous souhaitez ajouter le code HTML à votre site Web.
Voir Configuration d’une page CSS à remplissage automatique.
Voir Exemple de formulaire de recherche avancée.
Copie du code HTML du formulaire de recherche dans les pages de votre site Web
  1. Dans le menu du produit, cliquez sur Design > Auto-Complete > Form Source .
    Ne modifiez pas la form name= valeur dans la source du formulaire.
  2. (Facultatif) Utilisez l’une des méthodes suivantes :
    • Si vous avez configuré la saisie semi-automatique du code CSS et souhaitez que les styles soient appliqués au formulaire de recherche, supprimez les balises de commentaire de la deuxième ligne qui apparaît dans le code HTML. Ensuite, déplacez la même ligne dans la section head de la page qui contient le formulaire de recherche.
    • Pour des performances optimales, déplacez les balises répertoriées au bas du code HTML et placez-les au bas de la section body de chaque page qui contient le formulaire de recherche.
  3. Copiez le code et collez-le dans les pages Web de votre site Web où vous souhaitez que le formulaire de recherche apparaisse.