Back to Home

Support

Get help and learn how to use QuackChat

Contact Us

Reach out to our team for assistance

Getting Started

Follow these steps to create your first AI chatbot

1

Create a Bot

Click "New Bot" on the Dashboard. Enter a name and your website URL.

2

Wait for Crawling

We'll automatically crawl your website and build a knowledge base. This usually takes a few minutes.

3

Test Your Bot

Once ready, click "Chat" to test your bot and see how it responds to questions.

4

Embed on Your Site

Go to Bot Settings, enable the widget, and copy the embed code to add the chatbot to your website.

Embedding Your Chatbot

Permanent installation guide for your website

Installation Steps

  1. Go to your bot's Embed Code tab in the dashboard
  2. Copy the embed code snippet provided
  3. Open your website's HTML file
  4. Paste the code just before the closing </body> tag
  5. Save and deploy your changes

Embed Code Format

<script
  src="https://api.quackchat.app/widget/quackchat-widget.js"
  data-bot-id="YOUR_BOT_ID"
  data-position="bottom-right"
  data-primary-color="#2563eb"
></script>

Configuration Attributes

AttributeRequiredDescription
data-bot-idYesYour unique bot identifier (auto-filled from dashboard)
data-positionNoWidget position: bottom-right (default), bottom-left, top-right, top-left
data-primary-colorNoPrimary brand color in hex format (e.g., #2563eb)
data-themeNoVisual theme: default, dark, or minimal
data-auto-openNoAuto-open chat on page load (true/false)

Security Best Practices

  • Domain Allowlisting: In your bot's Widget Settings, specify which domains can embed your chatbot
  • SRI (Optional): Subresource Integrity adds extra security but requires updating hashes on each widget update
  • Rate Limiting: Configure rate limits in Widget Settings to prevent abuse

Troubleshooting

  • Widget not appearing? Make sure the widget is enabled in your bot's Settings tab
  • Cross-origin errors? Check that your domain is in the allowed domains list
  • Script blocked? Ensure your Content Security Policy allows scripts from api.quackchat.app

Quick Tips

  • • Use clear, descriptive bot names to stay organized
  • • Start with your homepage or documentation pages for best results
  • • Test your bot thoroughly before embedding on your live site
  • • Use domain allowlisting in widget settings for security
  • • Check the Analytics tab to see how users interact with your bot