Skip to content

Floating button

<script>
Vol("init", { apiKey: "vol_live_…", case: "papers" });
Vol("floatingButton", {
buttonText: "Ask our library",
position: "bottom-right",
buttonColor: "#6349ea",
buttonTextColor: "#ffffff",
});
</script>
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.
  • 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") and Vol("close").