Nous vous invitons à consulter notre vidéo explicative:
Vous pouvez créer des réponses simples ou à choix pour aller récupérer les informations dont vous avez besoin.
Vous verrez dans les autres sections, comment gérer les différents types de réponses, afin de pouvoir comprendre le fonctionnement complet d'une réponse.
Il existe trois sections principales :
Paramètres
Conditions
2D
Sur la première réponse, les conditions ne sont pas disponibles. En effet, aucune question / réponse précédente n'existe !
Paramètres
Cette section permet de gérer l'affichage complet de la réponse. À l'intérieur, vous trouverez plusieurs sous-sections que nous allons décrire ci-dessous.
Affichage
Type de réponse
Il est possible de déterminer plusieurs types de réponses suivant le besoin que vous avez.
Saisie : Votre client devra répondre dans des champs de saisie, ce type de données est adapté pour donner de la "liberté" de réponse à votre client.
Choix : vous souhaitez que votre client réponde à votre question avec un choix déterminé de réponses connues d'avance. Cette sélection est alors faite pour vous.
Fichier : cette option permet à votre client de joindre un document ou une image en guise de réponse.
Produits : Permet à votre client de choisir un produit parmi ceux définis dans vos produits.
Nom public : C'est le nom que vous donnez à votre réponse.
Le nom public est affiché au client uniquement si dans la section Affichage > Type de saisie vous avez décidé d'utiliser le type Saisie, c'est le label de votre champ de saisie.
Nom privé : Cela vous permet de nommer votre réponse avec un nom qui sera plus pertinent pour vous dans l'interface d'administration pour pouvoir la retrouver facilement sur des configurations complexes avec de multiples entrées.
Le nom privé s'affiche uniquement si dans la section Affichage > Type de saisie vous avez décidé d'utiliser le type Saisie.
Rendre obligatoire : cette option permet de spécifier qu'une réponse est obligatoire, et que le formulaire ne pourra pas être soumis si aucune réponse n'est donnée.
Lecture seule : si cette option est active, cela permet à votre entité de bloquer les modifications, que ce soit des champs de saisie ou des choix. Cette option peut être utile quand vous souhaitez mettre des choix par défaut, et indiquer à votre client qu'ils sont obligatoires par rapport à ses sélections précédentes.
Désactivé : si cette option est active, cela rend la réponse inactive , une réponse inactive n'apparaitra pas sur le configurateur et n'aura aucun impact sur le prix et les conditions.
Classe CSS personnalisée : en ajoutant une classe CSS personnalisée, vous pouvez appliquer vos propres styles CSS à l’élément. Ce champ vous permet donc de définir un style unique et adapté à vos besoins.
Paramètres de saisie
Cette section s'affiche uniquement si dans la section Affichage > Type de saisie vous avez décidé d'utiliser le type Saisie.
Il est possible de sélectionner plusieurs types de données qui vont permettre de gérer des champs différents par rapport à votre besoin de collecte de données.
Type de données
Texte : cela vous permet de collecter n'importe quel type de données. Suivant la taille de données que vous souhaitez collecter, il peut être plus intéressant d'utiliser la Zone de texte.
Nombres : cela vous permet de collecter un chiffre. Vous pouvez éventuellement contrôler la saisie avec la valeur minimale et valeur maximale.
Zone de texte : une zone de texte est l'équivalent d'un "text area" qui permet de saisir plusieurs lignes de texte. Cela est idéal quand vous avez de nombreuses données à collecter.
Suffixe: un suffixe sert à donner une unité à votre champ.
Exemple : centimètres, millimètres, grammes…
Valeur par défaut : la valeur par défaut est celle qui est affichée au chargement du formulaire au client. Cette valeur permet d'éviter de saisir des informations pour le client ou tout simplement donner du conseil.
Les éléments valeur minimale et valeur maximale s'affichent uniquement si le type de données sélectionné est de type nombre.
Valeur minimale : cette valeur indique à votre client la valeur minimale qu'il peut saisir dans le champ. Si cette valeur n'est pas respectée, le client ne pourra pas valider le formulaire.
Valeur maximale : cette valeur indique à votre client la valeur minimale qu'il peut saisir dans le champ. Si cette valeur n'est pas respectée, le client ne pourra pas valider le formulaire.
Paramètres de choix
Cette section s'affiche uniquement si dans la section Affichage > Type de saisie vous avez décidé d'utiliser le type Choix.
Il est possible de sélectionner plusieurs types de données qui vont permettre de gérer des choix différents par rapport à votre besoin de collecte de données.
Types de choix
Cases à cocher : vous avez une ou plusieurs options à fournir à votre client, ce type de données est alors adaptées. Il est possible de déterminer ensuite si le client peut choisir une ou plusieurs données dans votre liste.
Liste déroulante : la liste déroulante est idéale pour afficher une liste que votre client pourra dérouler afin de trouver l'ensemble des choix que vous souhaitez lui mettre à disposition. Avec les autres paramètres, il sera possible de déterminer le nombre d'options que le client pourra demander.
Choix d'image : vous avez une ou plusieurs options à proposer à votre client il est possible de les afficher avec une image. L'image sera suffisamment grande pour que votre client puisse bien voir ce que vous souhaitez lui afficher. Si cette image est en lien avec des textures de matière, il est recommandé d'utiliser le Choix de texture ci-après.
Choix de texture : vous avez une ou plusieurs options de texture à proposer à votre client, ce choix est particulièrement recommandé car il vous permettra de choisir une couleur de fond unie, mais également une image tout comme le Choix d'image.
Choix Multiple
Vous pouvez déterminer si votre client peut choisir une ou plusieurs options dans votre liste.
Le fait de choisir Choix multiple permettra de débloquer les deux autres paramètres suivants.
Choix minimum nécessaire : ce paramètre indique le nombre minimum de choix qu'il est nécessaire de choisir dans la liste. Lors de la validation du formulaire, si ce nombre n'est pas respecté, alors le formulaire n'est pas envoyé.
Choix maximum nécessaire : ce paramètre indique le nombre maximum de choix qu'il est nécessaire de choisir dans la liste. Lors de la validation du formulaire, si ce nombre n'est pas respecté, alors le formulaire n'est pas envoyé.
Le fait de laisser le champ vide indique que vous ne souhaitez pas utiliser ces paramètres.
Quantité activé pour les choix
Il est possible que vous ayez besoin de demander à votre utilisateur la quantité d'options dont il a besoin.
Le fait de choisir Choix multiple permettra de débloquer les deux autres paramètres suivants.
Quantité minimale : ce paramètre indique la quantité minimum de quantité qu'il est obligatoire de choisir dans la liste. Lors de la validation du formulaire, si ce nombre n'est pas respecté, alors le formulaire n'est pas envoyé.
Quantité maximale : ce paramètre indique la quantité maximale de quantité qu'il est obligatoire de choisir dans la liste. Lors de la validation du formulaire, si ce nombre n'est pas respecté, alors le formulaire n'est pas envoyé.
Le fait de laisser le champ vide indique que vous ne souhaitez pas utiliser ces paramètres.
Paramètres de fichiers
Cette section s'affiche uniquement si dans la section Affichage > Type de réponse vous avez décidé d'utiliser le type fichier.
Ce champ vous permet de définir les règles d’upload des fichiers.
Formats acceptés : indiquez les extensions de fichiers autorisées (ex. : .jpg, .png, .pdf).
Nombre maximum de fichiers : précisez combien de fichiers l’utilisateur est autorisé à importer.
Grâce à ces deux paramètres, vous contrôlez à la fois le type et la quantité de fichiers pouvant être ajoutés.
Paramètres de Produits
Cette section s'affiche uniquement si dans la section Affichage > Type de réponse vous avez décidé d'utiliser le type produits.
Dans cette section, vous disposez de plusieurs options permettant de configurer l’affichage et la gestion des produits associés :
Choix multiple : si activée, deux champs apparaissent :
Choix minimum requis : nombre minimal de sélections obligatoires.
Choix maximum imposé : nombre maximal de sélections autorisées.
Recherche parmi les choix : si activée, une barre de recherche sera disponible pour filtrer rapidement les produits proposés.
Quantité activée pour les choix : si activée, deux champs apparaissent :
Quantité minimum : quantité minimale qu’un utilisateur doit sélectionner.
Quantité maximum : quantité maximale qu’un utilisateur peut sélectionner.
De plus, un champ d’entrée permet d’afficher les produits en fonction de leurs tags, afin de mieux cibler les articles proposés.
Aide contextuelle
Description: cela apparaîtra tout de suite en dessous de votre question pour détailler à votre interlocuteur, ce que vous attendez dans sa réponse. Cela peut prendre l'objet d'un texte avec plusieurs lignes.
Type de message d'aide: il est possible de définir deux modes de fonctionnement des messages d'aides:
"Modales" : lors du clic sur le petit "?" cela ouvre un module dans lequel figure le message d'aide.
"Bulle d'aide": le message s'affichera uniquement lorsque l'internaute survolera le petit "?".
Bulle d'aide: Le texte de la bulle d'aide par rapport à la description de la question s'affichera uniquement si le client désire avoir des informations complémentaires en passant la souris sur un petit "?" situé suite à droite de la question.
Conditions
Les conditions d'affichage sont un des éléments essentiels du configurateur. Cela permet de conditionner l'affichage des étapes, des réponses et des options. Dans notre cas, il est possible de conditionner l'affichage d'une réponse en fonction de paramètres précédent.
Nous vous invitons à lire la section spécifique à la gestion des conditions d'affichage pour plus de détails.
Cette section apparaîtra si vous êtes dans la première étape, et que c'est le deuxième bloc de réponse ou que vous êtes dans une étape autre que la première.
2D
La gestion de la 2D dans CYUP est traitée dans l'article Editeur 2D.