QuackChat on Weebly
Add the QuackChat widget to your Weebly site using the Embed Code element or footer code injection.
Quick Start (TL;DR)
- Go to Settings > SEO > Footer Code
- Paste the widget code
- Publish
Prerequisites
- Weebly account (free tier works)
- Bot ID from your QuackChat dashboard
Step-by-Step Installation
Option A: Footer Code (Recommended)
This adds the widget to all pages on your site.
- In the Weebly Editor, click Settings (gear icon)
- Go to SEO
- Scroll down to Footer Code
- Paste the widget code:
html
<script
src="https://www.quackchat.app/widget/quackchat-widget.js"
data-bot-id="YOUR_BOT_ID"
></script>
- Click Save
- Publish your site
Option B: Embed Code Element (Specific Pages)
To add the widget to specific pages:
- Open the page in the Weebly Editor
- Drag an Embed Code element onto your page
- Click the element and select Edit Custom HTML
- Paste the widget code
- Click outside the element to save
- Publish your site
Verification
Quick test:
- Publish your Weebly site
- Visit your live site
- Look for the chat bubble in the bottom-right corner
- Test sending a message
Troubleshooting
Widget doesn't appear in editor preview
Cause: Weebly preview may not execute all scripts.
Solution: Publish your site and test the live version.
Widget conflicts with Weebly's built-in elements
Cause: Z-index conflicts with Weebly navigation or overlays.
Solution: The widget's default z-index (2147483000) handles most conflicts automatically. If issues persist, verify no Weebly elements use near-max z-index values.
Changes not appearing after publish
Cause: Caching.
Solution:
- Wait a few minutes for Weebly's cache to clear
- Clear your browser cache
- Test in incognito mode
Known Limitations
- No per-page conditional loading (use Embed Code element for specific pages)
- Limited customization compared to standalone hosted sites