Step 1 - Log into the Admin Dashboard.
Step 2 - Navigate to the Settings → Widget section and copy the code
<script defer type="text/javascript">function initWebWidgetConfig()
{if (window) {window.bakstageAppId = "<widgetId>";
window.bakstageSettings = { widgetId: "<widgetId" };}}
initWebWidgetConfig(); </script>
<script defer type="text/javascript"
src="<https://app.bakstage.me/inject/web-widget-bakstage.js>"></script>
Sample Javascript Code for installing Bakstage on your site [DO NOT USE SAMPLE CODE]
Step 3 - Paste the given code (similar to above snippet) in your index.html
page within the <head></head>
tags.
Q: What if I want to automatically open the widget on load to the expanded form?
A: change the above embedded script to below and replace the "<widgetId>" to your id given in the dashboard above:
<script defer type="text/javascript">function initWebWidgetConfig() {if (window) {window.bakstageAppId = "<widgetId>";window.bakstageSettings = { widgetId: "<widgetId>" };}} initWebWidgetConfig(); function openWidgetWithDelay() {setTimeout(function() {if (window.bakstage && typeof window.bakstage.openWidget === 'function') {window.bakstage.openWidget();} else {setTimeout(openWidgetWithDelay, 100);}}, 2000);} </script> <script defer type="text/javascript" src="<https://app.bakstage.me/inject/web-widget-bakstage.js>" onload="openWidgetWithDelay()"></script>
🎉 You have successfully added the Bakstage AI Sales Assist Widget to your website!
Note: If you face any issues or need help - please contact us at [email protected]