Pages Web : questions fréquentes et résolution des problèmes

Trouvez des réponses aux questions fréquentes, effectuez des modifications HTML courantes et résolvez les problèmes liés à vos templates de Pages Web dans Ezus. Texte collé

⚠️ Avant de modifier votre template HTML, commencez par le dupliquer. Conservez le template d'origine inchangé afin de pouvoir y revenir si une modification entraîne un résultat inattendu.

💡 Si vous n'êtes pas à l'aise avec la modification du HTML, vous pouvez toujours utiliser le Chat d'aide Ezus. Un membre de l'équipe Ezus peut vous aider à effectuer la modification.

Puis-je afficher toutes mes alternatives sur la même Page Web ?

Une Page Web ne peut actuellement pas afficher les détails complets de chaque alternative, notamment le programme, les hébergements et le budget, les uns après les autres à la suite de la proposition principale. Ce comportement est normal, car le programme est spécifique à chaque alternative.

Pour en savoir plus sur le fonctionnement de ces alternatives, consultez notre article ✍️ Comment créer une alternative d'un projet.

Voici ce que nous vous recommandons de faire :

Générez une Page Web distincte pour chaque alternative.
Accédez à l'alternative de votre choix (la principale, par exemple) et publiez votre Espace Client.
Ajoutez la Page Web de l'alternative actuelle.
Ajoutez les autres Pages Web (liées aux autres alternatives) à l'Espace Client à l'aide d'une section IFrame : il vous suffit de copier-coller l'URL des Pages Web.

Vous pourrez ainsi disposer d'un onglet pour chaque alternative, avec le programme correspondant.

Puis-je modifier un texte fixe, des mentions ou le contenu du pied de page de ma Page Web ?

Oui. Si le texte fait partie de votre template HTML, vous pouvez le modifier directement dans le template.

Commencez par déterminer s'il s'agit de :

Contenu fixe qui doit rester identique d'un projet à l'autre → modifiez directement le texte dans le template HTML.
Contenu spécifique au projet qui doit changer régulièrement → envisagez plutôt d'utiliser un champ personnalisé, afin que les informations puissent être saisies dans Ezus sans avoir à modifier le HTML à chaque fois.

Si vous souhaitez uniquement remplacer un texte fixe, vous pouvez utiliser un assistant IA :

💬 Je souhaite modifier le texte suivant dans ma Page Web Ezus.

Texte actuel :

[Collez le texte actuel]

Nouveau texte :

[Collez le nouveau texte]

Voici mon HTML actuel :

[Collez votre HTML ici]

Veuillez modifier uniquement ce texte. Ne modifiez pas les variables Ezus, les boucles, le style ou les autres sections.

⚠️ Après avoir effectué la modification, générez à nouveau la Page Web et vérifiez que le texte s'affiche correctement avant d'utiliser le template modifié avec un client.

Puis-je modifier l'ordre des sections de ma Page Web ?

Oui. Lorsque vous modifiez l'ordre, gardez à l'esprit que le menu de navigation et les sections HTML correspondantes doivent rester cohérents.

Vous pouvez utiliser un assistant IA :

💬 Je souhaite modifier l'ordre des sections de cette Page Web.

Veuillez réorganiser à la fois le menu de navigation et les sections correspondantes dans le HTML afin qu'ils suivent cet ordre :

[Section 1]

[Section 2]

[Section 3]

Ne modifiez pas le contenu, les variables Ezus, les boucles ou le style. Modifiez uniquement l'ordre des sections et des éléments de navigation correspondants.

Voici mon HTML actuel :

[Collez votre HTML ici]

⚠️ Générez et testez la Page Web après la modification afin de vous assurer que chaque lien de navigation ouvre toujours la bonne section.

Puis-je ajouter une vidéo au hero de ma Page Web ?

Oui. Une vidéo peut être intégrée au hero à l'aide d'une IFrame.

Comme la vidéo doit être intégrée à la structure existante de votre Page Web, fournissez le HTML actuel lorsque vous demandez à un assistant IA d'effectuer la modification.

