Une iframe te permet d’afficher un contenu externe (questionnaire, formulaire, outil) directement dans une page de ta communauté, sans rediriger les utilisateurs vers un autre site web.
Qu’est-ce qu’une iframe
En d’autres termes, au lieu de rediriger les utilisateurs vers un autre site web, elle crée une "fenêtre" visible dans laquelle le contenu externe s’affiche. Les utilisateurs peuvent interagir avec ce contenu comme s’il faisait partie de ta communauté.
C’est particulièrement utile pour garantir une expérience fluide et éviter de fracturer le parcours utilisateur.
Bonne nouvelle, tu peux intégrer une iframe dans ta communauté grâce à une Custom page !
Intégrer une iframe
Suis ces étapes pour intégrer une iframe dans ta communauté :
Étape 1 - Créer une Custom page
- Va dans Configuration > Custom pages
- Clique sur + Add a custom page
- Définis le titre et la description de la Custom page.
Si tu veux en savoir plus sur le fonctionnement des Custom pages et leur création, consulte cet article.
Étape 2 - Ajouter le code iframe
- Dans l’éditeur de texte, clique sur
Source
-
Copie-colle le code suivant :
<div class="resp-container">
<iframe align="middle" allow="encrypted-media" allowfullscreen="allowfullscreen" class="resp-iframe" frameborder="0" gesture="media" height="640" longdesc="DESCRIPTION_CUSTOM_PAGE" name="TITRE_CUSTOM_PAGE" scrolling="yes" src="LIEN_REDIRECTION" width="640">
</iframe>
</div>
-
Remplace les éléments suivants dans le code :
DESCRIPTION_CUSTOM_PAGE par la description de ta Custom page
TITRE_CUSTOM_PAGE par le titre de ta Custom page
LIEN_REDIRECTION par l’URL du contenu que tu veux afficher dans l’iframe
- Clique à nouveau sur
- Clique sur Save
Dans l’éditeur de texte, il est tout à fait normal que l’iframe s’affiche de cette manière.
Pour vérifier que le lien contenu dans l’iframe autorise bien ce type d’affichage, tu peux copier l’URL de la Custom page (via cette icône dans Configuration > Custom pages) et la coller dans ton navigateur avant d’intégrer la Custom Page dans la communauté.
Par exemple, tu as créé un questionnaire de satisfaction dans Feedback Management by Skeepers et tu veux l’afficher dans ta communauté.
Cela permet aux membres de répondre sans quitter la plateforme, tout en te laissant choisir où l’afficher.
Affichage dans la communauté -->
Cette configuration est utile si tu veux collecter des retours après un événement, mesurer la satisfaction sur un produit, ou lancer une étude ponctuelle auprès de tes membres.
Dans cet exemple :
- Titre : Questionnaire de satisfaction client
- Description : Merci de répondre à notre questionnaire de satisfaction et de nous dire ce que tu as pensé de ton achat en ligne !
- Lien de redirection : le lien public généré depuis Feedback Management
Voici à quoi ressemblera le code de l’iframe :
<div class="resp-container"> |
Étape 3 - Intégrer la Custom Page dans ta communauté
Pour rendre ton iframe accessible aux utilisateurs, tu dois intégrer la Custom Page dédiée dans ta communauté. Pour cela, tu peux créer un Channel pour l’héberger :
- Dans Configuration > Channels, clique sur + Add a channel
- Choisis le type de Channel Custom Pages
- Dans la liste déroulante Custom Pages, sélectionne la page dédiée à l’iframe
- Choisis un titre pour ton Channel
- Clique sur Create
- Le Channel apparaîtra dans ton menu. Tu peux le déplacer à l’endroit souhaité.
Si tu veux en savoir plus sur où et comment intégrer des Custom Pages dans ta communauté, consulte cet article.