This guide walks you through the process of installing the Bakstage.AI widget on your Shopify website. Once installed, the widget will appear on every page of your store, enabling AI-powered customer support for your visitors.
What You'll Need:
Your Widget Code Snippet:
<script defer type="text/javascript">function initWebWidgetConfig() {if (window) {window.bakstageAppId = "widgetid-provided-by-admin";window.bakstageSettings = { widgetId: "widgetid-provided-by-admin" };}} initWebWidgetConfig(); </script> <script defer type="text/javascript" src="<https://app.bakstage.me/inject/web-widget-bakstage.js>"></script>
⚠ Important
Copy the widget code snippet exactly as shown above. Replace widgetid-provided-by-admin with the widget id provided by your admin or account manager. Do not modify any part of the code, except the App ID or Widget ID values.
Step 1: Navigate to Online Store > Themes
Log in to your Shopify Admin panel at your-store.myshopify.com/admin. In the left sidebar, click on Online Store, then click on Themes.
Figure 1: Shopify Admin — Navigate to Online Store > Themes
Step 2: Open the Code Editor
On the Themes page, find your current active theme (usually labeled as "Published"). Click the "⋯" (three dots) or "Actions" button next to the Customize button. From the dropdown menu that appears, select "Edit code".