QuackChat on Carrd
Add the QuackChat widget to your Carrd single-page site using the Embed element.
Quick Start (TL;DR)
- Add an Embed element
- Choose Code
- Paste the widget code
- Publish
Note: Embed elements require a Carrd Pro plan.
Prerequisites
- Carrd Pro plan (Standard, Plus, or Pro)
- Bot ID from your QuackChat dashboard
Step-by-Step Installation
Step 1: Add Embed Element
- Open your Carrd site in the editor
- Click + Add Element
- Select Embed
- Choose Code as the embed type
Step 2: Configure the Embed
- In the embed settings, paste the widget code:
html
<script
src="https://www.quackchat.app/widget/quackchat-widget.js"
data-bot-id="YOUR_BOT_ID"
></script>
- Set Type to: Code
- Set Style to: Hidden (the widget floats, so the embed doesn't need to be visible)
Step 3: Publish
- Click Publish or Save
- View your live site to test
Verification
Quick test:
- Publish your Carrd site
- Visit the live URL
- Look for the chat bubble
- Test sending a message
Troubleshooting
"Embed elements require a Pro plan"
Cause: Free Carrd plan doesn't include embeds.
Solution: Upgrade to any Carrd Pro tier.
Widget doesn't appear in editor
Cause: Carrd editor doesn't execute embedded scripts.
Solution: Publish and view the live site.
Embed element shows as visible box
Cause: Embed style not set to Hidden.
Solution: In embed settings, set Style to Hidden.
Carrd Use Cases
Landing Pages
- Answer product questions
- Capture leads
- Provide instant support
Portfolio Sites
- Train your bot on your services
- Enable lead capture for inquiries
Known Limitations
- Pro plan required for embeds
- No global code injection (must add per page)
- Single-page nature means limited navigation context