Créer un composant personnalisé

  • Rversion finale: Australia
  • Mis à jour 12 mars 2026
  • 1 minute de lecture
  • Créez un composant personnalisé pour présenter des informations, capturer les entrées de l’utilisateur ou offrir des fonctionnalités interactives sur un site Web tiers. Vous pouvez également cloner le composant existant et le personnaliser.

    Avant de commencer

    • À partir de la mise en Zurich production, le composant Générateur d'IU est activé par défaut dans votre instance.
    • Clients existants sur les versions Zurich antérieures à la publication, vous devez activer le composant Générateur d'IU dans votre instance en activant le module d’extension Générateur d’IU (sn_ui_builder) pour créer un composant personnalisé.
    • Assurez-vous de vous référer à Générateur d'IU la version 27.2 ou supérieure pour la création de composants.
    • Assurez-vous que la propriété système [sn_cb_experiences.uib.enable.cb] est définie sur vrai.

    Rôle requis : sn_embeddable_core.emb_admin

    Procédure

    1. Accédez à la Tous > Web Embedabbles > Page d'accueil.
    2. Dans la section Gérer les composants, sélectionnez Créer un composant.
    3. Entrez les valeurs de champ suivantes.
      Champ Description
      Nom Nom du composant personnalisé.
      Suffixe de la balise du composant Entrez une valeur unique à ajouter au préfixe de la balise de composant. Il ne peut pas être modifié ultérieurement.
      Balise du composant La balise utilisée dans le code incorporé permet d’identifier le composant.
      Description Description de votre composant.
      Icône Image miniature du composant personnalisé.
    4. Sélectionnez Créer un composant.
      L’application Générateur d'IU s’ouvre dans un nouvel onglet de navigateur en mode intégrable, dans lequel vous pouvez personnaliser le composant.
    5. Dans un canevas vide, sélectionnez Ajouter du contenu.
      Remarque :
      La palette de composants affiche les composants qui peuvent être incorporés. Assurez-vous que la catégorie prête à être incorporée est sélectionnée.
    6. Sélectionnez le composant.
    7. Configurez les propriétés du composant.
    8. Facultatif : Sélectionnez un composant dans l’autre catégorie.
      Remarque :
      Si vous sélectionnez une autre catégorie, assurez-vous que le composant ajouté répond aux critères d’intégration de composants sur des sites Web tiers.
    9. Enregistrez les changements.
    10. Sélectionnez l’option Configurer l’intégrable pour revenir à la page d’accueil de l’application Intégrable au web .

    Résultats

    Le composant personnalisé est créé et affiché sous la section Gérer les composants de la page d’accueil de l’application Intégrable au web et est identifié par l’étiquette Personnalisé .