Your First Chatbot | WebChatAgent Docs

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, 50 pages, and 50 messages per month.

Step 2: Add Data Sources

Go to your chatbot's Data Sources tab and add the content your chatbot should learn from:

Website URL — Enter your website address and WebChatAgent will automatically crawl and index your pages.
File Upload — Upload documents directly: PDF, DOCX, TXT, or XLSX files.

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.

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. For example: "You are a friendly customer support agent for an online store. Answer questions about products, shipping, and returns."

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.

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: