Helpdesk
RoadmapGo to MeltingSpot
English
English
  • To begin
    • πŸ“Introduction
    • πŸ—οΈKey concepts
    • πŸ‘‹Join a Spot
    • 🎯Create a Spot
  • Content of a Spot
    • 🏠Home page
    • ▢️Lives
      • βž•Create a live
      • βž•Create a replay
      • πŸ‘£Accessing the live's settings
      • βš™οΈGeneral settings
      • πŸ”“Privacy
      • πŸŽ₯Video Settings
      • βš™οΈLive room settings
      • πŸ’ŒInvitations & participants
      • πŸ‘₯Manage guest groups
      • πŸŽ™οΈSpeakers
      • πŸ“©Notifications
      • 🏷️Tags on lives
      • βœ”οΈRegister to a live
      • πŸ“‹Before starting a live
      • ⏸️Start a live
      • ⏯️Ending a live
      • πŸ“ŠLive performance metrics
    • πŸŽ“Courses
      • πŸ“‚Module
      • βž•Create a course
      • πŸ‘£Configuring steps
      • ⁉️Quiz
      • πŸ›£οΈAccess course parameters
      • βš™οΈGeneral settings
      • πŸ’ŒInvitations & participants
      • πŸ‘₯Manage guest groups
      • πŸ“©Notifications
      • ✏️Draft mode
      • πŸ“‹Take a course
    • πŸ’¬Discussions
      • πŸ”‰Creating a channel
      • βš™οΈChannel settings
      • βž•Adding and removing members of a channel
      • 🧰Forum
      • πŸ‘‰Topics in Forums
      • βž•Adding and removing members of a secret forum
      • ⬆️Voting, sorting and searching in Topics
      • πŸ“ŒSharing, pinning and marking topic as closed
      • ⬇️Voting, sorting and pinning replies to a Topic
      • πŸ””Forum notifications
      • πŸ–οΈWriting a message
      • πŸ‘‹Mentioning a member
      • ❌Editing or deleting a message
      • πŸ—£οΈReplying to a message
      • ❀️Reacting to a message
    • πŸ“šCollections
      • πŸ†•Manage a collection
      • πŸ”Managing members/groups of a private collection
      • πŸ“ƒCreate and delete a page
      • πŸ”—Add & remove a link
      • ✏️Draft mode
      • 🏷️Tags on documents
    • πŸ‘₯Members directory
      • πŸ“°Public profile of a member
      • πŸ€Έβ€β™‚οΈMembers' activities
      • 🏷️Tags on members
    • πŸ—£οΈDirect messages
    • πŸ”Search in Spot
  • Managing a Spot
    • βš™οΈAccessing the settings
    • πŸ“ŠDashboard
      • πŸ“ˆOverview
      • 🀿Activities
      • ▢️Lives
    • πŸ‘₯Audience
      • πŸ‘₯Members
        • 🎭Member's role
        • πŸŽ“Member's status
        • πŸ“©Invite new members
        • πŸ—ƒοΈImport members
        • πŸ‘€Track Registration Sources
        • πŸ’¬Bulk Message
        • 🌠Last activity date
        • πŸ‘ΎCustom properties
      • πŸ§‘β€πŸ€β€πŸ§‘Groups
        • ✍️Static Group
        • πŸ€–Smart Group
      • πŸ‘€User rights
        • βš™οΈManage roles
        • 🧒Assign roles to members
        • 🀝Permissions
    • 🏷️Tags
    • πŸ‘€Moderation
    • βš™οΈGeneral settings
    • 🎨Customization
      • ✨Theme
      • πŸ—οΈModular Spot
      • πŸ§‘β€πŸ’»Scripts
    • πŸ“¨Email notifications
    • ❓Registration form
    • πŸ”—Integrations
      • πŸͺWebhooks
      • πŸ€–API Access
        • πŸ§‘β€πŸ«REST API
        • πŸ”¦Configuration
        • πŸ—ƒοΈEndpoints - Spot Members
        • πŸ—ƒοΈEndpoints - Lives
        • πŸ—ƒοΈEndpoints - Courses
        • πŸ—ƒοΈEndpoints - Channels
        • πŸ—ƒοΈEndpoints - Forums
        • πŸ—ƒοΈEndpoints - Topics
        • πŸ—ƒοΈEndpoints - Groups
        • πŸ—ƒοΈEndpoints - Tags
        • πŸ—ƒοΈEndpoints - Custom properties
        • πŸ—ƒοΈEndpoints - Search
        • πŸ—ƒοΈEndpoints - Notifications
    • 🧑HubSpot integration
    • πŸ”‘Single Sign-On
    • 🧩Embed
    • πŸ’β€β™‚οΈWidget
      • πŸ“šList of contents
      • πŸŽ“Course
      • πŸ“ƒDocument
      • Page
      • πŸ§‘β€πŸ«Implementation
  • User Settings
    • πŸ””Notification management
      • πŸ’ŒEmail Digest
    • πŸ‘€Manage my profiles
    • πŸ™ŒBelonging to several Spots
    • πŸ””Notification Center
  • Guides
    • 🧐Access MeltingSpot
    • ⏹️Add MeltingSpot to your phone/computer home screen
    • πŸ”₯Create a HubSpot contact for each new Spot registration
    • ✨Notify the start of a live on Slack
    • πŸ“…Send a google calendar invitation to new live participants
    • πŸ—’οΈAdd new members of your Spot to a Google Sheet
    • ❔How to use the webhook Registration form answered
    • πŸ”—Embed a Google Form in a page of your Spot
    • 🐞Troubleshooting lives
    • 🐝Accessing your billing space
    • ❓FAQ
