Passer au contenu principal

Comment intégrer une visite virtuelle 3D Matterport dans votre guide

Ajoutez une visite virtuelle 3D Matterport dans n'importe quelle section de votre guide Touch Stay : vos voyageurs pourront explorer votre logement de façon ludique, se réjouir de leur séjour et s'organiser bien avant leur arrivée.

Table des matières :

Vidéo : comment ajouter une visite virtuelle 3D Matterport à votre guide Touch Stay

Étape par étape : comment ajouter une visite virtuelle 3D Matterport à votre guide Touch Stay

Ouvrez Éléments personnalisés (Custom Elements) et cliquez sur Nouvel élément personnalisé (New Custom Element) :

  • Nouveau Hub : Bibliothèque du compte (Account library) → Éléments personnalisés dans la barre latérale gauche (propriétaires de plusieurs comptes : Centre de contenus (Content Hub) → Éléments personnalisés)

  • Ancien Hub : Paramètres (Settings) → Éléments personnalisés

Sélectionnez Matterport comme Service tiers (Third Party Service). Un Nom du code de l’élément (Element code name) est alors généré. C'est le code que vous insérerez dans votre guide, à l'endroit où vous souhaitez afficher la visite Matterport. Vous pouvez modifier ce nom comme vous le souhaitez pour identifier plus facilement chaque élément personnalisé que vous ajoutez. Seuls les lettres, les chiffres, les tirets bas et les traits d'union sont autorisés : pas de caractères spéciaux ni d'espaces.

Ensuite, il vous faut le code d'intégration de votre visite virtuelle 3D Matterport. Accédez à votre compte Matterport. Dans les options de partage de votre visite, copiez le code d'intégration, collez-le dans le champ Matterport embed code (code d'intégration Matterport) de Touch Stay, puis cliquez sur Enregistrer (Save). Le lien direct de la visite (qui commence par https://my.matterport.com/show) est également accepté.

Champ du code d'intégration Matterport

Pour insérer la visite virtuelle 3D Matterport dans votre guide, ouvrez le sujet auquel vous souhaitez l'ajouter (nouveau Hub : ouvrez le guide et accédez à l'onglet Contenu du guide (Guidebook Content) ; ancien Hub : Centre de contenus). Placez votre curseur à l'endroit où la visite doit apparaître. Cliquez sur Élément personnalisé (Custom Element) dans la barre d'outils de l'éditeur, sélectionnez le nom du code de l'élément concerné dans la liste déroulante, puis cliquez sur Insérer (Insert). Enregistrez ensuite le sujet (nouveau Hub : Enregistrer les modifications (Save Changes) ; ancien Hub : Enregistrer).

Insérer un élément personnalisé
Élément personnalisé dans le sujet

Le code de votre élément personnalisé est alors placé dans le contenu de votre sujet ; lorsque vous prévisualisez le guide, il est remplacé par la visite 3D choisie.

FAQ de dépannage

Mon code d'intégration n'est pas accepté lors de la création de mon élément personnalisé : que faire ?

Si votre code d'intégration n'est pas accepté, c'est très probablement parce qu'il ne s'agit pas du bon code. Touch Stay a besoin du code d'intégration standard (ou du lien direct) de votre visite, qui pointe vers https://my.matterport.com/show. Si cela ne fonctionne toujours pas, ou si vous ne le trouvez pas dans votre compte Matterport, veuillez contacter l'assistance et nous envoyer une capture d'écran des options de partage Matterport dont vous disposez.

Ma visite 3D ne s'affiche pas entièrement ou laisse beaucoup d'espace vide en dessous : que faire ?

La visite virtuelle 3D Matterport est ajoutée à votre guide au moyen de ce que l'on appelle, en développement web, une iframe. Cette technique crée dans votre guide une fenêtre qui affiche le lecteur de la visite 3D. Cependant, cette fenêtre ne peut pas détecter la taille de la visite 3D d'origine : vous voudrez peut-être ajuster sa hauteur pour qu'elle corresponde mieux à votre lecteur. Ouvrez Éléments personnalisés (voir le chemin ci-dessus), utilisez le menu à trois points à côté de l'élément, sélectionnez Voir ou modifier (View/Edit), puis ajustez la Hauteur standard de l’élément (Standard element height). Il peut être utile de garder l'aperçu de votre guide ouvert dans un autre onglet afin d'actualiser la page après avoir modifié la hauteur, au cas où un nouvel ajustement serait nécessaire.

Modifier la hauteur

Puis-je avoir une version différente de la visite 3D pour chacun de mes guides ?

Dans l'ancien Hub, oui. Accédez à Guides et cliquez sur le nom du guide. Faites défiler jusqu'à la carte Éléments personnalisés du guide (Guide Custom Elements), en bas de la page Détails du guide (Guide details), puis cliquez sur Modifier (Edit). Dans la fenêtre Modifier les éléments personnalisés (ce guide uniquement) (Edit Custom Elements (this guide only)), collez le code d'intégration propre à ce guide et ajustez la hauteur de l'élément si nécessaire. Cette carte n'apparaît que si vous avez plus d'un guide et au moins un élément personnalisé.

Le nouveau Hub ne dispose pas encore d'un écran par guide : vous ne pouvez donc pas y voir ni y modifier les valeurs propres à chaque guide. Les valeurs que vous avez déjà définies par guide dans l'ancien Hub continuent de s'appliquer à ce guide. Pour les modifier, revenez à l'ancien Hub (voir Comment passer du nouveau Hub à l'ancien Hub et inversement). Notez que si vous êtes propriétaire, administrateur ou administrateur d'équipe, revenir à l'ancien Hub désactive aussi Guidebook 2.0.


🤝 Besoin d'aide ?

Notre assistant IA Fin est disponible 24 h/24, 7 j/7 et répond généralement en moins de 10 secondes. Si Fin ne parvient pas à résoudre votre problème, notre équipe d'assistance prendra votre demande en charge.

Vous pouvez aussi contacter notre équipe à [email protected], nous serons ravis de vous aider.

Avez-vous trouvé la réponse à votre question ?