Aperçu du widget

circle-check

La barre d'outils d'aperçu du widget contrôle la présentation de la fenêtre d'aperçu du widget et permet à votre organisation d'apercevoir à quoi ressembleront vos configurations de widget sur différentes marques, appareils, etc. Dans cet article, nous couvrirons les différents éléments de la barre d'outils d'aperçu du widget.

Pour commencer, cliquez Widgets dans le panneau de gauche et sélectionnez le Modifier icône en ligne avec le nom d'un widget.

La barre d'outils d'aperçu du widget et la fenêtre d'aperçu sont les panneaux centraux de la page suivante.


Aperçu de la marque

L'option d'aperçu de la marque permet à votre organisation de visualiser l'apparence de la couche en conjonction avec une marque particulière lorsqu'elles sont appliquées ensemble dans un flux de consentement. Pour changer l'aperçu de la marque dans la fenêtre, utilisez le menu déroulant fourni pour sélectionner une marque précédemment configurée.

La fenêtre d'aperçu s'ajustera automatiquement pour afficher la couche actuelle avec la marque spécifiée.

Aperçu de l'appareil

L'option d'aperçu de l'appareil permet à votre organisation de voir comment la couche s'affichera sur différentes tailles d'appareil.

Pour changer l'aperçu de l'appareil dans la fenêtre, utilisez les icônes fournies pour sélectionner entre les différentes tailles d'écran. La taille de chaque écran est définie par défaut selon les points de rupture configurés pour la marque que vous prévisualisez actuellement.

circle-info

Cliquez ici pour obtenir des informations sur la façon de configurer les points de rupture/déplacements de mise en page pour différentes tailles d'appareil.

Aperçu de la langue

L'option d'aperçu de la langue permet à votre organisation d'alterner la couche entre les différentes langues activées pour le widget.

Pour changer la langue de la marque dans la fenêtre, utilisez le menu déroulant fourni pour sélectionner l'une des langues précédemment activées.

circle-info

L'aperçu de la langue est également la méthode utilisée pour fournir la traduction des composants textuels pour toutes les langues activées. Cliquez ici pour en savoir plus sur les traductions de widgets.

Paramètres

L'onglet paramètres de la barre d'outils d'aperçu du widget permet à votre organisation d'appliquer des directives et d'autres outils qui peuvent vous aider dans le processus de configuration d'une couche de widget.

Accédez aux paramètres de l'aperçu du widget en cliquant sur l'icône ⚙️dans la barre d'outils d'aperçu du widget.

Les paramètres suivants peuvent être appliqués à la fenêtre d'aperçu du widget. Activez ou désactivez chaque paramètre pour l'afficher ou non dans la fenêtre d'aperçu.

Paramètre
Description

Mettre en surbrillance tous les composants

Affiche un contour visuel autour de tous les composants dans la fenêtre d'aperçu pour aider à identifier leurs limites.

Afficher les indicateurs d'aperçu

Affiche les indicateurs de couche et de point de rupture dans les coins de la fenêtre d'aperçu.

Afficher la hiérarchie des composants

Affiche une barre de fil d'Ariane montrant le chemin hiérarchique du composant sélectionné. Cliquez sur les ancêtres pour naviguer vers le haut.

Mode interactif

Lorsqu'il est activé, cliquer sur les composants interagit avec eux (développer, boutons, etc.) au lieu de les sélectionner pour modification.

URL de police personnalisée

Puisque le widget hérite des polices de la page sur laquelle il est intégré, utilisez le champ fourni pour charger et prévisualiser une police spécifique.

Mis à jour