Passer au contenu principal

Comment intégrer AllTrails dans votre guide

Ajoutez une carte AllTrails dans n'importe quelle section de votre guide Touch Stay pour que vos voyageurs explorent les environs de votre logement de façon ludique, se réjouissent de leur séjour et le préparent bien avant leur arrivée.

Table des matières :

Vidéo : Comment ajouter un itinéraire de randonnée AllTrails à votre guide Touch Stay

Comment ajouter un itinéraire de randonnée AllTrails à votre guide Touch Stay

Étape 1 : Récupérer le code d'intégration sur AllTrails

  1. Ouvrez l'itinéraire dans AllTrails, puis cliquez sur Share (Partager).

  2. Sélectionnez Embed (Intégrer).

  3. Copiez le code iframe. Il ressemblera à ceci :

<iframe class="alltrails" src="https://www.alltrails.com/widget/trail/costa-rica/puntarenas--2/playa-biesanz-playa-tulemar" width="100%" height="400" frameborder="0" scrolling="no" marginheight="0" marginwidth="0" title="AllTrails: Trail Guides and Maps for Hiking, Camping, and Running"></iframe>

Étape 2 : Créer un élément personnalisé dans Touch Stay

  1. Ouvrez Éléments personnalisés (Custom Elements) :

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

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

  2. Cliquez sur Nouvel élément personnalisé (New Custom Element).

  3. Remplissez les champs suivants :

    • Service tiers (Third Party Service) : AllTrails

    • Nom du code de l’élément (Element code name) : donnez à l'élément un nom court et descriptif pour le reconnaître facilement plus tard (par exemple, ManuelAntonioTrail ou WaterfallWalk). Seuls les lettres, les chiffres, les traits de soulignement (_) et les tirets (-) sont autorisés, sans espaces ni caractères spéciaux.

    • AllTrails embed code (code d'intégration AllTrails) : collez le code iframe que vous avez copié depuis AllTrails.

  4. Cliquez sur Enregistrer (Save).

Étape 3 : Ajouter l'itinéraire à votre guide

  1. Ouvrez le sujet dans lequel vous voulez afficher l'itinéraire (nouveau Hub : ouvrez le guide et allez dans l'onglet Contenu du guide (Guidebook Content) ; ancien Hub : Centre de contenus).

  2. Cliquez sur Élément personnalisé (Custom Element) dans la barre d'outils de l'éditeur.

  3. Sélectionnez l'élément AllTrails que vous avez créé et cliquez sur Insérer (Insert).

  4. Enregistrez le sujet (nouveau Hub : Enregistrer les modifications (Save Changes) ; ancien Hub : Enregistrer).

Le code de votre élément personnalisé est alors placé dans le contenu du sujet et, lorsque vous prévisualisez le guide, il est remplacé par la carte AllTrails que vous avez choisie.


Dépannage : questions fréquentes

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

Si votre code d'intégration n'est pas accepté, la raison la plus probable est qu'il ne s'agit pas du bon code. Touch Stay a besoin du code iframe complet fourni par l'option Share → Embed (Partager → Intégrer) d'AllTrails, qui pointe vers https://www.alltrails.com/. Si cela ne fonctionne toujours pas, ou si vous ne le trouvez pas dans votre compte AllTrails, contactez l'assistance et envoyez-nous une capture d'écran des options de partage AllTrails dont vous disposez.

Ma carte AllTrails ne s'affiche pas entièrement ou laisse beaucoup d'espace en dessous : que faire ?

L'itinéraire AllTrails est ajouté à votre guide à l'aide d'un iframe. Selon la taille de l'itinéraire, vous voudrez peut-être ajuster sa hauteur pour qu'il s'affiche mieux dans votre guide. Pour cela :

  1. Ouvrez Éléments personnalisés (nouveau Hub : Bibliothèque du compte → Éléments personnalisés ; ancien Hub : Paramètres → Éléments personnalisés).

  2. Cliquez sur ⋮ (les trois points) à côté de votre élément personnalisé AllTrails et sélectionnez Voir ou modifier (View/Edit).

  3. Ajustez la Hauteur standard de l’élément (Standard element height) selon vos besoins et cliquez sur Enregistrer.

Astuce : gardez l'aperçu de votre guide ouvert dans un autre onglet. Actualisez-le après chaque ajustement de la hauteur jusqu'à ce que l'itinéraire s'affiche comme vous le souhaitez.

Puis-je avoir une version différente de la carte AllTrails pour chacun de mes guides ?

Dans l'ancien Hub, vous pouvez remplacer l'élément personnalisé par défaut au niveau du guide. C'est utile si chaque logement a son propre sentier.

  1. Allez dans Guides et ouvrez le guide à mettre à jour.

  2. Faites défiler jusqu'en bas de la page Détails du guide (Guide Details).

  3. Sur la carte Éléments personnalisés du guide (Guide Custom Elements), cliquez sur Modifier (Edit).

  4. 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 pour ce guide.

  5. Ajustez la hauteur si nécessaire, puis cliquez sur Enregistrer.

Remarques :

  • Cela ne modifie l'élément personnalisé que pour le guide sélectionné. L'élément personnalisé d'origine reste inchangé pour tous les autres guides.

  • La carte Éléments personnalisés du guide n'apparaît que si votre compte possède plus d'un guide et au moins un élément personnalisé.

  • Le nouveau Hub ne propose pas encore d'é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 basculer entre le nouveau Hub et l'ancien Hub). 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 ?