๐Ÿ’ 
Integration guide ยท 4 min readUpdated September 2026

Install the web chat widget

The DutyPilot widget is a lightweight script that adds an AI chat bubble to your website โ€” grounded in your knowledge base, styled to match your brand, and connected to the same unified inbox as WhatsApp, Instagram and Messenger.

What you'll need

A DutyPilot workspace (free trial works)
Access to your website's HTML โ€” or a plugin/settings page for your platform
Your workspace ID from Customization โ†’ Install
1

Get your embed script

In DutyPilot, open Customization โ†’ Install. You'll find a one-line script tag with your workspace ID baked in โ€” no separate configuration file needed.

The script is under 15 KB gzipped, loads asynchronously, and never blocks your page's rendering or hurts Core Web Vitals.

dutypilot.dev/customization
Workspace ID
ws_your_id
Embed script
<script src="https://bot.dutypilot.dev/widget.js" data-organization-id="YOUR_ORGANIZATION_ID" defer></script>
Customization โ†’ Install โ€” your embed snippet
2

Paste it into your site

Paste the script just before the closing </body> tag of your website. The widget bubble appears on every page where the script runs.

Platform shortcuts: in WordPress use a plugin like WPCode or your theme's footer setting; in Shopify add it in Online Store โ†’ Themes โ†’ Edit code โ†’ theme.liquid; in Webflow use Project Settings โ†’ Custom Code โ†’ Footer; in Wix use Custom Code (body-end); in Next.js/React, put it in your root layout or use next/script with the afterInteractive strategy.

3

Brand it in the customization studio

Back in Customization, make the widget yours: set the bot's name and avatar, the greeting message, accent color, and optional suggestion chips that nudge visitors toward common questions.

You can also enable pre-chat contact capture to collect a name and email before the conversation starts โ€” useful for lead routing.

dutypilot.dev/customization
Bot name
Nova โ€” AI assistant
Greeting
Hi! Ask me anything about our products.
Accent color
#6366f1 (indigo)
Suggestion chips
Pricing ยท Shipping ยท Refunds ยท Talk to human
Widget customization โ€” name, avatar, accent, chips
4

Test the conversation

Reload your website and click the chat bubble. Ask something your knowledge base covers โ€” DutyPilot answers instantly with citations, and if the question is out of scope the conversation is flagged for staff takeover.

Messages appear in your unified inbox in real time, alongside WhatsApp, Instagram and Messenger conversations. The widget works on mobile browsers too, with the conversation opening full-screen.

your-website.com
Can I change my plan mid-cycle?
Yes โ€” upgrades apply instantly with prorated billing; downgrades start next cycle. Sources: Billing FAQ ยง4 ยท Plans.docx
AI resolved ยท 1.0s
Widget live on your site โ€” AI answering with citations

Next up

Connect Telegram

Continue

Stuck on a step? Contact support โ€” we usually reply within a day.