À 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é à saisie automatique et du fichier autocomplete_data.js, qui fait partie du formulaire de recherche activé à saisie automatique.

À 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 sur la page Configuration de la 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 activé à saisie automatique et du fichier.

Une fois que vous avez configuré la saisie semi-automatique, vous pouvez afficher la source HTML obtenue pour révision. La source HTML est ce que vous copiez et collez dans les pages de votre site web.

Voir Aperçu du formulaire de recherche tel qu’il apparaîtra sur votre….

Voir Configuration de la liste de mots à remplissage automatique.

Voir Configuration de la saisie semi-automatique CSS.

Pour configurer la saisie semi-automatique

  1. Dans le menu du produit, cliquez sur Design > Auto-Complete > Auto-Complete Setup.

  2. Sur la page Auto-Complete Setup, définissez les options de votre choix.

    Voir aussi Prévisualiser le formulaire de recherche tel qu’il apparaîtra sur votre….

    Option

    Description

    Suggestions maximales

    Indique le nombre maximal d’éléments à afficher dans la liste de suggestions à saisie automatique.

    Caractères d’entrée minimaux

    Indique le nombre de caractères qu’un client doit entrer dans le formulaire de recherche à saisie automatique avant d’afficher les suggestions.

    Entrées de cache maximales

    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é à 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.

    Identifiant de balise Div

    Indique l’attribut ID de la balise "div" du formulaire de recherche activé à saisie automatique. Par exemple :

    <div id="autocomplete">

    autocomplete est l’attribut de la balise div.

    Identifiant de balise d’entrée

    Indique l’attribut d’identifiant 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 d’entrée.

    Afficher l’ombre

    Ajoute une ombre portée cosmétique à la liste de suggestions à saisie automatique.

    Correspondance uniquement au début de l’expression

    Ne suggèrent que des résultats correspondant au début du texte de saisie .

    Prise en charge du jeu de caractères UTF-8

    Gérez correctement les caractères non ASCII en termes de 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 expressions que le remplissage automatique offre à un client sous la forme de suggestions.

Voir Configuration de la saisie semi-automatique.

Voir Configuration de la saisie semi-automatique CSS.

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 page Auto-Complete Word List, définissez les options de votre choix.

    Voir Aperçu du formulaire de recherche tel qu’il apparaîtra sur votre….

    Option

    Description

    Période des recherches les plus consultées

    Contrôle la période d’inclusion de mots et d’expressions lors des recherches récentes d’un client.

    Nombre de recherches maximal

    Contrôle le nombre maximal de mots et d’expressions recherchés à inclure dans la liste de mots à saisie automatique. Les mots et expressions principaux, qui sont également les plus populaires, 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 de valeurs maximal

    Définit le nombre maximal de valeurs de champ autorisées pour le nom de champ sélectionné. Les valeurs principales, 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 avec les mots et 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 suivie 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 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 en double dans la liste de mots à saisie automatique qui ne diffèrent que par les majuscules/minuscules alphabétiques sont supprimées ; toutes les entrées de liste de mots sont forcées à être en minuscules.

    Si vous souhaitez que les suggestions de saisie automatique apparaissent en "majuscule de première lettre" ou "majuscules", ajoutez la variable text-transform : capitalize; ou text-transform : uppercase; Propriétés de texte CSS au contenu CSS à remplissage automatique, sous "/* styles pour l’élément de résultat */".

    Voir Configuration de la saisie semi-automatique CSS .

    Mise à jour lors de la réindexation

    La liste de mots à saisie automatique est automatiquement régénérée après chaque réindexation de compte réussie.

  3. Cliquez sur Save Changes.

  4. (Facultatif) Effectuez l’une des opérations suivantes :

    • Cliquez sur History si vous souhaitez annuler les modifications que vous avez apportées.

    • Cliquez sur Preview Word List pour enregistrer les modifications que vous avez apportées, puis ouvrez la page Auto-Complete Word List Preview où vous pouvez consulter la liste de suggestions à saisie automatique. Utilisez les options de navigation situées en haut de la page pour passer en revue et affiner la liste affichée. Une fois que vous avez terminé, cliquez sur Close pour revenir à la page Auto-Complete Word List.

      Voir Utilisation de l’option Historique.

    • Cliquez sur Live.

      Voir Affichage des paramètres en direct.

    • Cliquez sur Push Live.

      Voir Publication des paramètres de l’étape en direct.

