Helpdesk
RoadmapGo to MeltingSpot
Français
Français
  • Pour commencer
    • 📝Introduction
    • 🗝️Concepts clés
    • 👋Rejoindre un Spot
    • 🎯Créer un Spot
  • Contenu d'un Spot
    • 🏠Page d'accueil
    • ▶️Lives
      • ➕Créer un live
      • ➕Créer un replay
      • 👣Accéder aux paramètres d'un live
      • ⚙️Paramètres généraux
      • 🔓Confidentialité
      • 🎥Paramètres vidéo
      • ⚙️Paramètres de la liveroom
      • 💌Invitations & participants
      • 👥Gérer les groupes invités
      • 🎙️Speakers
      • 📩Notifications
      • 🏷️Tags sur les lives
      • ✔️S'inscrire à un live
      • 📋Avant de démarrer un live
      • ⏸️Démarrer un live
      • ⏯️Terminer un live
      • 📊Métriques d'un live
    • 🎓Cours
      • 📂Modules
      • ➕Créer un cours
      • 👣Configurer des étapes
      • ⁉️Quiz
      • 🛣️Accéder aux paramètres d'un cours
      • ⚙️Paramètres généraux
      • 💌Invitations & participants
      • 👥Gérer les groupes invités
      • 📩Notifications
      • ✏️Le mode brouillon
      • 📋Suivre un cours
    • 💬Discussions
      • 🔉Créer un canal
      • ⚙️Paramètres d'un canal
      • ➕Ajouter et supprimer des membres d'un canal
      • 🧰Forum
      • 👉Sujet dans un Forum
      • ➕Ajouter et supprimer des membres d'un forum secret
      • ⬆️Voter, trier et chercher dans les Sujets
      • 📌Partager, épingler et marquer un Sujet comme résolu
      • ⬇️Voter, trier et épingler des réponses à un Sujet
      • 📪Notifications dans les forums
      • 🖍️Rédiger un message
      • 👋Mentionner un membre
      • ❌Editer ou supprimer un message
      • 🗣️Répondre à un message
      • ❤️Réagir à un message
    • 📚Collections
      • 🆕Gérer une collection
      • 🔐Gestion des membres/groupes d'une collection privée
      • 📃Créer et supprimer une page
      • 🔗Ajouter & supprimer un lien
      • ✏️Le mode brouillon
      • 🏷️Tags et réactions sur les documents
    • 🔍Annuaire des membres
      • 📰Profil public d'un membre
      • 🤸‍♂️Activités d'un membre
      • 🏷️Tags sur les membres
    • 🗣️Messages directs
    • 🔍Rechercher dans le Spot
  • Gérer un Spot
    • ⚙️Accéder aux paramètres
    • 📊Dashboard
      • 📈Aperçu
      • 🤿Activités
      • ▶️Lives
    • 👥Audience
      • 👥Membres
        • 🎭Rôle des membres
        • 🎓Statut des membres
        • 📩Inviter de nouveaux membres
        • 🗃️Importer des membres
        • 👀Suivre les sources d'inscription (UTM)
        • 💬Bulk Message
        • 🌠Date de dernière activité
        • 👾Propriétés personnalisées
      • 🧑‍🤝‍🧑Groupes
        • ✍️Groupes statiques
        • 🤖Groupes automatisés
      • 👤Droits utilisateurs
        • ⚙️Gestion des rôles
        • 🧢Assigner des rôles à des membres
        • 🤝Permissions
    • 🏷️Tags
    • 👀Modération
    • ⚙️Paramètres généraux
    • 🎨Personnalisation
      • ✨Thème
      • 🏗️Fonctionnalités
      • 🧑‍💻Scripts
    • 📨Notifications par email
    • ❓Formulaire d'inscription
    • 🔗Intégrations
      • 🪝Webhooks
      • 🤖API
        • 🧑‍🏫REST API
        • 🔦Configuration
        • 🗃️Endpoints - Les membres du Spot
        • 🗃️Endpoints - Les lives
        • 🗃️Endpoints - Les cours
        • 🗃️Endpoints - Les canaux
        • 🗃️Endpoints - Les forums
        • 🗃️Endpoints - Les sujets
        • 🗃️Endpoints - Les groupes
        • 🗃️Endpoints - Les tags
        • 🗃️Endpoints - Les propriétés personnalisées
        • 🗃️Endpoints - Recherche
        • 🗃️Endpoints - Notifications
      • 🧡HubSpot
    • 🔑Single Sign-On
    • 🧩Embed
    • 💁‍♂️Widget
      • 📚Liste de contenus
      • 🎓Cours
      • 📃Document
      • 🧑‍🏫Implémentation
  • Paramètres utilisateur
    • 🔔Gestion des notifications
      • 💌Email Digest
    • 👤Gérer mes profils
    • 🙌Etre membre de plusieurs Spots
    • 🔔Centre de Notifications
  • Guides
    • 🧐Accéder à MeltingSpot
    • ⏹️Ajoutez MeltingSpot à l'écran d'accueil de votre téléphone/ordinateur
    • 🔥Créer un contact HubSpot à chaque nouvelle inscription au Spot
    • ✨Notifier le début d'un live sur Slack
    • 📅Envoyer une invitation google agenda aux nouveaux participants à un live
    • 🗒️Ajouter les nouveaux membres de votre Spot dans un Google Sheet
    • ❔Utiliser le webhook Réponse au formulaire d'inscription
    • 🪃Utiliser un webhook dans Slack
    • ❔Afficher un Google Form dans une page de votre Spot
    • 🐞Résoudre un problème dans la live room
    • 🐝Accéder à son compte de facturation
    • ❓FAQ
