Getting Started
Widget Installation
Add the Reaktly chat widget to your website with a single script tag.
Installation
Add the following script tag to your website, just before the closing </body> tag:
<script
src="https://cdn.reaktly.com/widget.js"
data-widget-id="YOUR_WIDGET_ID"
async
></script>You can find your Widget ID in the Reaktly dashboard under Settings → Widget.
Framework-Specific Guides
Next.js
Add the script to your root layout:
// app/layout.tsx
import Script from 'next/script';
export default function RootLayout({ children }) {
return (
<html>
<body>
{children}
<Script
src="https://cdn.reaktly.com/widget.js"
data-widget-id="YOUR_WIDGET_ID"
strategy="lazyOnload"
/>
</body>
</html>
);
}React
Add the script in your index.html or use a useEffect hook:
import { useEffect } from 'react';
export function ReaktlyWidget() {
useEffect(() => {
const script = document.createElement('script');
script.src = 'https://cdn.reaktly.com/widget.js';
script.dataset.widgetId = 'YOUR_WIDGET_ID';
script.async = true;
document.body.appendChild(script);
return () => { document.body.removeChild(script); };
}, []);
return null;
}WordPress
Install the Reaktly WordPress plugin or add the script tag to your theme's footer.php.
Static HTML
Paste the script tag directly before </body> in your HTML file.