This is the widget for your copilot, it's what your users will interact with.
It's a simple react application built to be used in any webpage as a widget, to download the latest build of the widget, go to the actions tab and download the latest build artifact.
-
download the latest build artifact from the actions tab.
-
extract the zip file.
-
copy the
assets/*.js
file to your project. -
reference the js file in your html file as follows:
<script src="[some_js_file].js"></script>
-
init the widget.
<script> // you should run it after window loads window.onload = () => { initAiCoPilot({ initialMessage: "Hi Sir", // initial message obiviously. token: "not_super_secret_token", // your copilot token. rootId: "copilot-widget", //@optional: the root element id in which the widget will mount on triggerSelector: "#triggerSelector", // the selector of the element that will trigger the widget on click. apiUrl: "https://cloud.openchat.so/api", // the url of the copilot api. headers: { // headers that you want to send with every message request. Authorization: "Bearer your_auth_token_goes_here", }, user: { name: "Some User" }, // @optional: user object containerProps: {}, // @optional: `HTMLProps` }); }; </script>
-
click on the trigger element to open the widget.
-
type your message and press enter to send it.