Intelligent
AI Chatbots.

Enhance your website with our state-of-the-art AI chatbot. Setup takes minutes, customized exactly for your business context.

Trusted by innovative organizations

STIE PancasetiaMePDF Logo
STIE PancasetiaMePDF Logo
STIE PancasetiaMePDF Logo
STIE PancasetiaMePDF Logo

Why choose us?

Everything you need to automate customer support.

Context Aware

Give the AI your website's description and rules. It behaves exactly how you want it to, giving accurate answers to your visitors.

Lightning Fast

Powered by Saybot to ensure your customers get their answers in milliseconds, not seconds.

Easy Integration

Generate an API key and embed our widget in your website with just one line of code. It just works.

Integration Options

Integrate our AI into your system in minutes, with or without code.

NO-CODE

1. Chat Widget (Recommended)

The fastest way to get started. Copy and paste one line of code into your website's HTML and instantly get a floating chat widget. Customize colors to match your brand directly from the dashboard.

<script 
  src="https://saybot.vercel.app/widget.js" 
  data-api-key="YOUR_API_KEY"
  data-theme="#3b82f6"
></script>
DEVELOPERS

2. REST API

Build your own custom chat UI or integrate our AI into your backend systems. Make a simple POST request with your API key to send messages and receive intelligent responses.

const res = await fetch('https://saybot.vercel.app/api/chat', {
  method: 'POST',
  headers: { 'Content-Type': 'application/json' },
  body: JSON.stringify({
    api_key: 'YOUR_API_KEY',
    message: 'Hello, what are your hours?'
  })
});
const data = await res.json();
ADVANCED

3. Database Webhooks

Connect the AI directly to your own backend (Laravel, Node.js, VPS SQL, etc.). Define a custom endpoint, and our AI will autonomously extract parameters from visitors and fetch live data from your server.

// 1. AI extracts parameters:
// "Check room VIP for tomorrow"

// 2. AI sends POST to your API:
POST https://your-server.com/api
{ 
  "type": "VIP", 
  "date": "tomorrow" 
}

How to Configure Your AI

Follow these best practices to get the perfect chatbot behavior.

1. Bot Name

Give your AI a distinct identity. This is the name it will use when introducing itself to your visitors.

"Customer Success Bot"

2. Knowledge Base

Paste facts about your business. The AI uses this as its "brain" and answers based on this context.

"We are a digital agency in Jakarta. Contact us at hello@agency.com"

3. Style & Tone

Tell the AI exactly *how* it should talk. Control the length, tone, language, and attitude of every response.

"Keep answers very short (max 2 sentences). Be friendly, casual, and never invent fake info."

UI Widget Examples

Copy and paste these pre-built designs into your website.

Minimal Light

A clean, lightweight floating chat widget perfect for modern websites.

index.html
<!-- Add this before </body> -->
<div id="sb-chat-widget" style="position:fixed;bottom:20px;right:20px;width:350px;height:500px;background:#fff;border-radius:16px;box-shadow:0 10px 40px rgba(0,0,0,0.1);display:flex;flex-direction:column;overflow:hidden;font-family:sans-serif;z-index:9999;">
  <div style="background:#000;color:#fff;padding:16px;font-weight:bold;">Chat with us</div>
  <div id="sb-chat-messages" style="flex:1;padding:16px;overflow-y:auto;background:#f9f9f9;"></div>
  <div style="padding:16px;background:#fff;border-top:1px solid #eee;display:flex;gap:8px;">
    <input type="text" id="sb-chat-input" placeholder="Type a message..." style="flex:1;padding:8px 12px;border:1px solid #ddd;border-radius:20px;outline:none;">
    <button onclick="sbSendMessage()" style="background:#000;color:#fff;border:none;padding:8px 16px;border-radius:20px;cursor:pointer;">Send</button>
  </div>
</div>

<script>
async function sbSendMessage() {
  const input = document.getElementById('sb-chat-input');
  const messages = document.getElementById('sb-chat-messages');
  if(!input.value) return;
  messages.innerHTML += '<div style="text-align:right;margin-bottom:8px;"><span style="background:#000;color:#fff;padding:8px 12px;border-radius:12px;display:inline-block;">' + input.value + '</span></div>';
  const msg = input.value; input.value = '';
  const res = await fetch('https://saybot.vercel.app/api/chat', {
    method: 'POST',
    headers: {'Content-Type': 'application/json'},
    body: JSON.stringify({ api_key: 'YOUR_API_KEY', message: msg })
  });
  const data = await res.json();
  messages.innerHTML += '<div style="text-align:left;margin-bottom:8px;"><span style="background:#eee;color:#000;padding:8px 12px;border-radius:12px;display:inline-block;">' + data.reply + '</span></div>';
  messages.scrollTop = messages.scrollHeight;
}
</script>

Live Preview

Chat with us
Hello! How can I help you?
What are your prices?

Simple Pricing

Choose the perfect plan for your business.

Free

$0/mo

  • 1 Bot (Account)
  • 100,000 Tokens / day
  • Standard Support
Get Started
MOST POPULAR

Pro

$2/mo

  • 5 Bots (Accounts)
  • 1,000,000 Tokens / day
  • Priority Support

Pro Plus

$5/mo

  • 10 Bots (Accounts)
  • Unlimited Tokens / day
  • 24/7 Premium Support