🟦 Webview

The Web View block allows you to integrate and display a complete web page directly in the interface of your Celestory application, without redirecting the user to an external browser.

This block is ideal for including external forms, showcase sites, online documentation or services like Google Maps, while maintaining a fluid and immersive user experience.

📥 Entries

• in (Flow): Entry point triggering the display of the web view.
• url (Localized text): URL address of the page to display (must start with http:// or https://). Example: https://www.celestory.io/.
• showControls (Boolean): If True, shows minimal navigation controls (back, exit). If False, the page is displayed in "full screen" mode without any additional interface.
• fullScreen (Boolean): If True, opens the web page in full screen, hiding the usual interface elements of the application.
• close (Control flow): Allows you to force the closing of the web view from the graph after it is opened.

📤 Outings

• out (Flow): Activates after the page loads, before the user completes their interaction.
• closed (Flow): Activates as soon as the user leaves the web view (via a back button or a close event), allowing the Celestory feed to resume.

💡 Example of use

Scenario: Display an interactive map to locate a location

1. The user comes to a stage where he needs to find a specific location.
2. A Dialogue block explains: "Consult the map below to locate the meeting point."
3. The flow is redirected to the in input of the Web View block.
4. The url is set to https://www.google.com/maps?q=Tour+Eiffel,Paris.
5. The map is displayed in the app, with navigation controls if showControls is enabled.
6. The user consults the map and closes the web view.
7. The closed output is connected to a Message block displaying: "Are you ready? Let's continue!" to resume the flow.

⚙️ Technical Details

• Site compatibility: Displaying an external web page (via an iframe) depends on the permissions of the target site. Some secure sites (banks, Google services) block this integration via headers like X-Frame-Options.
• Error handling: If the URL is invalid or inaccessible, the block may display an error page or ignore the request depending on the client configuration.

Updated on: 04/03/2026