like-gold•2mo ago
Is there a way to change the downward facing arrow in the chat launcher to an "x"?
2 Replies
Yes – the launcher icon is fully replaceable.
1. In the Voiceflow Creator go to Interfaces ▸ Widget.
2. Under Launcher Type & Image choose either “Icon only” or “Icon and Text”.
3. Upload your own square image (PNG/SVG, 1 : 1 aspect-ratio) that contains the ✕ symbol instead of the default arrow.
As soon as you publish, the chat bubble will display that new icon both when the widget is closed and while it’s open.
If you ever need more granular control (e.g. show the arrow when closed and an ✕ only after the widget is opened) you can do it with custom CSS that targets
.vfrc-launcher / .vfrc-launcher--open, but for most cases simply swapping the Launcher Image is the quickest solution.
Docs: https://docs.voiceflow.com/docs/chat-widget#banner-image--textYou can host custom CSS inline in the chat widget code https://discord.com/channels/1079548823610871889/1335991918940655646