Passer au contenu principal

Comment intégrer un Jotform dans votre guide

Ajoutez un Jotform dans n'importe quelle section de votre guide Touch Stay pour recueillir des données, proposer des services et faire de la vente additionnelle auprès de vos voyageurs.

Table des matières :

Vidéo : comment ajouter un Jotform à votre guide Touch Stay

Étape par étape : comment ajouter un Jotform à 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 → É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)

Dans le champ Service tiers (Third Party Service), sélectionnez JotForm. Un Nom du code de l'élément (Element code name) est généré. C'est le code que vous insérerez dans votre guide à l'endroit où le Jotform doit s'afficher. Vous pouvez le renommer comme vous le souhaitez pour identifier plus facilement chaque élément personnalisé que vous ajoutez. Seuls les lettres, les chiffres, les traits de soulignement et les tirets sont autorisés : pas de caractères spéciaux ni d'espaces.

Ensuite, copiez le lien de votre Jotform. Vous le trouverez dans les paramètres PUBLISH (publier), dans l'onglet QUICK SHARE (partage rapide) de Jotform.

Jotform quick share

Cliquez sur COPY LINK (copier le lien), collez le lien dans le champ JotForm link de Touch Stay et cliquez sur Enregistrer (Save). Le lien doit commencer par https://form.jotform.com/.

JotForm link box

Pour insérer le Jotform dans votre guide, ouvrez le sujet auquel vous voulez 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ù le Jotform doit apparaître. Cliquez sur Élément personnalisé (Custom Element) dans la barre d'outils de l'éditeur, sélectionnez le nom de code de l'élément concerné dans le menu déroulant et cliquez sur Insérer (Insert). Enregistrez ensuite le sujet (nouveau Hub : Enregistrer les modifications (Save Changes) ; ancien Hub : Enregistrer).

Insert custom element
Custom element in topic

Le code de votre élément personnalisé est alors placé dans le contenu de votre sujet et, lorsque vous prévisualisez le guide, il est remplacé par le formulaire choisi.

FAQ de dépannage

Pourquoi ne puis-je pas ajouter mon Jotform via l'App Builder ?

Notre système ne prend pas en charge ce type d'intégration pour le moment — il n'accepte que les liens de formulaire Jotform standard (https://form.jotform.com/...).

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

Si votre lien n'est pas accepté, la raison la plus probable est qu'il ne s'agit pas de la bonne option de lien. Jotform propose un large choix d'options de partage et il nous faut le lien de partage de base de votre formulaire, qui commence par https://form.jotform.com/, comme le montrent les captures d'écran ci-dessus. Si cela ne fonctionne toujours pas, ou si vous ne le trouvez pas dans votre compte Jotform, contactez l'assistance et envoyez-nous une capture d'écran des options de partage Jotform dont vous disposez.

Mon formulaire ne s'affiche pas en entier ou laisse beaucoup d'espace vide en dessous : que faire ?

Le Jotform est ajouté à votre guide au moyen de ce que l'on appelle, en développement web, un iframe. Cette technique crée dans votre guide une fenêtre donnant accès au Jotform. Cependant, la fenêtre ne peut pas détecter la taille du Jotform d'origine : vous voudrez peut-être ajuster sa hauteur pour mieux l'adapter à votre formulaire.

Ouvrez Éléments personnalisés (voir le chemin ci-dessus), cliquez sur le menu à trois points à côté de l'élément et 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 pour actualiser la page après avoir modifié la hauteur, au cas où un nouvel ajustement serait nécessaire.

Edit height

Puis-je avoir une variante différente du formulaire pour chacun de mes guides ?

Dans l'ancien Hub, oui. Cela peut être utile si vous avez un Jotform avec des paramètres permettant de préremplir des valeurs, comme le nom ou l'identifiant de votre logement. Allez dans 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, et 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 lien du formulaire de ce guide et ajustez la hauteur de l'élément si nécessaire. Cette carte n'apparaît que si vous avez plusieurs guides et au moins un élément personnalisé.

Le nouveau Hub n'a pas encore d'écran par guide : vous ne pouvez donc pas y consulter ni y modifier les valeurs par 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). Si vous êtes propriétaire, administrateur ou administrateur d'équipe, notez que le retour à l'ancien Hub désactive aussi Guidebook 2.0.

Pourquoi l'outil Élément personnalisé n'apparaît-il pas dans mon widget de vente additionnelle Touch Stay ?

Pour le moment, le widget de vente additionnelle ne prend pas en charge les éléments personnalisés.

Si vous souhaitez utiliser un élément personnalisé, voici la meilleure solution :

  1. Créez une catégorie, une sous-catégorie et un sujet classiques au lieu d'utiliser le widget de vente additionnelle.

  2. Ouvrez votre sujet et utilisez l'outil Élément personnalisé de la barre d'outils du sujet pour ajouter votre élément.

Ainsi, vous pourrez tout de même afficher des éléments personnalisés dans le contenu de votre guide.


🤝 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 ?