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.

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

Carrd Integration Guide