CCA Integrations
← Blog
Tutorial2026-01-05 · 5 min read

How to Set Up Your First AI Chat Widget in 5 Minutes

A step-by-step walkthrough of creating, configuring, and deploying your first CCA widget — no developer required.

L

Liam O'Brien

CCA Integrations

## Before You Start You'll need: - A CCA account (request one via our contact page) - Your website URL - (Optional) Documentation or FAQ files to upload That's it. No developer, no build pipeline, no infrastructure. ## Step 1: Create Your Widget (2 minutes) 1. Log into your CCA dashboard 2. Click "New Widget" 3. Give it a name (e.g., "Support — Main Site") 4. Set your brand color (hex code) 5. Write a brief system prompt: *"You are a helpful support assistant for [Company]. Be concise and friendly. If you can't answer, say so and suggest emailing hello@company.com."* ## Step 2: Upload Your Knowledge Base (1 minute) Drag and drop any PDFs, markdown files, or text documents that contain information about your product. Good starting points: - Your FAQ page (exported as text) - Your pricing page content - Your getting-started guide ## Step 3: Get Your Embed Code (30 seconds) Click "Get Embed Code". You'll see something like: ```html ``` ## Step 4: Paste on Your Website (1 minute) Paste this snippet before the closing `` tag on any page where you want the widget to appear. No build step needed — it's just a script tag. ## Step 5: Test It Reload your page. The chat bubble appears in the bottom-right corner. Ask it a question from your uploaded docs. If the answer is correct and sounds natural, you're live. If not, refine your system prompt or add more documentation. ## What Happens Next Monitor your first conversations in the CCA dashboard. You'll quickly see which questions your knowledge base handles well and which need more documentation — iterate from there.