Propulsé par GitBook
Sur cette page
  • Créer un widget
  • Modifier un widget
  • Aperçu d'un widget
  • Affichage du widget
  • Supprimer un widget

Cet article vous a-t-il été utile ?

  1. Gérer un Spot
  2. Widget

Document

PrécédentCoursSuivantImplémentation

Dernière mise à jour il y a 3 jours

Cet article vous a-t-il été utile ?

Un widget de type Document vous permet d'intégrer à votre produit ou votre site internet un document de type Page pour délivrer de l’éducation contextuelle.

Créer un widget

Pour créer un widget de type Document, cliquez sur le bouton Nouveau en haut à droite puis sur Document. Un panneau latéral permettant de créer un nouveau widget s'ouvre :

  • Choisissez le mode de rendu de votre widget :

    • Embed : le widget est sous forme d'embed, vous pouvez l'intégrer n'importe où sur votre site ou votre application.

    • Modale : le widget est dans une fenêtre qui s'ouvrira au clic sur un bouton.

    • Drawer : le widget est dans un panneau latéral qui s'ouvrira au clic sur un bouton.

  • Donnez un titre. Ce titre ne sera pas visible dans le widget intégré au sein de votre application.

  • Sélectionnez un document de type Page à l'aide la barre de recherche.

  • Cliquez sur Créer : ça y est, votre widget est prêt à être intégré !

Modifier un widget

Vous pouvez modifier un widget depuis deux endroits différents :

  • Depuis la liste des widgets, en cliquant sur les trois petits points à droite de la carte d'un widget puis sur Modifier.

  • Depuis la fenêtre d'Aperçu du widget, en cliquant sur le bouton Modifier.

Le panneau latéral d'édition du widget s'ouvre, vous pouvez alors modifier :

  • Le type de rendu du widget. Attention, changer le type de widget implique de devoir mettre à jour le code.

  • Le titre du widget.

  • Le document sélectionné : pour cela, il vous suffit de cliquer sur le bouton X en haut à droite du document sélectionné et d'utiliser la barre de recherche afin de trouver le document de votre choix.

Une fois toutes vos modifications faites, cliquez sur le bouton Enregistrer.

Aperçu d'un widget

L'aperçu du widget dépend du type de rendu de ce dernier :

  • S'il s'agit d'un widget de type Embed ou Modale : Au clic sur la carte d’un widget, une fenêtre s'ouvre. Dans cette fenêtre, vous pouvez voir un aperçu du rendu du widget dans votre application ou site (dans le cas de l'embed, des zones grises matérialisent le contenu de votre site).

  • S'il s'agit d'un widget de type Drawer : Au clic sur la carte d’un widget, un panneau latéral s'ouvre. Vous pouvez y voir un aperçu du rendu du widget dans votre application ou site.

Dans la zone du bas de la modale, il y a plusieurs boutons :

  • Modifier : vous permet d'ouvrir le panneau latéral d'édition.

Affichage du widget

Dans votre site ou votre application, de nombreux membres pourront accéder à votre widget. Pas de panique, ils ne verront le document que s'ils y ont accès.

Pour avoir accès à un document, il faut que :

  • Le membre soit connecté

  • Le membre ait accès à la collection qui contient le document (soit parce que la collection est publique, soit parce qu'elle est privée, mais que le membre est invité à la collection).

  • Le document soit publié (sauf si le membre est admin ou a la permission "gérer & créer les collections")

Si un membre affiche le widget document et y a accès, l'activité correspondante sera bien prise en compte et vous pourrez la retrouver dans la page Dashboard des paramètres de votre Spot.

Pour vous assurer que l'utilisateur voit le contenu du widget en étant connecté, nous vous recommandons de mettre en place une authentification SSO dans l'espace d'intégration du widget.

Supprimer un widget

Pour supprimer un widget, vous avez 2 possibilités :

  • Depuis la carte d'un widget, en cliquant sur les trois petits points à droite puis sur Supprimer.

  • Depuis le panneau latéral d'édition d'un widget, en cliquant sur les trois petits points en haut à droite puis sur Supprimer.

Au clic sur l'un de ces deux boutons, une fenêtre de confirmation s'ouvre.

Attention, toute suppression est définitive !

Si vous supprimez un widget dans les paramètres de votre Spot, il est conseillé de le supprimer aussi dans le code de votre application ou site - pas d'inquiétude si vous oubliez, vos membres ne verront qu'un encart vide 😉

Obtenir le code : vous donne le choix entre le code du widget directement par mail (avec le bouton Envoyer les instructions) ou le code du widget (avec le bouton Copier le code)

Une fois le SSO configuré, il est possible de transmettre le token JWT authentifiant l'utilisateur directement dans le script du widget. Plus d'informations .

💁‍♂️
📃
🔑Single Sign-On
envoyer
récupérer et copier
💡
👉
Plus d'information ici.
Aperçu d'un widget modale
aperçu d'un widget modale
ici