Créer un thème

La création d’un thème vous permet de définir un système de design standardisé pour votre équipe. Vous pouvez définir des couleurs spécifiques, télécharger des polices de marque et pré-construire des composants directement dans le Theme Builder.

​

Créer un nouveau thème

1. Allez dans Studio > Thèmes dans la barre latérale gauche.
2. Cliquez sur Ajouter un thème.
3. Saisissez un nom pour le thème et sélectionnez le ou les projets qu’il affectera.
4. (Facultatif) Ajoutez une description et des tags.
5. Cliquez sur Suivant pour ouvrir le Theme Builder.

​

Définir les couleurs

Utilisez la section Couleurs pour définir la palette disponible pour les utilisateurs. Pour limiter les utilisateurs à des couleurs de marque spécifiques, basculez Définir les couleurs du thème sur ON.

• Ajouter une couleur : Saisissez un code hexadécimal ou cliquez sur l’icône +. Vous pouvez sélectionner une couleur dans le dégradé, ajuster l’opacité ou utiliser l’outil pipette pour échantillonner depuis votre écran.
• Gérer les couleurs : Faites glisser et déposez les couleurs pour les réorganiser. Cliquez sur l’icône corbeille pour supprimer une couleur.

Les couleurs ajoutées ici sont disponibles sous Couleurs du thème dans le Widget Studio.

​

Modifier les couleurs verrouillées

Si une couleur est actuellement utilisée par un composant de votre thème, vous ne pouvez pas la supprimer. Cependant, vous pouvez la modifier. Lorsque vous modifiez une couleur, le changement s’applique automatiquement à chaque composant du thème qui utilise cette couleur.

​

Ajouter des polices

Dans la section Polices, déterminez quelles typographies distinctes les utilisateurs peuvent utiliser. Cochez une police dans la liste pour l’inclure dans votre thème. Utilisez la barre de recherche pour rechercher une police spécifique. Pour ajouter une police :

1. Cliquez sur + Ajouter une police.
2. Sélectionnez la source de votre police :
   • Depuis votre site web : Saisissez le nom de la famille de polices.
   • Lien vers un fichier de police : Saisissez le nom de la famille de polices et l’URL du fichier.
   • Code d’intégration : Saisissez le nom de la famille de polices et le code d’importation.
3. Cliquez sur Aperçu et ajouter.
4. Sélectionnez les graisses de police que vous souhaitez inclure.
5. Cliquez sur Ajouter.

​

Ajouter et gérer des composants

La section Composants vous permet de préconfigurer des éléments (comme des boutons, des images ou des formulaires) pour votre équipe et de définir quels composants sont autorisés dans le thème. Vous pouvez ajouter plusieurs fois le même type de composant pour créer des variations — par exemple, un bouton « Soumettre » distinct et un bouton « Annuler ».

​

Ajouter un composant

1. Cliquez sur + Ajouter à côté de Composants.
2. Recherchez un composant ou parcourez les catégories dans la barre latérale gauche.
3. Sélectionnez les composants que vous souhaitez inclure.
4. Cliquez sur Ajouter les composants.

​

Modifier et verrouiller les composants

Une fois qu’un composant est ajouté à votre liste, cliquez sur le menu actions secondaires (trois points) pour le gérer :

• Renommer : Donnez au composant un nom descriptif (par exemple, « CTA principal »).
• Modifier : Ouvrez l’éditeur de composants pour ajuster les styles à l’aide des outils Widget Studio.
• Verrouiller : Restreindre les autorisations d’édition pour ce composant. Vous pouvez également cliquer sur l’icône verrou à côté du menu Actions secondaires pour verrouiller un composant.
  • Lorsqu’il est verrouillé : Les utilisateurs peuvent uniquement modifier le contenu (texte/images), la position et la taille. Ils ne peuvent pas modifier les éléments de design comme les couleurs ou les bordures.
  • Lorsqu’il est déverrouillé : Les utilisateurs ont le contrôle total pour modifier le design.

​

Activer votre thème

Lorsque vous avez terminé de configurer votre thème, cliquez sur Activer dans le coin supérieur droit. Le thème est désormais disponible pour utilisation dans vos expériences et personnalisations. Pour désactiver un thème ultérieurement, cliquez sur le menu déroulant de statut (Actif) et sélectionnez Désactiver, ou utilisez le tableau de bord des thèmes.