⬜ Vue Web

Le bloc Vue Web permet d’intégrer et d’afficher une page web directement dans le fil de conversation de votre application Celestory (sous la forme d’un cadre intégré au flux), sans rediriger l’utilisateur vers un navigateur externe.

Ce bloc est idéal pour inclure des formulaires externes, des sites vitrines, des documentations en ligne ou des services comme Google Maps, tout en maintenant une expérience utilisateur fluide et immersive.

📥 Entrées

• in (Flux) : Point d’entrée déclenchant l’affichage de la vue web.
• url (Texte localisé) : Adresse URL de la page à afficher (doit commencer par http:// ou https://). Exemple : https://www.celestory.io/.
• largeur (Nombre + unité, ex. %) : Largeur du cadre d’affichage de la page. Valeur par défaut : 100%.
• hauteur (Nombre + unité, ex. %) : Hauteur du cadre d’affichage de la page. Valeur par défaut : 50%.

📤 Sorties

• out (Flux) : S’active lorsque l’utilisateur valide/poursuit la conversation après l’affichage de la page, permettant de reprendre le parcours normalement.

💡 Exemple d'utilisation

Scénario : Afficher une carte interactive pour localiser un lieu

1. L’utilisateur arrive à une étape où il doit trouver un lieu spécifique.
2. Un bloc Dialogue explique : "Consultez la carte ci-dessous pour localiser le point de rendez-vous."
3. Le flux est redirigé vers l’entrée in du bloc Vue Web.
4. L’url est définie sur https://www.google.com/maps?q=Tour+Eiffel,Paris, avec une hauteur augmentée (par ex. 70%) pour une meilleure lisibilité de la carte.
5. La carte s’affiche directement dans la conversation, à la taille définie.
6. L’utilisateur consulte la carte puis appuie pour continuer, ce qui active la sortie out.
7. Le flux continue vers un bloc Message affichant : "Vous êtes prêt ? Continuons !"

⚙️ Détails Techniques

• Compatibilité des sites : L’affichage d’une page web externe (via une iframe) dépend des autorisations du site cible. Certains sites sécurisés (banques, services Google) bloquent cette intégration via des en-têtes comme X-Frame-Options.
• Gestion des erreurs : Si l’URL est invalide ou inaccessible, la page peut s’afficher vide ou en erreur selon le comportement du site ciblé ; cela n’empêche pas le parcours de continuer.

Version documentée : v2

Mis à jour le : 06/09/2026