{"id":737,"date":"2026-05-17T05:54:02","date_gmt":"2026-05-17T04:54:02","guid":{"rendered":"https:\/\/yaxii.dev\/?yaxii_doc=managing-form-fields"},"modified":"2026-05-19T16:36:11","modified_gmt":"2026-05-19T15:36:11","slug":"managing-form-fields","status":"publish","type":"yaxii_doc","link":"https:\/\/yaxii.dev\/fr\/docs\/yaxii-smart-form\/managing-form-fields\/","title":{"rendered":"Gestion des champs du formulaire"},"content":{"rendered":"

Le probl\u00e8me que ce guide r\u00e9sout<\/h2>\n

Les textes par d\u00e9faut du formulaire sont g\u00e9n\u00e9riques et ne parlent pas \u00e0 vos clients. Ce guide couvre tout ce qui est modifiable dans la structure du formulaire : les titres, les \u00e9tiquettes de champs, l’ordre des sections, l’affichage du stock, et la banni\u00e8re d’information \u2014 regroup\u00e9s en un seul r\u00e9f\u00e9rentiel.<\/p>\n

Modifier les textes principaux du formulaire<\/h2>\n

Allez dans Yaxii Smart Form > Param\u00e8tres du formulaire<\/b>, puis ouvrez l’onglet Champs du formulaire<\/b>.<\/p>\n

Param\u00e8tre<\/th>Ce qu’il affiche sur la fiche produit<\/th><\/tr><\/thead>
Titre du formulaire<\/b><\/td>L’en-t\u00eate principal affich\u00e9 au-dessus des champs de saisie<\/td><\/tr>
Description du formulaire<\/b><\/td>La phrase d’accroche ou sous-titre affich\u00e9 sous le titre<\/td><\/tr>
Texte du bouton de commande<\/b><\/td>L’\u00e9tiquette du bouton principal d’envoi de commande<\/td><\/tr><\/tbody><\/table><\/div><\/div>\n

Ces trois champs acceptent une saisie simultan\u00e9e en Arabe<\/b>, Fran\u00e7ais<\/b> et Anglais<\/b>. Le formulaire affiche automatiquement la version correcte selon la langue active sur votre site.<\/p>\n

Personnaliser les \u00e9tiquettes et placeholders des champs<\/h2>\n

Chaque champ du formulaire (Nom, T\u00e9l\u00e9phone, Wilaya, Commune\u2026) poss\u00e8de une \u00e9tiquette<\/b> (le texte visible au-dessus ou \u00e0 c\u00f4t\u00e9 du champ) et un placeholder<\/b> (le texte indicatif gris\u00e9 \u00e0 l’int\u00e9rieur du champ vide).<\/p>\n

  1. 1<\/span>
    Localiser le champ \u00e0 modifier<\/div>
    Dans l’onglet Champs du formulaire<\/b>, faites d\u00e9filer jusqu’\u00e0 la liste des champs. Chaque champ est pr\u00e9sent\u00e9 dans un panneau r\u00e9tractable \u2014 cliquez sur son nom pour le d\u00e9plier.<\/p>\n

    [Screenshot: Liste des champs du formulaire avec les panneaux r\u00e9tractables \u2014 le panneau \u00ab\u00a0Num\u00e9ro de t\u00e9l\u00e9phone\u00a0\u00bb est d\u00e9pli\u00e9 et affiche les options d’\u00e9tiquette et de placeholder pour chaque langue]<\/div><\/li>

  2. 2<\/span>
    Modifier l'\u00e9tiquette et le placeholder<\/div>
    Saisissez le nouveau texte dans les champs \u00c9tiquette<\/b> et Placeholder<\/b> pour chaque langue que vous souhaitez personnaliser. Vous pouvez ne modifier qu’une seule langue sans affecter les autres.<\/div><\/li>
  3. 3<\/span>
    Activer ou d\u00e9sactiver le champ<\/div>
    Si un champ n’est pas pertinent pour votre activit\u00e9, basculez l’interrupteur Afficher ce champ<\/b> sur Non<\/b> pour le masquer du formulaire sans le supprimer d\u00e9finitivement.<\/div><\/li>
  4. 4<\/span>
    Enregistrer<\/div>
    Cliquez sur Enregistrer les modifications<\/b> en bas de la page pour appliquer tous vos changements.<\/div><\/li><\/ol><\/div>\n

    Configurer la mise en page et l’ordre des sections<\/h2>\n

    Allez dans Yaxii Smart Form > Param\u00e8tres du formulaire<\/b>, puis ouvrez l’onglet Mise en page<\/b>.<\/p>\n

    Option<\/th>Ce qu’elle contr\u00f4le<\/th><\/tr><\/thead>
    Disposition sur mobile<\/b><\/td>Colonne unique ou deux colonnes pour les champs sur smartphone<\/td><\/tr>
    Disposition sur ordinateur<\/b><\/td>Colonne unique ou deux colonnes pour les champs sur \u00e9cran large<\/td><\/tr>
    Ordre des sections<\/b><\/td>Glissez-d\u00e9posez les blocs pour r\u00e9organiser l’ordre d’apparition dans le formulaire<\/td><\/tr>
    Position du r\u00e9capitulatif<\/b><\/td>Le r\u00e9sum\u00e9 de commande appara\u00eet au-dessus ou en dessous des champs de saisie<\/td><\/tr><\/tbody><\/table><\/div><\/div>\n

    [Screenshot: Interface de r\u00e9organisation par glisser-d\u00e9poser des sections du formulaire \u2014 quatre blocs ordonn\u00e9s verticalement avec des ic\u00f4nes de poign\u00e9e \u00e0 gauche de chacun]<\/p>\n

    Afficher la quantit\u00e9 de stock disponible<\/h2>\n

    Afficher le stock restant cr\u00e9e un sentiment d’urgence qui am\u00e9liore le taux de conversion. Allez dans l’onglet Comportement<\/b> pour activer cette fonctionnalit\u00e9.<\/p>\n

    Activez l’interrupteur Afficher la quantit\u00e9 en stock<\/b>, puis configurez les options associ\u00e9es :<\/p>\n

    Param\u00e8tre<\/th>Effet<\/th><\/tr><\/thead>
    Seuil de stock faible<\/b><\/td>En dessous de ce chiffre, un message d’urgence de stock limit\u00e9 s’affiche<\/td><\/tr>
    Style d’affichage du stock<\/b><\/td>Barre de progression, texte seul, ou badge color\u00e9<\/td><\/tr>
    Mod\u00e8le de texte de stock<\/b><\/td>Le message affich\u00e9 \u2014 utilisez {quantity}<\/code> pour ins\u00e9rer le chiffre automatiquement<\/td><\/tr><\/tbody><\/table><\/div><\/div>\n

    Configurer la banni\u00e8re d’information produit<\/h2>\n

    La banni\u00e8re d’information est un message mis en avant dans le formulaire \u2014 id\u00e9al pour signaler une promotion, un d\u00e9lai de livraison estim\u00e9, ou une condition sp\u00e9ciale.<\/p>\n

    Dans l’onglet Comportement<\/b>, activez l’interrupteur Banni\u00e8re d’information du formulaire<\/b>. Renseignez ensuite le texte dans les trois langues, choisissez une ic\u00f4ne et une couleur d’accentuation.<\/p>\n

    [Screenshot: Aper\u00e7u d’une banni\u00e8re d’information active dans un formulaire \u2014 fond color\u00e9 avec une ic\u00f4ne et le texte \u00ab\u00a0Livraison gratuite \u00e0 partir de 3 articles\u00a0\u00bb]<\/p>\n