Skip to main content
Get a working AI chatbot on your website in under 10 minutes. No coding required.
Time estimate: ~8 minutes

Step 1: Create your account

  1. Go to app.replybubble.com/signup
  2. Enter your email and create a password
  3. You’ll start with a 14-day Pro trial — no credit card required
After signing up, you’ll land on your dashboard.

Step 2: Connect your AI provider

ReplyBubble uses Bring Your Own Key (BYOK) — you connect your own OpenAI or Anthropic account and pay the AI provider directly. ReplyBubble never marks up AI costs.
Typical cost: A small business with 500 conversations/month spends $3–10/month on AI usage.
  1. Go to platform.openai.com/api-keys and sign in (or create an account)
  2. Click Create new secret key
  3. Name it something like “ReplyBubble” and click Create
  4. Copy the key — it starts with sk-proj-

Connect the key in ReplyBubble

  1. In your dashboard, go to Settings > AI Provider
  2. Select OpenAI as your provider
  3. Paste your API key and click Save
  4. Choose a model:
    • GPT-4o-mini — fast, affordable, great for most use cases
    • GPT-4o — smarter, better for complex topics, costs more

Step 3: Add your first knowledge base content

The knowledge base is what your chatbot draws from to answer questions. The more relevant content you add, the better the answers.

Quickest option: auto-crawl your website

  1. Go to Knowledge Base > Sources
  2. Enter your website URL
  3. Click Crawl — ReplyBubble will index your pages automatically

Or add a document manually

  1. Go to Knowledge Base > Documents
  2. Click Add Document
  3. Write or paste content (FAQ answers, product info, policies, etc.)
  4. Click Save
Tip: Start with your most common customer questions. Even 5–10 well-written answers make a big difference.

Step 4: Install the widget on your site

Copy this snippet from your dashboard (Settings > Installation) and paste it into your website’s HTML, just before the closing </body> tag:
<script src="https://app.replybubble.com/widget/replybubble.js"
        data-widget-id="YOUR_WIDGET_ID"
        async>
</script>
Replace YOUR_WIDGET_ID with the ID shown in your dashboard.

Platform-specific instructions

PlatformWhere to paste
WordPressAppearance > Theme Editor > footer.php, or use a plugin like Insert Headers and Footers
ShopifyOnline Store > Themes > Edit Code > theme.liquid, before </body>
SquarespaceSettings > Advanced > Code Injection > Footer
WixSettings > Custom Code > Add Code to Body (end)
WebflowProject Settings > Custom Code > Footer Code
For detailed platform guides, see Widget Installation.

Step 5: Verify it works

  1. Open your website in a new browser tab
  2. You should see a chat bubble in the bottom-right corner
  3. Click it and ask a question that your knowledge base can answer
  4. The bot should respond with an accurate answer drawn from your content
Not seeing the widget? Check Troubleshooting for common issues.

What’s next?