Personnalisation d'un parcours utilisateur

Modifiez un flux d'utilisateurs d'enregistrement de connexion pour adapter le formulaire à vos besoins. Les zones existantes peuvent être modifiées et déplacées vers d'autres emplacements d'un formulaire. De nouveaux éléments de formulaire peuvent être ajoutés. La validation des données utilisateur peut être définie. Personnalisez un flux d'utilisateurs IBM® Verify avec l'éditeur d'élément de formulaire.

Avant de commencer

  • Vous devez disposer des droits d'administration pour effectuer cette tâche.
  • Connectez-vous à la IBM Verify console d'administration en tant qu'administrateur. Pour plus d'informations, consultez la page « Accéder à IBM Verify ».
  • Un flux d'utilisateurs à l'état de brouillon ou à l'état publié. Voir « Créer un parcours utilisateur ».

Procédure

  1. Sélectionnez « Expérience utilisateur » > « Inscription des utilisateurs ».
  2. Sélectionnez un parcours utilisateur dans le tableau de bord « Inscription des utilisateurs » pour ouvrir le formulaire dans l'onglet « Parcours ».
  3. Personnalisez le parcours utilisateur pour votre Verify tenant.
    • Si le flux d'utilisateurs est Publié, sélectionnez Editer en tant que brouillon dans le panneau de droite de la page de flux d'utilisateurs.
    • Si le flux se trouve dans Brouillon, la page s'ouvre pour des modifications.
    Dans le panneau central de la page, sélectionnez un élément pour le modifier. Utilisez l'icône Boîte de dialogue « Parcours utilisateur » pour faire glisser l'élément vers un autre emplacement au sein de la section. Supprimez l'élément à l'aide de Supprimer l'icône.
    Personnalisez l'élément à l'aide de l'Editeur d'élément de formulaire dans le panneau de droite de la page. Certains éléments comportent des menus déroulants proposant plusieurs options, tandis que d'autres peuvent contenir du texte ou du code Markdown destiné à s'afficher dans le formulaire. Les champs varient en fonction du type d'élément sélectionné.
    Certains éléments peuvent utiliser le remplacement d'attribut, qui enregistre la valeur de l'attribut fournie par l'utilisateur et l'utilise lors de l'appel suivant et des appels suivants de cet attribut. Par exemple, en utilisant le bloc de code « {{name}} », le fichier peut récupérer la valeur saisie par l'utilisateur lors d'une étape précédente. La variable d'entrée de l'utilisateur remplace le bloc de code par le nom fourni par l'utilisateur à chaque fois que la fonction ` {{name}} ` est appelée.
    Remarque : le remplacement d'attributs ne peut pas fonctionner si les éléments de formulaire nécessaires à ces remplacements n'ont pas été ajoutés lors d'une étape précédente.

    Le bouton +Ajouter un élément de formulaire est disponible dans les deux premières sections du formulaire pour ajouter un élément au formulaire.

    Utilisez l'Editeur d'élément de formulaire pour définir le type d'élément. Les éléments suivants Verify sont disponibles dans le menu déroulant de l'élément « Formulaire ».
    Mot de passe du compte
    Zone de mot de passe. La zone est utilisée dans le flux d'utilisateurs par défaut pour demander à l'utilisateur de créer un mot de passe lors de l'enregistrement. Il est possible de définir des messages d'erreur personnalisés afin d'informer l'utilisateur des problèmes potentiels liés au mot de passe saisi.
    Contrat
    L'élément de contrat est utilisé pour ajouter un contrat de licence utilisateur final (CLUF) au formulaire d'enregistrement d'utilisateur. L'élément est inclus dans le flux d'utilisateurs par défaut. Pour plus d'informations, consultez la section « Gestion des contrats de licence d'utilisateur final ».
    Case à cocher
    Zone de case à cocher. Sélectionnez un attribut utilisateur pour définir la sélection de l'utilisateur.
    Menu déroulant
    Zone déroulante. Sélectionnez un attribut utilisateur, puis définissez les options et les valeurs afin de créer les sélections dans le menu déroulant. Remplacez le texte dans les zones Libellé d'option pour ce qui s'affiche dans le menu déroulant.
    E-mail
    Zone d'adresse électronique. La zone est utilisée dans le flux d'utilisateurs par défaut pour renvoyer un e-mail à l'utilisateur dans les Actions post-enregistrement.
    Brouillage
    Un champ masqué. Ce champ est utilisé dans le flux utilisateur par défaut pour demander à l'utilisateur de fournir des informations sensibles lors de son inscription.
    Mot de passe
    Zone de mot de passe. La zone est utilisée dans le flux d'utilisateurs par défaut pour demander à l'utilisateur de créer un mot de passe lors de l'enregistrement.
    Téléphone
    Zone de numéro de téléphone. La zone peut être personnalisée avec des attributs pour le téléphone personnel, professionnel, le téléphone portable et d'autres valeurs.
    Bouton d'option
    Zone de bouton d'option. Sélectionnez un attribut utilisateur, puis définissez les options et les valeurs afin de créer les sélections pour la zone de bouton d'option.
    Bouton de connexion sociale
    Un bouton de connexion sociale à utiliser avec un fournisseur d'identité sociale. Le champ peut être personnalisé avec le texte du bouton.
    Bloc de texte
    Zone de bloc de texte. La zone peut inclure du texte ou la langue de balisage Markdown à afficher dans le formulaire.
    Zone d'entrée de texte
    Zone d'entrée de texte pour la saisie de données utilisateur.

    En fonction du type d'élément et de l'attribut utilisateur sélectionné, différentes zones sont disponibles pour une personnalisation supplémentaire. Par exemple, les options Field label, Helper text, Placeholder text, Required field, Field validation et Class names sont disponibles dans certains des attributs d'élément. Pour plus d'informations sur les attributs, consultez la section « Gestion des attributs ».

    Si l'option Field validation est sélectionnée dans un attribut d'élément, utilisez une expression régulière (regex) pour faire correspondre le modèle et valider l'entrée de l'utilisateur dans un élément Date, Email, Password, Phone ou Text input field. L'expression régulière ne doit pas inclure de délimiteurs ou d'indicateurs. Par exemple, pour l'entrée avec 8-12 chiffres, entrez le paramètre regex sous la forme ^\d{8,12}$ au lieu de /^\d{8,12}$/gm (où les deux barres obliques / sont des délimiteurs et g et m sont des indicateurs). Pour plus d'informations sur les expressions régulières, voir Expression régulière.

    Pour l'option Class names, vous pouvez définir des classes HTML à utiliser avec un fichier CSS de thème personnalisé. Pour afficher le style personnalisé, sélectionnez Save changes, puis cliquez sur Get preview link. Pour plus d'informations, consultez la section « Gestion de l'image de marque ».

  4. Sélectionnez l'onglet Paramètres de la page de flux utilisateur pour modifier le nom, le chemin URL, le thème, la vérification humaine ou la redirection dynamique du flux utilisateur. Pour plus d'informations sur Theme, consultez la section « Gestion de l'identité visuelle ».
  5. Facultatif : dans l'onglet « Paramètres », cochez la case « Vérifier la disponibilité du nom d'utilisateur » pour vous assurer que le nom d'utilisateur est disponible avant que l'utilisateur ne poursuive la procédure d'inscription.
    Remarque : avant d'utiliser cette option, assurez-vous qu'elle est conforme aux directives de sécurité de votre entreprise.
    Remarque : un message s'affichera en haut des flux existants dans lesquels l'élément « nom d'utilisateur » est manquant, vous invitant à remplir ces champs afin de les traduire. Pour afficher l'élément manquant, cliquez sur « Afficher l'élément ».
    1. Cliquez sur « Enregistrer les paramètres ».
    2. Sélectionnez l'élément « Adresse e-mail ».
    3. Dans l 'éditeur d'éléments de formulaire, sélectionnez un attribut utilisateur.
    4. Activer le nom d'utilisateur du compte.
    5. L'éditeur de formulaires génère des champs de texte préremplis qui indiquent si un nom d'utilisateur est disponible ou non. Des champs de texte sont prévus pour indiquer si un nom d'utilisateur est disponible ou s'il est déjà utilisé. Pour personnaliser davantage, vous pouvez modifier le texte dans les zones de texte.
  6. Faites défiler jusqu'au bas de la page et sélectionnez « Enregistrer les modifications ».
  7. Sélectionnez l'onglet « Traductions » de la page du flux utilisateur pour modifier la langue principale dans laquelle le profil est configuré.
    1. Facultatif : téléchargez d'abord le modèle de traduction principal, puis modifiez-le en fonction de la langue souhaitée.
    2. Cliquez sur « Ajouter des traductions ».
    3. Sélectionnez la langue de votre choix dans le menu déroulant.
    4. Dans la section « Télécharger la traduction », cliquez sur « Modèle de traduction principal » pour télécharger le .csv fichier correspondant.
    5. Une fois que vous avez modifié le primary_tranlation.csv modèle dans la langue que vous avez sélectionnée dans le menu déroulant, cliquez sur « Télécharger le fichier » et sélectionnez le .csv fichier que vous avez modifié.
    6. Facultatif : cochez la case correspondant à la langue que vous avez téléchargée pour la supprimer.
    7. Cliquez sur Enregistrer.
      Remarque : cochez la case correspondant à la langue que vous avez téléchargée pour la supprimer.
  8. Dans le volet de droite, sélectionnez « Publier les modifications » pour mettre le processus d'inscription à la disposition de vos utilisateurs.
    Notez que vous pouvez cliquer sur le lien Obtenir un lien de prévisualisation pour afficher le formulaire avant de le publier. Si vous utilisez un brouillon d'un flux d'utilisateurs publié, vous pouvez également cliquer sur Afficher la version en cours pour afficher le flux d'utilisateurs publié en cours, puis revenir au brouillon, si nécessaire. Utilisez le lien Copier le flux pour créer une copie en double du flux avec un nombre incrémentiel ajouté au nom de flux. Le lien Supprimer le flux supprime le flux d'enregistrement.

