Embedding
Add the chat widget to your storefront.
Updated
On this page
Embedding the Bot Widget
Add the bot to your storefront by including the embed script in your layout:
<script src="https://cdn.dashfordevs.com/bot/widget.js"
data-api-key="pk_live_your_key"
async></script>
Or embed in Next.js:
// app/layout.tsx
import Script from "next/script"
export default function RootLayout({ children }) {
return (
<html>
<body>
{children}
<Script src="https://cdn.dashfordevs.com/bot/widget.js"
data-api-key={process.env.NEXT_PUBLIC_DASH4DEVS_API_KEY}
strategy="lazyOnload" />
</body>
</html>
)
}
Customization
The widget inherits colors and branding from your bot configuration in the dashboard.