Vous pouvez utiliser :

💬 Je souhaite ajouter une vidéo à la section hero de cette Page Web Ezus à l'aide d'une IFrame.

URL de la vidéo :

[Collez l'URL de la vidéo]

Veuillez intégrer l'IFrame dans le hero existant. Conservez le design existant et ne modifiez aucune variable Ezus, boucle ou autre fonctionnalité.

Voici mon HTML actuel :

[Collez votre HTML ici]

💡 Fournissez toujours le HTML existant afin que la vidéo puisse être intégrée à la structure actuelle du hero plutôt que de créer une section sans rapport avec celle-ci.

Après avoir effectué la modification, générez à nouveau la Page Web et testez la vidéo avant d'utiliser le template avec un client.

Pourquoi l'image de couverture de ma Page Web est-elle floue ?

L'image de couverture est récupérée depuis la première sous-destination du projet.

Si la couverture apparaît floue, vérifiez d'abord l'image source associée à cette sous-destination. Une image en basse résolution peut perdre en qualité lorsqu'elle est affichée sur une grande zone de couverture.

Pour identifier l'image :

Identifiez la première sous-destination de votre projet.
Accédez à Catalogue > Destinations.
Trouvez la sous-destination correspondante.
Cliquez sur l'icône en forme d'œil à côté de celle-ci pour l'ouvrir.
Vérifiez les médias associés à la sous-destination.
Si nécessaire, remplacez l'image par une version de meilleure résolution.
Générez à nouveau la Page Web et vérifiez la couverture.

⚠️ La couverture est basée sur la première sous-destination, et non simplement sur n'importe quelle destination ou image du projet.

Si l'image source est de qualité suffisante mais que la couverture générée reste floue, utilisez le Chat d'aide Ezus afin que la configuration du template puisse être vérifiée.

Pourquoi mon image de couverture ne change-t-elle pas ?

L'image de couverture est automatiquement récupérée depuis la première sous-destination du projet.

Si vous souhaitez mettre à jour l'image de couverture, commencez par identifier la sous-destination qui la contrôle :

Identifiez la première sous-destination de votre projet.
Accédez à Catalogue > Destinations.
Trouvez la destination contenant cette sous-destination.
Cliquez sur l'icône en forme d'œil à côté de la sous-destination concernée.
Vérifiez les médias qui lui sont associés.
Modifiez l'ordre des médias concernés afin que l'image souhaitée soit en position 1.
Générez à nouveau la Page Web pour vérifier le résultat.

⚠️ La mise à jour des médias d'une autre destination ou sous-destination ne modifiera pas la couverture s'il ne s'agit pas de la première sous-destination du projet.

💡 Après avoir modifié les médias, générez à nouveau la Page Web. La Page Web déjà générée ne reflétera pas automatiquement les modifications apportées aux informations sources.

Pourquoi une image ne s'affiche-t-elle pas sur ma Page Web ?

Commencez par vérifier les informations sources dans Ezus avant de modifier votre template HTML.

Identifiez l'élément qui doit fournir l'image, par exemple une destination ou un autre élément utilisé par la Page Web. Si vous ne savez pas quel élément d'Ezus fournit l'image, vous pouvez utiliser un assistant IA pour vous aider à l'identifier.
Prenez une capture d'écran de l'image telle qu'elle apparaît sur votre Page Web générée et copiez le HTML de la section correspondante depuis votre template de Page Web.
Utilisez ensuite ce prompt :
💬 J'ai une image dans ma Page Web Ezus générée qui est manquante, incorrecte ou que je souhaite remplacer.
J'ai joint une capture d'écran montrant la partie concernée de la Page Web générée.
Voici le HTML correspondant à cette section :
[Collez le HTML concerné ici]
Veuillez identifier quelle variable Ezus ou quel élément HTML est responsable de l'affichage de cette image et expliquer, uniquement à partir du code fourni, d'où l'image est probablement récupérée dans Ezus (par exemple, une destination, une sous-destination, un produit, une étape, un fournisseur ou un autre objet).
Indiquez-moi ensuite ce que je dois vérifier dans Ezus.
N'inventez pas de variable Ezus ou d'emplacement si la source ne peut pas être déterminée à partir du HTML. Si vous avez besoin de plus de code ou d'informations pour l'identifier, indiquez-moi précisément ce que je dois fournir.
💡 Vous n'avez pas besoin de coller l'intégralité du template HTML. Commencez par la section entourant l'image. Si l'image se trouve dans une boucle, incluez le début de la boucle ({% for ... %}) et son {% endfor %} correspondant afin que l'IA puisse identifier l'objet utilisé.
Ouvrez cet élément dans Ezus.
Vérifiez que l'image attendue lui est bien associée.
Si l'image est manquante, ajoutez-la.
Générez à nouveau la Page Web et vérifiez le résultat.

Si l'image existe dans Ezus mais ne s'affiche toujours pas, le problème peut provenir de la configuration du template ou d'un filtre contrôlant les images affichées.

À ce stade, vérifiez la variable ou le HTML responsable de l'affichage de l'image avant de la remplacer.

Si vous ne parvenez pas à identifier la cause, utilisez le Chat d'aide Ezus et fournissez le projet, le template et l'image manquante afin que la configuration puisse être vérifiée.

Pourquoi la carte affiche-t-elle le mauvais emplacement ?

La carte utilise le nom de la sous-destination et la destination pour identifier l'emplacement dans Google Maps.

Si une sous-destination porte un nom qui existe dans plusieurs pays ou régions, Google Maps peut identifier le mauvais emplacement. Cela peut également se produire lorsque le nom saisi dans Ezus n'est pas suffisamment précis pour permettre à Google Maps de trouver le bon lieu.

Par exemple, Cartagena peut désigner différentes villes. Si Google Maps identifie la mauvaise, rendez le nom de la sous-destination plus précis en ajoutant le pays :

Cartagena → Cartagena, Colombia

Pour corriger l'emplacement :

Vérifiez le nom de la sous-destination utilisée dans votre projet.
Si le nom est ambigu ou si Google Maps ne parvient pas à l'identifier correctement, modifiez le nom de la sous-destination afin de rendre l'emplacement plus précis.
Par exemple, ajoutez le pays ou d'autres informations géographiques pertinentes: Cartagena, Colombia.
Générez à nouveau la Page Web.
Vérifiez que la carte affiche désormais le bon emplacement.

💡 Si l'emplacement porte un nom courant ou ambigu, ajouter le pays au nom de la sous-destination peut aider Google Maps à identifier le bon lieu.

⚠️ Si Google Maps ne parvient toujours pas à identifier le bon emplacement après avoir rendu le nom de la sous-destination plus précis, utilisez le Chat d'aide Ezus afin qu'un membre de l'équipe Ezus puisse vous aider à examiner le problème.

Pourquoi la durée du transport ne s'affiche-t-elle pas correctement ?

Commencez par vérifier le transport lui-même. Assurez-vous que le transport utilisé dans le projet contient les informations que vous souhaitez afficher.

Si les informations existent dans Ezus mais que la durée ne s'affiche toujours pas correctement, vérifiez le template HTML.

Dans un template HTML, les informations de transport sont récupérées depuis l'objet de transport actuel. Selon la structure de la boucle, vous pouvez rencontrer :

{{ transport.duration }}

Si cela ne s'affiche pas correctement, ne remplacez pas immédiatement la variable. Vérifiez d'abord quel objet de transport est défini par la boucle environnante.

Vous pouvez demander à un assistant IA de l'examiner :

💬 La durée du transport dans ma Page Web Ezus ne s'affiche pas correctement.

Le template utilise actuellement :

{{ transport.duration }}

Veuillez examiner la boucle de transport et la variable de durée utilisée à l'intérieur.

Conservez la logique Ezus existante et utilisez l'objet déjà défini par la boucle. Ne modifiez pas les variables, boucles, HTML ou styles sans rapport avec le problème.

Voici le HTML concerné :

[Collez ici la boucle de transport et le HTML environnant]

⚠️ Les variables à l'intérieur des boucles doivent correspondre à l'objet actuel défini par cette boucle. Vérifiez la boucle environnante avant de modifier la variable.

Pourquoi un vol de nuit apparaît-il sur deux jours ?

Un vol de nuit peut actuellement apparaître à la fois le jour du départ et le jour de l'arrivée, l'heure de départ étant répétée le jour de l'arrivée. Ce comportement a été signalé pour les Pages Web.

Par exemple, si un vol part tard le Jour 2 et arrive le Jour 3, les informations du vol peuvent apparaître sur les deux jours.

Cela n'est pas nécessairement dû à des informations incorrectes dans votre projet.

Si vous rencontrez ce comportement et souhaitez un affichage différent, utilisez le Chat d'aide Ezus et fournissez le projet et la Page Web concernés afin qu'un membre de l'équipe Ezus puisse vérifier si le template peut être adapté.

Pourquoi ma variable HTML n'affiche-t-elle rien ?

Avant de modifier la variable, vérifiez d'abord si les informations que vous essayez d'afficher existent réellement dans Ezus.

Ensuite :

Identifiez la variable qui ne s'affiche pas.
Identifiez d'où proviennent les informations dans Ezus.
Vérifiez que les informations correspondantes contiennent une valeur.
Déterminez si la variable se trouve à l'extérieur ou à l'intérieur d'une boucle.
Vérifiez que la variable utilise la syntaxe correcte pour ce contexte.
Générez à nouveau la Page Web après avoir effectué la correction.

Les variables classiques situées en dehors des boucles et les variables faisant référence à l'objet actuel à l'intérieur d'une boucle utilisent des syntaxes différentes.

Par exemple, à l'intérieur d'une boucle :

{% for day in days %} {{ day.title }} {% endfor %}

Ici, day.title fait référence au jour actuel défini par la boucle.

Si les informations sources existent mais que la variable reste vide, vérifiez sa syntaxe et son contexte avant de la remplacer.

👉 Liste complète des variables HTML

Pourquoi ma boucle n'affiche-t-elle rien ?

Une boucle ne peut afficher que les éléments qui existent réellement dans la collection qu'elle essaie de récupérer.

Avant de modifier le HTML, vérifiez que votre projet de test contient le type d'informations que la boucle est censée afficher.

Examinez ensuite la boucle elle-même :

Vérifiez la collection utilisée dans {% for ... %}.
Vérifiez le nom attribué à l'objet actuel.
Vérifiez que les variables à l'intérieur de la boucle utilisent correctement cet objet.
Vérifiez que la boucle possède son {% endfor %} correspondant.

Par exemple, si vous testez une boucle destinée à afficher les jours, assurez-vous que le projet contient réellement les informations de programme correspondantes avant de conclure que le HTML est incorrect.

Vous pouvez également demander à un assistant IA :

💬 Cette boucle de mon template HTML Ezus n'affiche aucun contenu.

Veuillez vérifier la structure de la boucle et les variables qu'elle contient.

N'inventez pas de variables Ezus et ne modifiez pas l'objectif de la boucle. Identifiez tout problème de structure ou de syntaxe et apportez uniquement les modifications nécessaires pour le corriger.

Voici le HTML :

[Collez la boucle complète ici]

Après avoir effectué la correction, générez à nouveau la Page Web en utilisant un projet contenant les informations attendues.

Pourquoi le contenu est-il répété plusieurs fois ?

La répétition du contenu est souvent liée à la position d'une boucle dans le HTML.

Une boucle commence par :

{% for ... %}

et se termine par :

{% endfor %}

Tout ce qui est placé entre ces deux éléments est répété pour chaque élément correspondant.

Par exemple, si une section entière se trouve dans une boucle exécutée une fois pour chaque jour, toute la section sera générée une fois par jour.

Pour résoudre le problème :

Identifiez précisément le contenu qui est répété.
Trouvez le {% for ... %} situé immédiatement avant celui-ci.
Trouvez son {% endfor %} correspondant.
Vérifiez si du contenu qui ne devrait apparaître qu'une seule fois a été placé accidentellement à l'intérieur de la boucle.

Vous pouvez utiliser un assistant IA :

💬 Une partie de ma Page Web Ezus se répète plusieurs fois.

Veuillez examiner les limites des boucles dans ce HTML et identifier quel contenu est répété.

Je souhaite uniquement que le contenu suivant soit répété :

[Décrivez ce qui doit être répété]

Ne modifiez pas les variables Ezus ou les sections sans rapport avec le problème.

HTML :

[Collez le HTML concerné ici]

Pourquoi les informations s'affichent-elles sous le mauvais jour ?

Cela peut se produire lorsque des informations sont placées dans le mauvais contexte de jour ou d'élément dans le HTML.

Dans les templates contenant des boucles imbriquées, les informations liées à un jour spécifique doivent rester dans la structure correspondant à ce jour.

Par exemple, les Steps appartenant à un jour doivent être récupérés dans la structure du jour concerné plutôt qu'indépendamment de celui-ci.

Pour résoudre le problème :

Identifiez un exemple où des informations apparaissent sous le mauvais jour.
Vérifiez le projet source et confirmez à quel jour elles appartiennent réellement.
Localisez ces informations dans le HTML.
Vérifiez les boucles de jour et d'élément qui les entourent.
Assurez-vous que le contenu n'a pas été placé en dehors de la boucle prévue.

Si vous n'êtes pas sûr, vous pouvez demander à un assistant IA :

💬 Certaines informations de ma Page Web Ezus apparaissent sous le mauvais jour.

Veuillez examiner les boucles de jours et d'éléments existantes et identifier si du contenu se trouve en dehors de la boucle prévue.

N'inventez pas de nouvelles variables Ezus et ne modifiez pas le design de la page.

Voici le HTML concerné :

[Collez le HTML ici]

Pourquoi mon champ personnalisé n'affiche-t-il rien ?

Commencez par vérifier le champ personnalisé lui-même avant de modifier le template de la Page Web.

Vous devez vérifier :

Que le champ personnalisé contient une valeur.
Que le template utilise son nom technique, et pas uniquement son nom d'affichage.
Où le champ personnalisé a été créé.
À quel objet le HTML accède lorsqu'il essaie d'afficher le champ.

C'est important, car un champ personnalisé associé à un Supplier, Product, Step ou à un autre objet doit être récupéré dans le contexte approprié.

Par exemple, le fait d'avoir une valeur dans un champ personnalisé de Product ne signifie pas automatiquement que ce même champ peut être récupéré depuis le contexte d'un Step.

Si le champ contient une valeur mais que vous ne parvenez pas à déterminer le bon nom technique ou le bon contexte, utilisez le Chat d'aide Ezus plutôt que de remplacer la variable par une autre sans rapport.

Pourquoi ma Page Web a-t-elle cessé de fonctionner après avoir modifié le HTML ?

Une petite erreur dans la syntaxe HTML ou celle du template peut affecter une section entière — voire le reste de la Page Web.

Commencez par la dernière modification effectuée plutôt que de réécrire tout le template.

Vérifiez :

Les balises HTML d'ouverture et de fermeture.
{% for ... %} et {% endfor %}.
Les crochets.
Les guillemets.
Les variables Ezus.
La structure HTML située immédiatement autour de votre modification.

Si vous avez dupliqué le template avant de le modifier, comparez la zone modifiée avec la version originale. Cela peut vous aider à identifier précisément ce qui a changé.

Vous pouvez également demander à un assistant IA :

💬 Ma Page Web Ezus a cessé de fonctionner après que j'ai apporté une modification à ce HTML.

Veuillez identifier toute structure HTML incorrecte, balise non fermée, boucle, guillemet ou erreur de syntaxe.

Conservez toutes les variables Ezus et la logique existante du template. Ne redessinez pas et ne réécrivez pas le template. Apportez uniquement les modifications minimales nécessaires pour corriger le problème.

Voici mon HTML :

[Collez le HTML concerné ici]

⚠️ Effectuez d'abord la correction sur votre template dupliqué et générez à nouveau la Page Web avant de l'appliquer à un projet client.

Pourquoi un modificateur Slides ne fonctionne-t-il pas dans ma Page Web ?

Les Slides et les Pages Web n'utilisent pas exactement la même logique de template.

Les modificateurs spécifiques aux Slides tels que :

&&

@@

#--#

ne doivent pas être simplement copiés dans un template HTML.

Si vous avez copié une variable ou une partie de logique d'un template Slides vers une Page Web :

Identifiez le résultat que vous souhaitez obtenir.
Ne partez pas du principe que le modificateur Slides fonctionnera en HTML.
Vérifiez la méthode HTML correspondante pour afficher, parcourir en boucle ou afficher conditionnellement ce contenu.
Générez et testez la Page Web après avoir effectué la modification.

👉 Utiliser les variables et les boucles dans les templates HTML

👉 Filtrer et afficher du contenu de manière conditionnelle dans les templates HTML

Pourquoi les sauts de ligne de mon champ personnalisé ne s'affichent-ils pas ?

Commencez par vérifier le champ personnalisé dans Ezus et confirmez que le texte contient bien les sauts de ligne attendus.

Si les sauts de ligne existent dans les informations sources mais que la Page Web affiche le texte en continu, il est possible que le style HTML ne les conserve pas.

Les approches CSS prises en charge comprennent :

white-space: pre-line;

ou :

white-space: pre-wrap;

Si vous souhaitez qu'un assistant IA ajoute cela sans affecter le reste de la page :

💬 Le champ personnalisé suivant de ma Page Web Ezus contient des sauts de ligne, mais ils ne s'affichent pas correctement.

Veuillez conserver les sauts de ligne à l'aide d'une propriété CSS white-space appropriée.

Ne modifiez pas la variable Ezus, les autres styles ou la logique environnante du template.

Voici le HTML et le CSS concernés :

[Collez le HTML et le CSS concernés ici]

Après avoir effectué la modification, générez à nouveau la Page Web et vérifiez un champ personnalisé contenant plusieurs lignes afin de confirmer que la mise en forme est conservée.

Pourquoi ma Page Web s'affiche-t-elle correctement sur ordinateur mais pas sur mobile ?

Les Pages Web peuvent s'afficher différemment en fonction de la taille de l'écran. Si une section s'affiche correctement sur ordinateur mais pas sur mobile, le problème peut provenir du HTML ou du CSS responsive utilisé par cette section.

Avant de modifier quoi que ce soit :

Ouvrez la Page Web générée sur un ordinateur.
Ouvrez la même Page Web sur un appareil mobile ou un écran plus petit.
Identifiez précisément la section qui change de manière inattendue.
Vérifiez si le problème concerne le texte, les images, les colonnes, les espacements ou un autre élément de mise en page.
Modifiez uniquement le HTML/CSS responsive responsable de cette section.

Vous pouvez ensuite demander à un assistant IA :

💬 Cette section de ma Page Web Ezus s'affiche correctement sur ordinateur mais incorrectement sur mobile.

Veuillez examiner uniquement le HTML/CSS responsive de cette section et l'adapter aux écrans plus petits.

Conservez autant que possible l'apparence sur ordinateur. Ne modifiez aucune variable Ezus, boucle ou logique du template.

Voici le HTML et le CSS concernés :

[Collez le HTML et le CSS concernés ici]

⚠️ Testez la Page Web générée à la fois sur ordinateur et sur mobile après avoir effectué des modifications responsive.

Besoin d'aide ?

Si vous avez suivi les étapes de résolution des problèmes et que le problème persiste, utilisez le Chat d'aide Ezus.

Afin d'aider l'équipe Ezus à examiner le problème plus rapidement, fournissez :

Le template concerné
Le projet avec lequel vous effectuez le test
Une capture d'écran du résultat actuel
Une courte explication de ce que vous vous attendiez à voir à la place
Les étapes que vous avez déjà essayées

Cela fournit à l'équipe le contexte nécessaire pour reproduire le problème et vérifier la configuration concernée.