The Floating Launcher is an "Intercom-style" button located in the bottom right or left corner of your app or website, which launches a bot modal upon clicking. This is the easiest way to integrate Context, as it only requires embedding a single script to place the button.
Click the "Bots" button in the left side navigation, select the bot you want to install, then navigate to the top right corner of the screen and click "Install". Next, click the "Floating Launcher" button, which will open a popup with detailed installation instructions.
To seamlessly blend the floating launcher button with your app or website, you can modify its colors and positioning. Select from the 3 dropdown options that allow you to change the position and color styles.
To add the floating launcher to your site or app, first make sure that a script is inserted in the
<head>. The script should look like this:
<script id="__CONTEXT_BUBBLE__" src="https://portal.usecontext.io/portal/portal.js" data-bot-id="-EbhtSlJEg" data-theme="light" data-type="launcher" data-position="bottom-right" data-background="#000000" data-color="#FFFFFF" ></script>
Be sure to use the script provided in the instructional popup, rather than the example above, as it will contain your custom styles.
With the script in place, publish your site or app and test the floating button. Upon clicking, it should launch a Context bot modal as a popup, enabling your users to interact with it in real time to answer questions.
As users begin interacting with the bot, you can monitor the incoming queries in real time using the Context app. Learn how to monitor queries.