Dans le nouveau Hub, les éléments personnalisés se trouvent dans la section Bibliothèque du compte (Account library) → Éléments personnalisés (Custom Elements). Si vous êtes propriétaire de plusieurs comptes, ils se trouvent dans Centre de contenus (Content Hub) → Éléments personnalisés. Créez un élément personnalisé une seule fois et réutilisez-le dans tous vos guides depuis un emplacement central.
Table des matières :
Comment fonctionnent les éléments personnalisés
Un élément personnalisé intègre un service tiers (une visite 3D, un formulaire, une playlist et bien plus) dans un sujet de votre guide.
Les étapes de base :
Ouvrez Bibliothèque du compte → Éléments personnalisés depuis la barre latérale gauche (propriétaires de plusieurs comptes : Centre de contenus → Éléments personnalisés).
Cliquez sur Nouvel élément personnalisé (New Custom Element), choisissez le Service tiers (Third Party Service), donnez-lui un Nom du code de l’élément (Element code name) et ajoutez le lien ou le code d'intégration requis.
Insérez-le dans n'importe quel sujet du contenu de votre guide (voir ci-dessous).
Enregistrez : le service intégré apparaît dans la vue voyageur.
Comme les éléments personnalisés se trouvent dans la Bibliothèque du compte, vous les créez une seule fois et pouvez insérer le même élément dans des sujets de plusieurs guides. Modifiez l'élément personnalisé à un seul endroit et il est mis à jour partout où il est utilisé, sauf dans un guide qui a son propre lien ou code d'intégration défini dans l'ancien Hub.
Éléments personnalisés pris en charge
Vous pouvez actuellement ajouter 27 services comme éléments personnalisés. Lorsque nous avons un article d'aide pour configurer un service, vous trouverez le lien ci-dessous.
Visites 3D
Formulaires et ventes additionnelles
Less Annoying CRM Form
Réservations et transport
Viator
Itinéraires de randonnée et de vélo
Audio
Partage d'événements
Autres
Ce qu'il faut coller pour chaque service
Une fois le Service tiers choisi, le champ prévu pour le lien ou le code porte son nom, par exemple Spotify playlist link ou Matterport embed code. Touch Stay vérifie ce que vous collez et le refuse s'il ne correspond pas.
Pour un code d'intégration, collez l'intégralité du code fourni par le service, pas seulement le lien. Touch Stay lit l'adresse de l'iframe contenu dans le code, et cette adresse doit correspondre au format ci-dessous.
Service | Ce qu'il faut coller | Format accepté |
EyeSpy360 | Code d'intégration | Contient .vr-360-tour.com |
InsideMaps | Code d'intégration | |
Matterport | Code d'intégration ou lien de la visite | |
Ricoh360 | Code d'intégration | |
Vieweet | Code d'intégration | |
Giraffe 360 | Lien de la visite | |
3D Vista | Lien de la visite | |
JotForm | Lien | |
Google Form | Lien de partage | |
Microsoft Form | Lien de partage | |
Monday Form | Lien | |
Zoho Form | Code d'intégration | |
Less Annoying CRM Form | Lien du formulaire | |
Tiqet Widget | Code du widget | Contient data-tiqets-widget |
Viator Widget | Code du widget | Contient data-vi-widget-ref |
Welcome Pickups | Lien de partage | |
AllTrails | Code d'intégration | |
Komoot | Code d'intégration | |
Strava | Lien de l'itinéraire | |
Apple Playlist | Code d'intégration | |
Spotify Playlist | Lien de la playlist | |
Spotify Podcast/Audiobook | Lien de l'épisode ou de l'émission | |
Google Calendar | Code d'intégration | |
Calendly | Lien | |
OwnerRez Booking, Calendar and Search Widget | Lien du widget |
Comment intégrer un formulaire Less Annoying CRM dans votre guide
Copiez le lien de votre formulaire. Il commence par https://forms.lessannoyingcrm.com/view/.
Ouvrez Bibliothèque du compte → Éléments personnalisés (propriétaires de plusieurs comptes : Centre de contenus → Éléments personnalisés) et cliquez sur Nouvel élément personnalisé.
Sous Service tiers, sélectionnez Less Annoying CRM Form. Le Nom du code de l’élément est rempli automatiquement, et vous pouvez le modifier.
Collez le lien de votre formulaire dans le champ Less Annoying CRM form link. La Hauteur standard de l’élément (Standard element height) est préremplie, et vous pouvez la modifier.
Cliquez sur Enregistrer (Save), puis insérez l'élément personnalisé dans un sujet (voir Insérer un élément personnalisé dans votre guide).
Si le lien ne commence pas par l'adresse ci-dessus, Touch Stay le refuse et vous demande d'utiliser le lien direct « view » de votre formulaire.
Intégrer un service qui ne figure pas dans la liste
Si un service ne figure pas dans la liste, vous pouvez quand même l'intégrer avec un iframe. Demandez au service son code d'intégration, puis :
Ouvrez le sujet où vous voulez qu'il apparaisse (voir Insérer un élément personnalisé dans votre guide).
Dans la barre d'outils de l'éditeur de contenu, cliquez sur Source code (le dernier bouton), collez l'iframe à l'endroit voulu, puis confirmez.
Cliquez sur Enregistrer les modifications (Save Changes).
Un iframe provenant de n'importe quelle adresse https est conservé. Touch Stay conserve les réglages de base, comme l'adresse, la largeur et la hauteur, mais supprime les réglages allow, allowfullscreen et scrolling : les fonctionnalités qui en dépendent, comme le mode plein écran, risquent donc de ne pas fonctionner. Les scripts ne peuvent pas s'exécuter dans un sujet : une intégration qui nécessite un script ne fonctionnera donc pas.
💡 Vous ne trouvez pas le service dont vous avez besoin ? Contactez notre équipe à [email protected] pour demander s'il pourrait être ajouté dans une future mise à jour. Toutes les suggestions ne seront pas retenues, mais nous ferons de notre mieux pour répondre au plus grand nombre de demandes possible.
Insérer un élément personnalisé dans votre guide
Ouvrez le guide et allez dans l'onglet Contenu du guide (Guidebook Content).
Ouvrez le sujet dans lequel vous voulez ajouter l'élément personnalisé (cliquez sur le nom du sujet ou sur (⋯) → Modifier (Edit)).
Dans la barre d'outils de l'éditeur de contenu, cliquez sur Élément personnalisé (Custom Element), choisissez l'élément dans la liste déroulante et cliquez sur Insérer (Insert). Vous pouvez aussi en créer un nouveau depuis cet endroit.
Cliquez sur Enregistrer les modifications.
Vérifiez l'Aperçu en direct du guide (Guidebook live preview) à droite pour vous assurer que le service intégré s'affiche correctement.
Vous pouvez ajouter le même élément personnalisé à des sujets de différents guides : ils afficheront tous le même service intégré, géré depuis un seul endroit. Si un autre lien ou code d'intégration a été défini pour un guide dans l'ancien Hub, ce guide affiche le sien.
Gérer vos éléments personnalisés
Tous vos éléments personnalisés sont gérés de façon centralisée dans Bibliothèque du compte → Éléments personnalisés (propriétaires de plusieurs comptes : Centre de contenus → Éléments personnalisés).
Depuis cet écran, vous pouvez :
Créer (Create) un nouvel élément personnalisé
Modifier un élément personnalisé existant, y compris sa Hauteur standard de l’élément : les modifications s'appliquent partout où il est utilisé, sauf dans un guide qui a son propre lien, code d'intégration ou hauteur défini dans l'ancien Hub
Supprimer (Delete) un élément personnalisé : il n'apparaîtra plus dans aucun des guides où il avait été inséré
Qu'est-ce qui change par rapport à l'ancien Hub ?
Les éléments personnalisés fonctionnent de la même façon dans les deux Hubs et proposent les mêmes services. Dans les deux Hubs, vous les insérez avec le bouton Élément personnalisé de la barre d'outils de l'éditeur de sujets. Les différences sont les suivantes :
Ancien Hub | Nouveau Hub |
Se trouve dans Paramètres → Éléments personnalisés (Settings → Custom Elements) | Se trouve dans Bibliothèque du compte → Éléments personnalisés (propriétaires de plusieurs comptes : Centre de contenus → Éléments personnalisés) |
Un lien ou un code d'intégration différent peut être défini pour chaque guide depuis la carte Éléments personnalisés du guide (Guide Custom Elements) de la page Détails du guide (Guide Details) (comptes avec plus d'un guide) | Pas encore d'écran par guide : les valeurs déjà définies par guide dans l'ancien Hub s'appliquent toujours, et pour les modifier, vous devez revenir à l'ancien Hub (si vous êtes propriétaire, administrateur ou administrateur d'équipe, ce changement désactive aussi Guidebook 2.0) |
Vous utilisez l'ancien Hub ? Consultez Tout savoir sur les éléments personnalisés (ancien Hub).
🤝 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.