How do I add images to my conversation design or assistant?

The Image Step allows you to include Images and/or GIFs in your voice and chat assistants.

  • For chat-based assistants, your visuals will show up as in-line visuals within the chat dialog.
  • For voice-based assistants, your visuals will appear on your device's screen, in parallel with the voice-based interactions.

Adding an Image

To get started with the Image Step, ensure you navigate inside an Image Step and have an intended Image or GIF to upload into your design.

You can add your desired Image or GIF by dragging-and-dropping it into the editor, or click Browse and select one from your computer.

Once uploaded, Voiceflow auto-generates and hosts a copy of the image.

Once your image is uploaded, you will notice that the preview modal on the Canvas-view updates and resizes to the image properties. You can also hover over the image to preview the image in full-sized view.

You can also use a link to an image directly, and paste it directly on the 'Link' tab.

Dynamic Images

Furthermore, you can also use a variable (using '{' ) to populate the image link filed and serve the updated image dynamically once the step is hit. You can use this to show different flags, like in the example below!