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 permettre à vos invités d'explorer facilement les environs de votre logement, de se projeter et de préparer leur séjour bien avant leur arrivée.

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érez le code d'intégration depuis 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éez un Custom Element (élément personnalisé) dans Touch Stay

  1. Accédez à Settings (Paramètres).

  2. Ouvrez l'onglet Custom Elements (Éléments personnalisés).

  3. Cliquez sur New Custom Element.

  4. Renseignez les champs suivants :

    • Third Party Service (Service tiers) : AllTrails

    • Element Code Name (Nom de code de l'élément) : donnez à l'élément un nom court et descriptif afin de pouvoir le reconnaître facilement plus tard (par exemple, ManuelAntonioTrail ou WaterfallWalk). Seuls les lettres, les chiffres, les tirets bas (_) 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.

  5. Cliquez sur Save (Enregistrer).

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

  1. Ouvrez Content Hub.

  2. Ouvrez le topic dans lequel vous souhaitez afficher l'itinéraire.

  3. Cliquez sur Custom Element (Élément personnalisé) dans l'éditeur.

  4. Sélectionnez l'élément AllTrails que vous avez créé.

  5. Activez la balise

  6. Cliquez sur Save (Enregistrer) le topic.

Cela insérera le code de champ de votre élément personnalisé dans le contenu de votre topic ; lorsque vous prévisualiserez le guide, il sera remplacé par la carte AllTrails que vous avez choisie.


Dépannage - FAQ

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

Si votre code d'intégration n'est pas accepté, la raison la plus probable est qu'il s'agit du mauvais code d'intégration. Vérifiez que vous utilisez bien le code d'intégration standard de votre itinéraire. Si cela ne fonctionne toujours pas, ou si vous ne le trouvez pas dans votre compte AllTrails, veuillez contacter le support et nous envoyer une capture d'écran des options de partage disponibles dans AllTrails.

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

L'itinéraire AllTrails est ajouté à votre guide via une iframe. Selon la taille de l'itinéraire, vous pouvez ajuster sa hauteur pour qu'il s'affiche mieux dans votre guide. Pour cela :

  1. Accédez à Settings (Paramètres)

  2. Cliquez sur Custom Elements.

  3. Cliquez sur ⋮ (les trois points) à côté de votre élément personnalisé AllTrails, puis sélectionnez View/Edit (Afficher/Modifier).

  4. Ajustez la valeur Height (Hauteur) selon vos besoins, puis cliquez sur Save (Enregistrer).

Astuce : gardez la prévisualisation de votre guide ouverte dans un autre onglet. Actualisez-la après chaque ajustement de 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 ?

Si vous souhaitez que chaque guide affiche un itinéraire AllTrails différent, vous pouvez remplacer l'élément personnalisé par défaut au niveau du guide. Cela est utile si chaque logement possède son propre itinéraire ou si vous utilisez des liens dynamiques avec des valeurs préremplies (comme le nom ou l'identifiant du logement).

  1. Accédez à Guides et ouvrez le guide que vous souhaitez mettre à jour.

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

  3. Dans la section Guide Custom Elements, cliquez sur Edit (Modifier).

  4. Collez le lien de l'élément personnalisé dans le champ correspondant.

  5. Ajustez la hauteur si nécessaire, puis cliquez sur Save (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.

  • Cette option n'est disponible que si votre compte contient plus d'un guide.

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