🟦 Image

The Image block allows you to display a simple image in the flow of your application or chatbot, generally accompanied by optional descriptive text. Ideal for illustrating an object, a photo or an illustration important to the user.

📥 Entries

• image (Image): The visual media file to display on the screen (JPG, PNG, etc. formats).
• text (Markdown Text): Formatted text accompanying the image (caption, narrative context). Supports bold, italics, etc.
• margin: Spacing around the image (top, bottom, left, right) for better visual rendering. Defaults to 0.

📤 Outings

• out (Stream): Activates to move to the next block as soon as the image is displayed on the screen.

💡 Example of use

Scenario: Presentation of a product in an e-commerce chatbot

1. User asks for details about a specific product.
2. The chatbot retrieves product information via an API.
3. The Image block is used to display the product photo with a descriptive caption.
4. The image is displayed with Markdown text: "New 2024 model – Available in 3 colors".
5. The flow continues to a choice block to add the product to cart or return to the list.

⚙️ Technical Details

• Format management: Supports static images (JPG, PNG, non-animated GIF). For animations, use a dedicated block.
• Optimization: Images are automatically resized to fit the user interface without distortion.

Updated on: 04/03/2026