Configuration du remplissage automatique de CSS

Utilisez la saisie CSS à saisie automatique pour configurer la feuille de style en cascade à saisie automatique que vous souhaitez utiliser.

La saisie CSS automatique contrôle le contenu de autocomplete_styles.css, qui est inclus dans le formulaire de recherche activée à saisie automatique. Le code CSS que vous spécifiez ici contrôle la présentation visuelle de la liste de suggestions à saisie 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.

Configuration de la saisie automatique.

Lorsque vous avez terminé de configurer le remplissage automatique d’une feuille CSS, vous pouvez prévisualiser le formulaire de recherche pour vérifier si le CSS que vous avez spécifié est acceptable en apparence et en mise en page.

Voir Aperçu du formulaire de recherche tel qu’il apparaîtra sur votre….

Important : Pour appliquer votre CSS de saisie automatique personnalisé, vous devez supprimer les balises de commentaire de la deuxième ligne qui apparaît dans le code HTML. Vous déplacez ensuite la même ligne vers dans la section head de la page qui contient le formulaire de recherche.

Voir Copie du code HTML du formulaire de recherche dans le….

Pour configurer le remplissage automatique d’une feuille CSS

  1. Dans le menu du produit, cliquez sur Design > Auto-Complete > Auto-Complete CSS.

  2. Dans le champ de texte Auto-Complete CSS, collez ou saisissez les informations de feuille de style en cascade que vous souhaitez associer à la liste de suggestions à saisie automatique.

  3. Cliquez sur Save Changes.

  4. (Facultatif) Effectuez l’une des opérations suivantes :

Prévisualiser le formulaire de recherche tel qu’il apparaîtrait sur votre site web

Selon votre configuration de saisie semi-automatique et de saisie semi-automatique, vous pouvez prévisualiser l’affichage du formulaire de recherche si vous souhaitez ajouter le code HTML à votre site web.

Voir Configuration de la saisie semi-automatique.

Voir Configuration de la saisie semi-automatique CSS.

Voir Copie du code HTML du formulaire de recherche dans le….

Voir Utilisation de collections dans les formulaires de recherche.

Voir Utilisation d’images avec des formulaires.

Voir Exemple de formulaire de recherche avancée.

Voir Code HTML du formulaire de recherche avancée.

Voir Code de modèle 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’affichage du formulaire de recherche si vous souhaitez ajouter le code HTML à votre site web.

Voir Configuration de la saisie semi-automatique.

Voir Configuration de la saisie semi-automatique CSS.

Voir Copie du code HTML du formulaire de recherche dans le….

Voir Utilisation de collections dans les formulaires de recherche.

Voir Utilisation d’images avec des formulaires.

Voir Exemple de formulaire de recherche avancée.

Voir Code HTML du formulaire de recherche avancée.

Voir Code de modèle de formulaire de recherche avancée.

Pour copier le 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.

    REMARQUE

    Ne modifiez pas la valeur form name= dans la source du formulaire.

  2. (Facultatif) Effectuez l’une des opérations suivantes :

    • Si vous avez configuré la saisie CSS automatique et que vous 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. Déplacez ensuite la même ligne vers dans la section head de la page qui contient le formulaire de recherche.
    • Pour optimiser les performances, déplacez les balises répertoriées au bas du code HTML et placez-les au bas de la section de corps 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.

Sur cette page