Composants du widget
Type d'accès: Widgets - Éditeur
En utilisant la bibliothèque de composants, votre organisation peut personnaliser complètement la mise en page d'un calque de widget en ajoutant et en réorganisant les composants dans une interface utilisateur finale spécifiée. Dans cet article, nous couvrirons les éléments suivants :
Pour commencer, cliquez Widgets dans le panneau de gauche et sélectionnez l' Modifier icône en ligne avec le nom d'un widget.
Pour chaque nouveau widget créé, Didomi fournira plusieurs calques préremplis avec des composants.
Glossaire des composants
Le panneau gauche de la page suivante est la bibliothèque de composants et les composants suivants peuvent être ajoutés et configurés sur un calque de widget :
Colonne
Ajoute un conteneur de ligne flexible qui organise ses éléments enfants verticalement.
Ligne
Ajoute un conteneur de ligne flexible qui organise ses éléments enfants horizontalement.
Conteneur
Ajoute un conteneur flexible qui prend en charge le style réactif
Titre
Insère un en-tête qui rend l'élément d'en-tête HTML approprié (h1-h6)
Texte
Insère un bloc de texte
Accepter tout
Insère un bouton qui accorde le consentement à tous les fournisseurs et finalités inclus dans le flux de consentement
Refuser tout
Insère un bouton qui rejette tous les fournisseurs et toutes les finalités inclus dans le flux de consentement
Enregistrer
Insère un bouton qui enregistre les choix de l'utilisateur final
Redirection
Insère un bouton qui redirige vers une URL désignée
Action personnalisée
Insère un bouton qui exécute une action définie dans le code de votre site web ou de votre application mobile. L'action est identifiée via le Nom de l'action.
Changer de calque
Insère un bouton de navigation qui permet à un utilisateur final de naviguer vers un calque spécifié dans le widget
Bouton Retour
Insère un bouton de navigation qui permet à un utilisateur final de revenir au calque précédent du widget
Image
Affiche une image hébergée
Logo
Affiche le logo de la marque configuré pour la marque utilisée dans le flux de consentement
Liste empilée
Affiche des finalités TCF groupées configurées pour le Transparency and Consent Framework (TCF). Les informations affichées dans l'aperçu du widget sont des données d'exemple uniquement. Remarque: Ce composant n'est applicable que dans les flux de consentement qui utilisent le Transparency and Consent Framework (TCF) lorsqu'ils prennent en charge le RGPD. Il sera vide s'il est appliqué à d'autres réglementations ou cadres (par ex. CPRA)
Liste des finalités
Affiche des finalités avec des descriptions extensibles qui sont incluses dans le flux de consentement Remarque: Les informations affichées dans l'aperçu du widget sont des données d'exemple uniquement.
Liste des fournisseurs
Affiche les fournisseurs et leurs informations respectives qui sont inclus dans le flux de consentement Remarque: Les informations affichées dans l'aperçu du widget sont des données d'exemple uniquement.
Informations utilisateur
Un accordéon rétractable qui affiche les informations suivantes de l'utilisateur final :
ID utilisateur
Ajouter un composant de widget
Pour ajouter un composant à un widget, accédez à la bibliothèque de composants et localisez le composant que vous souhaitez ajouter. Faites glisser et déposez le composant à l'emplacement souhaité dans la fenêtre d'aperçu du widget.
Des lignes guides dans la fenêtre d'aperçu du widget vous aideront à comprendre le placement exact du composant dans la hiérarchie des composants et par rapport aux autres composants.
Supprimer un composant de widget
Pour supprimer un composant d'un widget, accédez à l'aperçu du widget et sélectionnez le composant. Une fois le composant surligné, cliquez sur l' Supprimer icône dans le coin supérieur droit du composant.
Déplacer un composant de widget
Pour déplacer un composant à une position différente dans le widget, accédez à l'aperçu du widget et sélectionnez le composant. Une fois le composant surligné, cliquez et maintenez enfoncé le Faites glisser pour déplacer icône.
Faites glisser et déposez le composant à sa nouvelle position dans la fenêtre d'aperçu du widget.
Des lignes guides dans la fenêtre d'aperçu du widget vous aideront à comprendre le placement exact du composant dans la hiérarchie des composants et par rapport aux autres composants.
Paramètres du composant
L'onglet paramètres d'un composant permet à votre organisation de personnaliser des aspects tels que le contenu, les icônes, les variantes de boutons, etc. du composant.
Les paramètres disponibles pour chaque composant varient et certains composants n'ont aucun paramètre pouvant être configuré.
Configurez les paramètres de n'importe quel composant en accédant à l'aperçu du widget et en sélectionnant un composant.
Une fois le composant surligné, accédez au panneau de droite et assurez-vous que l' Paramètres onglet est sélectionné.
Développez n'importe quel accordéon dans le menu des paramètres et utilisez les options fournies pour configurer les détails de ce paramètre spécifique. La fenêtre d'aperçu du widget reflétera automatiquement les modifications apportées au paramètre.
Style du composant
L'onglet style d'un composant permet à votre organisation de remplacer tous les éléments de style/conception configurés pour la marque. Lorsqu'une marque et un widget sont utilisés dans un flux de consentement, le style configuré pour le widget prévaudra et le style de la marque sera le défaut si aucun style de remplacement n'est disponible.
Utilisez l'onglet style pour remplacer tout style de marque lors de la configuration des points de rupture/déplacements de mise en page. Cliquez ici pour plus d'informations.
Configurez le style de n'importe quel composant en accédant à l'aperçu du widget et en sélectionnant un composant. Une fois le composant surligné, accédez au panneau de droite et cliquez sur le Style onglet.
Utilisez les champs et accordéons fournis pour ajuster le style du composant. Toute modification affectera le point de rupture sélectionné.
Mis à jour