Le widget Incorporation vous permet d'enrichir vos onglets Jint App Mobile en y intégrant des applications et des contenus externes. Centralisez vos outils (tableaux de bord, vidéos, documents) pour y accéder sans quitter votre interface.

Que puis-je intégrer ?

Le widget Incorporation est très polyvalent. Voici quelques exemples courants :

• Tableaux de bord et rapports : Power BI, Looker Studio, etc.
• Vidéos : YouTube, Vimeo, Dailymotion, Microsoft Stream.
• Outils collaboratifs : Figma, Miro, Productboard.
• Cartes : Google Maps, OpenStreetMap.
• Autres services : Des calendriers, des widgets météo, des horloges mondiales.

Tutoriels : Récupérer un code d'intégration

Voici comment trouver ce code sur les plateformes les plus populaires :

➡️ Sur YouTube

1. Sous la vidéo que vous souhaitez intégrer, cliquez sur le bouton Partager.
2. Dans la fenêtre qui apparaît, cliquez sur la première option : Intégrer.
3. Le code <iframe> s'affiche. Cliquez simplement sur le bouton COPIER pour le récupérer. Il est déjà au bon format.

➡️ Sur Spotify (fonctionne pour les chansons, albums et playlists)

1. Sur le titre, l'album ou la playlist, cliquez sur l'icône ... (Plus d'options).
2. Naviguez vers le menu Partager, puis cliquez sur Intégrer.
3. Une fenêtre s'affiche avec le code <iframe>. Cliquez sur COPIER pour le récupérer.

➡️ Sur Google Maps

1. Recherchez l'adresse ou le lieu que vous souhaitez afficher.
2. Cliquez sur le bouton Partager.
3. Dans la fenêtre qui s'ouvre, allez sur l'onglet Intégrer une carte.
4. Le code <iframe> apparaît. Vous pouvez même choisir une taille (Petite, Moyenne, Grande) avant de cliquer sur COPIER LE CONTENU HTML.

Comment configurer le widget Incorporation

Suivez ces étapes pour intégrer votre contenu.

Étape 1 : Obtenir le bon code d'intégration HTML

Le widget Jint for Teams a besoin d'un code <iframe> simple avec des dimensions fixes. Les codes complexes qui utilisent des <div> ou du CSS pour un affichage "responsive" ne sont pas supportés.

Le format correct utilise les attributs width et height directement dans la balise <iframe>.

Exemple de code CORRECT pour YouTube :

<iframe 
    width="560" 
    height="315" 
    src="https://www.youtube.com/embed/VIDEO_ID" 
    title="YouTube video player" 
    frameborder="0" 
    allowfullscreen>
</iframe>

Exemple de code INCORRECT :

<div style="position: relative; padding-bottom: 56.25%;">
    <iframe 
        src="https://www.youtube.com/embed/VIDEO_ID" 
        style="position: absolute; top: 0; left: 0; width: 100%; height: 100%;"
        allowfullscreen>
    </iframe>
</div>

Étape 2 : Ajouter le code dans Jint for Teams

1. Faites glisser le widget iFrame sur votre page.
2. Ouvrez les paramètres du widget.
3. Dans l'onglet Contenu, collez votre code <iframe> dans le champ "Adresse du site web ou code incorporé".

Étape 3 : Personnaliser l'affichage

Dans l'onglet Agencement, vous pouvez ajuster l'apparence du widget :

• Afficher un titre : Donnez un nom visible à votre widget.
• Autoriser l'agrandissement : Permet aux utilisateurs d'afficher le contenu en plein écran.
• Padding (Marge intérieure) : Choisissez entre un affichage avec ou sans espace autour du contenu.
• Personnaliser les dimensions : Cochez cette option pour ajuster manuellement la largeur et la hauteur du widget, ce qui outrepassera les valeurs width et height de votre code.

À noter : L'affichage sans bordure (sans padding) désactive le titre et le bouton d'agrandissement pour une intégration plus discrète.

Règles et Dépannage

Si votre contenu ne s'affiche pas, vérifiez les points suivants :

1. Le code doit être une balise <iframe> Le widget n'autorise pas les balises <script> ou d'autres formats de code pour des raisons de sécurité et de compatibilité. Le code doit obligatoirement commencer par <iframe ...>.
2. L'URL doit être sécurisée (HTTPS) Seuls les contenus provenant de sites sécurisés (https://...) peuvent être intégrés. Les liens en http:// seront bloqués.
3. Certains sites interdisent l'intégration Même avec un code <iframe> correct et une URL HTTPS, certains sites web (comme certains outils de CRM ou réseaux sociaux) bloquent activement leur intégration sur des plateformes tierces. Il s'agit d'une restriction de sécurité de leur part, que Jint for Teams ne peut pas contourner. Si le contenu ne s'affiche pas, vérifiez si le service que vous essayez d'intégrer le permet.