Exemple

Pour ajouter un numéro de téléphone à un flux d'utilisateurs d'enregistrement de connexion, procédez comme suit :
  1. Ouvrez le flux d'utilisateurs en mode édition.
  2. Dans la première section de la page de flux d'utilisateurs, sélectionnez le bouton +Ajouter un élément de formulaire pour créer un élément.
  3. Utilisez l'Editeur d'élément de formulaire pour personnaliser l'élément.
    1. Dans la zone Elément de formulaire, sélectionnez Téléphone dans le menu déroulant.
    2. Dans le champ « Attribut utilisateur », sélectionnez « work_number ».
    3. Dans la zone Libellé de zone, remplacez le texte par Numéro de téléphone professionnel.
    4. Dans la zone Texte auxiliaire, entrez le texte Ajoutez votre numéro de téléphone.
  4. Sélectionnez Sauvegarder le flux dans le panneau central de la page de flux d'utilisateurs.
  5. Cliquez sur Obtenir un lien de prévisualisation pour afficher le formulaire avec la nouvelle zone de numéro de téléphone.

Que faire ensuite

  • Rendez l'URL de flux d'utilisateurs disponible pour vos nouveaux utilisateurs afin de faciliter l'accès de connexion à votre titulaire IBM Verify.
  • Accédez au tableau de bord Enregistrement d'utilisateur pour afficher votre nouveau flux.