Floating button
<script> Vol("init", { apiKey: "vol_live_…", case: "papers" }); Vol("floatingButton", { buttonText: "Ask our library", position: "bottom-right", buttonColor: "#6349ea", buttonTextColor: "#ffffff", });</script>Options
Section titled “Options”| Option | Type | Default | Description |
|---|---|---|---|
buttonText |
string |
"Ask VOL" |
Label of the launcher. |
position |
"bottom-right" | "bottom-left" |
"bottom-right" |
|
buttonColor |
string |
#292929 |
Any CSS colour. |
buttonTextColor |
string |
#ffffff |
|
mode |
"native" | "iframe" |
"native" |
Content of the modal. |
…init options |
Override defaults for this widget. |
Behaviour
Section titled “Behaviour”- The chat is created on first open, so the page pays nothing until the visitor clicks.
- Close with the × button, a click on the backdrop or Esc. Conversation state is kept while the page is open.
- On screens narrower than 560 px the modal becomes full-screen.
- Control it from your code with
Vol("open")andVol("close").