WebChatAgent Logo

Create Your First Chatbot in Minutes

Follow these steps to go from zero to a fully working AI chatbot on your website.

Step 1: Register for Free

Go to webchatagent.com and create a free account. No credit card is required — your Free plan includes 1 chatbot agent, 100,000 characters of training content (enough to index a small site), and 70 messages per month. Every new account also starts a 14-day Premium trial automatically, so the paid features are unlocked while you explore.

Step 2: Add Data Sources

Go to your chatbot's Data Sources tab and add the content your chatbot should learn from. A "data source" is anything your bot reads to answer questions:

  • Website URL — Enter your website address and WebChatAgent will automatically crawl and index your pages. Example: enter https://yourshop.com and it pulls in your product, FAQ, and policy pages.
  • File Upload — Upload documents directly: PDF, Word (.docx), TXT, Markdown (.md), or Excel (.xlsx) files. Good for manuals, price lists, or internal docs that aren't published on your website.

The chatbot processes and indexes all content so it can retrieve relevant information when answering user questions. The more comprehensive your data, the better your chatbot's responses will be. Only the extracted text counts toward your content quota — the original files themselves don't.

Step 3: Configure Your Chatbot

Customize your chatbot's behavior in the Settings tab:

  • Name — Give your chatbot a display name (e.g., "Support Assistant").
  • Allowed Domains — Specify which domains the widget is allowed to run on.
  • Timezone — Set the timezone for conversation timestamps and scheduling.
  • Custom Role (System Prompt) — Optionally define how your chatbot should behave, in plain language (up to 5,000 characters). For example: "You are a friendly customer support agent for an online store. Answer questions about products, shipping, and returns." Leave it empty and the bot uses a sensible default.

Step 4: Embed the Widget on Your Website

Go to your chatbot's Widget Customization page. At the bottom you'll find the ready-to-use embed code. Copy it and paste it into your website's HTML before the closing </body> tag:

<script src="https://app.webchatagent.com/widget/web-chat-agent.js" async></script>
<web-chat-agent chatbot-id="YOUR_CHATBOT_ID"></web-chat-agent>

Replace YOUR_CHATBOT_ID with your actual Chatbot ID (pre-filled in the dashboard embed code).

Tip: If you use WordPress, you can install the WebChatAgent WordPress Plugin instead. It handles the integration automatically — just enter your Chatbot ID in the plugin settings.

Step 5: Test It

Open your website in a browser. You should see the chat bubble in the bottom-right corner. Click it and ask a question based on the content you added. The chatbot will retrieve relevant information and generate an answer.

What's Next?

Now that your chatbot is live, explore these topics to get the most out of WebChatAgent:

  • Best Practices — Tips for improving chatbot performance and answer quality.
  • Tools & Integrations — Set up Lead Capture, Feedback Forms, Live Chat, and API Connectors.
  • Widget Customization — Adjust colors, positioning, welcome messages, and more to match your brand.