vicious-gold•15mo ago
How to Click Image to Open in New Tab
I have a URL link for image (for example a graph) and I use the Image step to display it.
However the visual is too small to see and I would like to let user click on the image and open the image in a new browser tab to view it, does anyone know how to do that?
9 Replies
To add images to your conversation design or assistant in Voiceflow, follow these steps:
1. Navigate to the Image Step: 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.
2. Upload the Image: 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. You will also notice that your uploaded file has an auto-generated hosted image link by Voiceflow.
3. Preview 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.
For more detailed steps on adding images, you can refer to our documentation:
- Image Step Documentation
vicious-goldOP•15mo ago
How do I make the image clickable and open up to view in larger size?
You can’t, but you could use a card step instead. It has a button that you can add a link to the image to.
vicious-goldOP•15mo ago
Hi, thanks for your suggestion and I have tried with the card using custom action and it works. However there is one issue, the view image is actually optional, I do not want it to wait until user click it in order to go for next step which is listen for next question. If I put do not stop on action, when user click on the button in card, it will treat it as utterance instead and say not understand. How could I make the voiceflow not printing the button action?
All buttons output the text. You could create a text link / button using html and custom styles.
vicious-goldOP•15mo ago
which component should I use to display for custom html or styles?
Text step
vicious-goldOP•15mo ago
Wow amazing, I didn't know that a Text step can do that. Thanks a lot!
Drop me a shoutout if u have a second: https://discord.com/channels/1079548823610871889/1149727345549262931