Back to Documentation

Step 3 — Set Up Webchat

Create a bot, assign a flow, and embed ReplyBase webchat on your website

3
Part of: Get Started Guide
Step 3 of 5 · ~10 minutes · Webchat path
View all steps

What You Will Do

  • Create a bot in ReplyBase
  • Optionally build a conversation flow and assign it to your bot
  • Open Integrations > Web Chat and link your bot
  • Copy your embed snippet and add it to your website
  • Set allowed domains so only your site can load the widget

A. Create a Bot

Every channel in ReplyBase is powered by a bot. You need at least one bot before connecting webchat.

  1. 1Open Bots from the left sidebar.
  2. 2Click New Bot.
  3. 3Give your bot a name (e.g. "Website Assistant") and save.
  4. 4Your bot is created and appears in the Bots list.

B. Build and Assign a Flow (Recommended)

Without a flow, webchat falls back to AI-generated replies. Flows let you define a structured conversation with specific steps, questions, and lead capture.

  1. 1Open Flows from the sidebar.
  2. 2Click New Flow, name it, and click Launch Builder to design your conversation.
  3. 3Once done, activate the flow and close the builder.
  4. 4Go to your bot's settings page (Bots → select your bot) and set the Entry Flow to the flow you just created.

Builder access requires an active subscription

The Flow Builder is launched through ReplyBase which checks your subscription before granting access. Free plan users can access builder features within the free tier limits.

C. Connect Webchat to Your Bot

  1. 1Open Integrations from the sidebar, then click Web Chat.
  2. 2Select your bot from the Bot dropdown.
  3. 3A Public Key is generated for your webchat site. Copy it — you will need it for the embed snippet.
  4. 4Scroll down to the Embed Snippet section. The snippet is auto-generated with your Public Key.
  5. 5Copy the snippet and add it to the <body> of every page on your website where you want the chat widget to appear.

D. Set Allowed Domains

Restrict which websites can load your webchat widget. This prevents others from embedding your widget on sites you don't control.

  1. 1In Integrations > Web Chat, find the Allowed Domains section.
  2. 2Add your website domain (e.g. https://yoursite.com).
  3. 3Save. Only requests from this domain will be accepted.

If you skip this step, the widget will work but any website can embed it. Always set allowed domains in production.

Embed Snippet Reference

<script
  src="https://app.replybase.co.uk/embed/replybase-webchat.js"
  data-public-key="YOUR_PUBLIC_KEY"
  data-title="Chat with us"
  data-primary-color="#6366f1"
  data-position="right"
  defer
></script>

Replace YOUR_PUBLIC_KEY with the key shown in your Integrations > Web Chat page. Additional display options are available — see the Webchat Embed Reference.

Step 2 — Choose Your ChannelStep 4 — Test Your Channel