Deploying Your Chatbot to Your Website

Go to the Go Live tab in your chatbot settings. Under the Embed section, you'll see a single line of JavaScript code:

<script src="https://frontlinehq.ai/api/widget/YOUR_BUSINESS_ID" async></script>

Click Copy to copy it to your clipboard.

Paste the embed code just before the closing </body> tag on every page where you want the chatbot to appear. Platform-specific instructions:

• WordPress — Go to Appearance → Theme Editor → footer.php, paste before </body>. Or use the "Insert Headers and Footers" plugin.
• Shopify — Go to Online Store → Themes → Edit code → theme.liquid, paste before </body>
• Squarespace — Go to Settings → Advanced → Code Injection → Footer, paste the code
• Wix — Go to Settings → Custom Code → Add Code, select "Body - End"
• Webflow — Go to Project Settings → Custom Code → Footer Code, paste the code
• Custom HTML — Paste directly before </body> in your HTML

After adding the code, visit your website and look for the chat bubble in the bottom corner. Click it to open the chat and send a test message.

If the bubble doesn't appear:

• Clear your browser cache and refresh
• Check that the script tag is placed correctly (before </body>)
• Make sure there are no JavaScript errors in your browser console (F12 → Console)
• Verify your chatbot is set to Active in the dashboard