Résumé IA
Vous souhaitez modifier l'apparence du champ Cases à cocher de votre formulaire ? WPForms offre de nombreuses options pour personnaliser l'apparence et le fonctionnement de ce champ dans vos formulaires publiés.
Cet article vous présentera toutes les façons de personnaliser vos champs Cases à cocher WPForms.
- Modification du libellé et de la description du champ
- Modification, ajout et suppression des choix
- Génération de choix avec WPForms AI
- Champ obligatoire
- Mélange des choix
- Afficher les cases à cocher dans une mise en page multicolonne
- Limiter la sélection des choix pour les cases à cocher
- Utiliser les choix dynamiques des cases à cocher
- Masquer l’étiquette du champ
- Activer l'affichage de la clause de non-responsabilité ou des conditions d'utilisation
- Questions fréquemment posées
Remarque : Le champ Cases à cocher permet aux utilisateurs de sélectionner plusieurs options à la fois. Si vous souhaitez que les utilisateurs ne sélectionnent qu'une seule option, où la sélection d'une option désélectionne automatiquement l'autre, nous vous recommandons d'utiliser le champ Choix multiples à la place.
Avant de consulter les options ci-dessous, assurez-vous que WPForms est installé et activé sur votre site WordPress. Ensuite, créez un nouveau formulaire ou modifiez-en un existant pour ouvrir le constructeur de formulaire.
Ici, recherchez Cases à cocher sous la section Champs standard.
Pour ajouter un champ Cases à cocher à votre formulaire, cliquez dessus ou faites-le glisser dans la zone d'aperçu du constructeur de formulaire. Cliquez ensuite dessus pour ouvrir les options du champ.
Remarque : Vous souhaitez en savoir plus sur toutes les personnalisations de champs possibles dans WPForms ? Consultez notre guide complet des options de champ pour plus de conseils.
Modification du libellé et de la description du champ
Les premières options de champ à considérer sont le Libellé et la Description.
Modification de l’étiquette du champ
Par défaut, le libellé du champ sera « Cases à cocher ». Cependant, vous pouvez facilement changer ce texte pour ce que vous voulez en saisissant votre propre libellé personnalisé dans le panneau Options du champ.
Ajout d'une description
Les descriptions de champ sont utiles pour fournir des informations à vos utilisateurs, telles que des instructions pour faire leurs sélections dans votre champ Cases à cocher.
Pour ajouter une description, tapez-la simplement dans le champ approprié du panneau Options du champ.
Remarque : Vous souhaitez en savoir plus sur d'autres façons d'intégrer du texte dans vos formulaires ? Consultez notre tutoriel sur l'ajout de texte supplémentaire dans WPForms.
Modification, ajout et suppression des choix
L'une des principales caractéristiques du champ Cases à cocher est qu'il permet aux utilisateurs de sélectionner plusieurs choix. Voici comment personnaliser les options que vous présentez dans vos formulaires.
Modifier les choix des cases à cocher
Pour modifier le libellé d'une case à cocher, tapez simplement le texte souhaité dans le champ fourni.
Vous pouvez présélectionner n'importe quel choix en cliquant sur la case à cocher à gauche de son libellé.
Remarque : Pour plus de détails sur la présélection des cases à cocher, veuillez consulter notre tutoriel sur la définition des valeurs par défaut pour les champs dans WPForms.
Si vous souhaitez réorganiser vos choix de cases à cocher, faites simplement glisser et déposez les éléments dans l'ordre dans lequel vous souhaitez qu'ils apparaissent.
Ajouter et supprimer des choix de cases à cocher
Pour ajouter d'autres choix à votre champ Cases à cocher, cliquez sur le bouton bleu plus (+) à côté de n'importe quelle option existante.
Le nouveau choix sera ajouté immédiatement en dessous de celui dont vous avez cliqué sur le bouton plus (+).
Note : Vous souhaitez apprendre à configurer une case à cocher « Autre » qui affiche un champ de texte lorsqu'elle est sélectionnée ? Consultez notre tutoriel sur comment y parvenir avec la logique conditionnelle.
Vous pouvez ajouter plusieurs choix en une seule fois en cliquant sur Ajouter en masse.
Entrez chaque nouvelle option que vous souhaitez inclure sur sa propre ligne, puis cliquez sur Ajouter de nouveaux choix.
Vos nouveaux choix seront ajoutés à la fin de la liste d'éléments existante.
Note : Besoin d'aide supplémentaire pour ajouter des choix à votre champ Cases à cocher ? Consultez notre tutoriel sur l'ajout en masse d'options aux champs de sélection.
Si vous souhaitez supprimer un choix de votre champ Cases à cocher, cliquez sur le bouton rouge moins (-) à côté de celui-ci dans le panneau Options du champ.
Note : Souhaitez-vous que votre champ Cases à cocher ait une apparence de bouton ? Notre documentation pour développeurs fournit un guide sur la transformation de ce champ avec CSS.
Utilisation des choix d’images
Si vous le souhaitez, vous pouvez ajouter des images à chacun des choix de votre champ Cases à cocher. Pour ce faire, activez l'option Utiliser des images pour les choix.
Cela affichera un bouton Télécharger une image pour chaque choix de votre champ Cases à cocher. Cliquez sur le bouton pour sélectionner une image pour cette option dans la médiathèque de votre site ou sur votre ordinateur.
Note : Les choix d'images ne sont pas recadrés ou redimensionnés lorsqu'ils sont ajoutés à votre formulaire. Pour un meilleur rendu, utilisez des images de 250px carrés ou moins, et assurez-vous que toutes vos images sont de la même taille.
Une fois que vous avez choisi un fichier image, un aperçu de celui-ci apparaîtra dans le panneau Options du champ.
Note : Vous souhaitez plus de détails sur l'utilisation des images pour les choix dans WPForms ? Consultez notre guide complet sur cette fonctionnalité pour en savoir plus.
Utiliser des icônes pour les choix
Le champ Cases à cocher vous permet également d'ajouter des icônes à vos choix. Pour activer cette fonctionnalité, activez l'option Utiliser des icônes pour les choix.
Une fois que vous avez activé les choix d'icônes, vous verrez des icônes par défaut ajoutées à chaque choix de votre champ Cases à cocher. Lorsque vous êtes prêt, cliquez sur l'une des icônes par défaut pour la remplacer par votre icône préférée.
Ensuite, le sélecteur d'icônes apparaîtra où vous pourrez parcourir et rechercher plus de 2 000 icônes. Une fois que vous avez trouvé une icône qui vous plaît, cliquez dessus pour l'ajouter à votre formulaire.
Après avoir sélectionné une icône dans le sélecteur d'icônes, elle apparaîtra dans le constructeur de formulaires.
Note : Vous souhaitez en savoir plus sur les choix d'icônes ? Consultez notre guide étape par étape sur l'utilisation des choix d'icônes pour plus de détails.
Génération de choix avec WPForms AI
Vous pouvez également ajouter des choix à votre champ Cases à cocher à l'aide de l'IA de WPForms. Cette fonctionnalité vous permet de générer rapidement des choix pertinents en fonction de votre invite. Pour utiliser l'IA de WPForms, cliquez simplement sur le bouton Générer des choix sous la section Choix.
Note : Pour en savoir plus sur la génération de choix avec l'IA de WPForms, consultez notre tutoriel sur l'utilisation des choix IA.
Champ obligatoire
Si vous voulez vous assurer que les utilisateurs remplissent votre champ Cases à cocher avant de soumettre votre formulaire, vous devrez le marquer comme obligatoire.
Activez simplement le paramètre Obligatoire en bas des options générales du champ.
Sur le site public, les utilisateurs verront un message indiquant « Ce champ est obligatoire » s'ils essaient de soumettre votre formulaire sans faire de sélection dans votre champ Cases à cocher.
Note : Vous souhaitez personnaliser le texte que les utilisateurs verront s'ils ignorent un champ obligatoire dans vos formulaires ? Consultez notre tutoriel sur la modification des messages de validation.
Mélange des choix
Faire apparaître les choix de vos Cases à cocher dans un ordre aléatoire chaque fois que votre formulaire se charge peut éviter les biais d'ordre dans vos entrées.
Pour randomiser les choix de vos Cases à cocher, cliquez sur l'onglet Avancé dans le panneau Options du champ.
Ensuite, activez le paramètre Aléatoire des choix.
Remarque : Pour plus de détails, consultez notre tutoriel complet sur comment aléatoiriser les choix pour les champs Cases à cocher et Choix multiples.
Afficher les cases à cocher dans une mise en page multicolonne
Si votre champ Cases à cocher inclut de nombreux choix, il peut être utile de les organiser dans une mise en page multicolonne afin qu'ils prennent moins de place.
En utilisant le menu déroulant Mise en page des choix, vous pouvez organiser vos cases à cocher en 1, 2 ou 3 colonnes.
Ou vous pouvez choisir l'option En ligne pour afficher tous les choix en une seule rangée. Si vous avez plus de choix que ce qui peut tenir dans une seule rangée, ils passeront à la ligne suivante, comme ceci.
Remarque : Veuillez consulter notre tutoriel sur la création de mises en page multicolonnes pour les champs Cases à cocher pour plus de détails.
Limiter la sélection des choix pour les cases à cocher
Par défaut, le champ Cases à cocher permet aux utilisateurs de sélectionner autant de choix qu'ils le souhaitent. Si vous souhaitez limiter le nombre d'options que vos utilisateurs peuvent sélectionner, vous pouvez saisir un nombre dans le champ Limite de choix dans les options avancées du champ.
Remarque : Consultez notre tutoriel sur la limitation des sélections de cases à cocher pour plus d'informations sur cette option de champ.
Utiliser les choix dynamiques des cases à cocher
Les champs Cases à cocher peuvent utiliser des données de votre site telles que des taxinomies ou des titres de publication pour remplir dynamiquement vos choix.
Pour activer cette option, sélectionnez Type de publication ou Taxonomie dans le menu déroulant Choix dynamiques.
Remarque : Vous cherchez plus de conseils sur la façon de configurer vos choix dynamiques ? Consultez notre tutoriel étape par étape sur comment utiliser les valeurs dynamiques dans WPForms pour tous les détails.
Masquer l’étiquette du champ
Enfin, si vous souhaitez masquer l'étiquette de votre champ Cases à cocher sur le front-end, activez le paramètre Masquer l'étiquette dans l'onglet Avancé du panneau Options du champ.
Remarque : Même si vous masquez l'étiquette d'un champ sur le front-end, nous vous recommandons de toujours inclure une étiquette pour celui-ci dans ses options générales de champ. Cela vous aidera à identifier le champ dans les soumissions de votre formulaire.
Activer l'affichage de la clause de non-responsabilité ou des conditions d'utilisation
Étant donné que de nombreux formulaires demandent aux utilisateurs de vérifier qu'ils ont lu les Conditions d'utilisation ou qu'ils reconnaissent une clause de non-responsabilité, WPForms vous permet d'ajouter facilement une case à cocher pour que les utilisateurs cliquent dessus pour le faire.
Pour activer cette fonctionnalité, basculez l'option Afficher la clause de non-responsabilité / les Conditions d'utilisation sur la position « activé ».
Utilisez le champ Description dans les options générales du champ pour lister vos conditions ou partager votre clause de non-responsabilité. Ensuite, ajoutez un choix unique intitulé quelque chose comme « J'accepte les termes et conditions » ou « Je reconnais la clause de non-responsabilité ci-dessous ».
Sur le front-end, le texte de la description du champ apparaîtra dans une boîte blanche sous la case à cocher unique.
Remarque : Pour plus de détails sur la façon de configurer une case à cocher pour les Conditions d'utilisation ou la clause de non-responsabilité, consultez notre tutoriel complet sur cette fonctionnalité.
Questions fréquemment posées
Voici les réponses à certaines des questions les plus fréquemment posées concernant le champ Cases à cocher.
Comment puis-je afficher des données dynamiques dans les étiquettes de mes cases à cocher ?
Vous pouvez inclure des données dynamiques dans les étiquettes des cases à cocher en utilisant des balises intelligentes (Smart Tags). Cela nécessite un extrait de code PHP pour activer le traitement des balises intelligentes directement dans les étiquettes des cases à cocher. Pour des instructions étape par étape sur la façon de mettre cela en œuvre, veuillez consulter notre documentation pour les développeurs.
Comment puis-je définir un nombre minimum de choix pour un champ de cases à cocher dans WPForms ?
Pour imposer un nombre minimum de sélections dans un champ de cases à cocher, vous pouvez utiliser un extrait de code JavaScript. Cela vous permet de spécifier un nombre minimum de choix que les utilisateurs doivent sélectionner avant de soumettre le formulaire, ce qui est particulièrement utile pour les sondages ou les formulaires où un niveau d'engagement minimum est requis.
Pour des instructions étape par étape sur la mise en œuvre de cette fonctionnalité, consultez notre documentation pour les développeurs.
Et voilà ! Vous connaissez maintenant toutes les options disponibles pour le champ Cases à cocher dans WPForms.
Souhaitez-vous maintenant afficher ou masquer d'autres champs de votre formulaire en fonction des sélections des utilisateurs dans votre champ Cases à cocher ? Assurez-vous de lire notre article sur l'utilisation de la logique conditionnelle intelligente dans WPForms.