Install the chat widget
One script tag — works on any site. Native install on Shopify.
By ReplyFront Team · Last updated June 10, 2026
Universal script tag
Paste this just before the closing </body> tag of every page where you want the widget to appear.
<script async
src="https://cdn.replyfront.com/widget.js"
data-replyfront="pk_live_yourPublicKey">
</script>You’ll find your key on Dashboard → Install widget.
Shopify
Option A — App Store install
Install ReplyFront on the Shopify App Store. The Theme App Extension auto-injects the widget. Toggle it on in your theme editor under App embeds.
Option B — Manual script in theme.liquid
If you don’t want the App Store install, you can paste the universal script into layout/theme.liquid just before </body>.
WordPress & Elementor
- Install a header/footer code plugin like Insert Headers and Footers.
- Paste the script in the “Footer” section.
- Save — the bubble shows up on every page.
Webflow
Project Settings → Custom Code → Footer Code, paste the script, publish.
Single-page apps (React / Vue / Next)
Add the script to your root index.html (or app/layout.tsx for Next App Router via the <Script> component).
import Script from "next/script";
export default function RootLayout({ children }) {
return (
<html>
<body>
{children}
<Script async strategy="afterInteractive"
src="https://cdn.replyfront.com/widget.js"
data-replyfront="pk_live_yourPublicKey" />
</body>
</html>
);
}Identifying logged-in customers
Pass an email and optional name via JS so the AI ties chats to a customer profile.
window.replyfront = window.replyfront || [];
window.replyfront.push(["identify", {
email: "[email protected]",
name: "Maria Ibrahim",
metadata: { plan: "pro", lifetimeValue: 412 },
}]);pk_live_… public key, never your secret key. Public keys are safe to ship in client HTML.