Show Menu
SUJETS×

A propos de la saisie automatique

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

A propos de la saisie 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 la saisie semi-automatique.

Configuration de la saisie semi-automatique

Vous pouvez configurer et configurer les options qui contrôlent la génération du formulaire de recherche activée à saisie automatique, ainsi que le fichier.
Après avoir configuré la saisie semi-automatique, vous pouvez vue 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 saisie CSS à saisie automatique.
Pour configurer la saisie semi-automatique
  1. Dans le menu 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 maximal 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
    Indique 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" cible="_blank">
    SiteSearch est l'attribut name de la balise de formulaire.
    ID balise Div
    Indique l’attribut ID de la balise "div" du formulaire de recherche à saisie semi-automatique activée. Par exemple :
    <div id="saisie automatique">
    auto complete est l'attribut de la balise div.
    ID de balise d’entrée
    Indique l’attribut ID de la balise "input" du formulaire de recherche à saisie automatique activée. Par exemple :
    <input type="text" id="q" name="q" />
    q est l’attribut id de la balise input.
    Afficher l'ombre
    ajoute une ombre portée cosmétique à la liste de suggestions à saisie automatique.
    Ne correspondre qu'au début de l'expression
    Ne suggérer que les résultats qui correspondent au début du texte de saisie.
    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 à saisie automatique

Configurez la liste de mots et d’expressions que le remplissage automatique affiche pour un client sous forme de suggestions.
Voir Configuration de la saisie CSS à saisie automatique.
Pour configurer la Liste de mots à saisie automatique
  1. Dans le menu 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 à partir 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, début la ligne avec regexp un seul espace, suivi de l’expression régulière. Toutes les lignes de la liste de mots correspondant à l’expression normale sont supprimées.
    Important : Vous ne devriez utiliser des expressions régulières que si vous avez déjà travaillé avec elles dans d'autres applications.
    Voir Expressions régulières .
    Ignorer la casse
    Les entrées de duplicata 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 liste de mots sont obligées de les mettre en minuscules.
    Si vous souhaitez que les suggestions de saisie semi-automatique apparaissent en "première lettre majuscule" ou "toutes majuscules", ajoutez les propriétés de texte text-transform : capitalize; ou text-transform : uppercase; CSS au contenu CSS de saisie semi-automatique, sous "/* styles pour l'élément de résultat */".
    Mise à jour lors de la ré-indexation
    La saisie automatique de la liste de mots est automatiquement régénérée après chaque réindexation de compte réussie.
  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 de suggestions à saisie automatique. Utilisez les options de navigation situées en haut de la page pour examiner et affiner la liste affichée. Lorsque vous avez terminé, cliquez sur Close pour revenir à la Auto-Complete Word List page.
    • Cliquez sur Live .
    • Cliquez sur Push Live .

Configuration de la saisie semi-automatique des feuilles de style CSS

Utilisez le format CSS de saisie semi-automatique pour configurer la feuille de style en cascade à saisie semi-automatique que vous souhaitez utiliser.
La saisie semi-automatique CSS contrôle le contenu de autocomplete_styles.css, qui est inclus dans le formulaire de recherche à saisie semi-automatique. Le fichier CSS que vous spécifiez ici contrôle la présentation visuelle de la liste de suggestions à saisie semi-automatique. Pour obtenir un exemple des idées de présentation visuelle possibles, consultez les articles suivants :
Configuration de la Liste de mots saisie automatique.
Lorsque vous avez terminé de configurer la saisie semi-automatique des feuilles de style CSS, vous pouvez prévisualisation le formulaire de recherche pour vérifier si la feuille de style CSS que vous avez spécifiée est acceptable en termes d’apparence et de mise en page.
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 s’affiche 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 la saisie semi-automatique des feuilles de style CSS
  1. Dans le menu produit, cliquez sur Design > Auto-Complete > Auto-Complete CSS .
  2. Dans le champ de Auto-Complete CSS texte, collez ou tapez les informations de la feuille de style en cascade que vous souhaitez associer à la liste de suggestions à 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évisualisation l’affichage du formulaire de recherche si vous souhaitez ajouter le code HTML à votre site Web.
Voir Configuration de la saisie CSS à saisie automatique.
Voir Exemple de formulaire de recherche avancée.
Pour prévisualisation au formulaire de recherche tel qu’il apparaîtrait sur votre site Web
  1. Dans le menu 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évisualisation l’affichage du formulaire de recherche si vous souhaitez ajouter le code HTML à votre site Web.
Voir Configuration de la saisie CSS à saisie 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 produit, cliquez sur Design > Auto-Complete > Form Source .
    Ne modifiez pas la form name= valeur de la source du formulaire.
  2. (Facultatif) Utilisez l’une des méthodes suivantes :
    • Si vous avez configuré la saisie semi-automatique CSS et souhaitez que les styles soient appliqués au formulaire de recherche, supprimez les balises de commentaire de la deuxième ligne qui s’affiche 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 de contenu 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.