PropulsΓ© par GitBook
Sur cette page
  • Create a widget
  • Edit a widget
  • Widget preview
  • Widget display
  • Deleting a widget

Cet article vous a-t-il Γ©tΓ© utile ?

  1. Managing a Spot
  2. Widget

Document

PrΓ©cΓ©dentCourseSuivantPage

Dernière mise à jour il y a 3 jours

Cet article vous a-t-il Γ©tΓ© utile ?

A widget Document lets you integrate a Page document into your product or website to deliver contextual education.

Create a widget

To create a Document widget, click on the New button in the top right-hand corner and then on Document. A drawer opens:

  • Choose the rendering mode for your widget:

    • Embed: the widget appears as an embed and you can integrate it anywhere on your site or application.

    • Modal: the widget is in a window opened with a button.

    • Drawer: the widget is in a side panel opened with a button.

  • Enter a title. This title will not be visible in the widget integrated into your application.

  • Select a course using the search bar.

  • Click on Create: that's it, your widget is ready to be integrated!

Edit a widget

You can edit a widget in two different ways:

  • From the widget list, by clicking on the three small dots to the right of a widget's card and then on Edit.

  • From the widget preview window, click on Edit.

The widget drawer opens, where you can edit :

  • The widget's rendering type. Warning, switching your widget type requires you to update the code.

  • The widget title

  • The selected doucment: simply click on the X button at the top right of the selected document and use the search bar to find the required document.

Once you've made all your changes, you can save the widget by clicking on Save.

Widget preview

The widget preview depends on its rendering type:

  • If it's an Embed or Modale widget: When you click on a widget card, a window opens. In this window, you can see a preview of the widget's rendering in your application or site (in the case of an embed, grey zones materialize the content of your site).

  • If it's a Drawer widget: when you click on a widget's card, a side panel opens. Here you can see a preview of how the widget will look in your application or site.

At the bottom of the modal, there are several buttons:

  • Edit: opens the editing drawer.

Widget display

Many members of your site or application will be able to access your widget. Don't worry, they will only see the document if they have access to it.

To access a document,

  • The member must be logged in

  • The member must have access to the collection containing the document (either because the collection is public, or because it is private, but the member is invited to the collection).

  • The document must be published (unless the member is an admin or has "manage & create collections" permission).

If a member displays the document widget and has access to it, the corresponding activity will be taken into account and you will be able to find it in the Dashboard page of your Spot settings.

To ensure that the user sees the widget content while logged in, we recommend that you set up SSO authentication in the widget integration space.

Deleting a widget

There are 2 ways to delete a widget:

  • From the widget card, click on the three small dots on the right, then on Delete.

  • From the widget editing drawer, click on the three small dots in the top right-hand corner, then on Delete.

Clicking on either of these two buttons opens a confirmation window.

Warning, all deletions are final!

If you delete a widget in your Spot settings, we recommend you also remove it in the code of your application or site - no worries if you forget, your members will only see an empty insert πŸ˜‰

Get code: gives you the choice between the widget code directly by e-mail (with Send instructions) or the widget code (with Copy code).

Once SSO has been set up, the JWT token authenticating the user can be transmitted directly to the widget script. Find out more .

πŸ’β€β™‚οΈ
πŸ“ƒ
πŸ”‘Single Sign-On
sending
retrieving and copying
πŸ’‘
πŸ‘‰
Find out more here.
here
Preview of a modal widget
Preview of a modal widget