Installation Instructions

Paste the snippet into the footer, header, or custom code area of your website builder. Choose your platform below:

✔ WordPress

1. Log in to WordPress Admin
2. Go to Plugins → Add New → Insert Headers and Footers (if not using a pagebuilder)
3. Open Settings → Insert Headers and Footers
4. Paste the script in Footer Scripts
5. Save
Done — your chat widget is now live.

✔ Shopify

1. Go to Online Store →Themes
2. Click Customize
3. Look for Theme Settings → Custom Code or open Edit code
4. Paste the snippet before </body> inside theme.liquid
5. Save
Done.

✔ Webflow

1. Open Webflow Designer
2. Go to Project Settings → Custom Code
3. Paste the script into the Footer Code
4. Publish the site
Done.

✔ Wix

1. Go to Settings → Custom Code
2. Add custom code → choose “Body – end”
3. Paste the snippet
4. Save & publish

✔ Framer

1. Open your Framer project
2. Go to: Settings → Code → Custom Code
3. Paste inside Footer Code
4. Publish

✔ Plain HTML Website

Add anywhere before the </body> tag:
<script src=”https://relayable.ai/chat-system/widget.js” data-client-id=”YOUR_CLIENT_ID”></script>