Documentation

Complete guide to getting started with Dewata AI

Ready to build your AI chatbot?

Getting Started

Step by step guide to get started

Create Your First AI Chatbot

Click the "Create AI Chatbot" button on the My AI Chatbots page. Fill in the AI chatbot name, choose a color, and write system instructions.

Add Context

Go to the Context tab on the AI chatbot page. Add FAQs, policies, or business info to make your AI chatbot smarter.

Create API Key

Go to the API Keys tab. Create a new key and save it securely - it's only shown once.

Embed on Website

Copy the embed script from the Embed tab and paste it into your website before the </body> tag.

Embed Code

Copy and paste this code to your website

Simple Widget

Add this script before the </body> tag

<!-- Dewata AI Widget -->
<script
  src="https://dewataai.com//api/widget"
  data-api-key="YOUR_API_KEY"></script>

Replace YOUR_API_KEY_HERE with your actual API key

Important: Domain Security

Your API key is public and visible in webpage source code. Widget security is enforced through the domain allowlist. Make sure to add your website domain in the bot settings on the dashboard so the widget can only be used on allowed domains.

WordPress Plugin

Download and install our WordPress plugin for easier integration

Setup API Key directly from WordPress dashboard

Control chatbot display per page type

Exclude specific pages by ID or slug

No theme code editing required

Download WordPress Plugin

Installation Guide

Download the plugin ZIP file
Login to WordPress Admin
Go to Plugins → Add New → Upload Plugin
Upload the ZIP file and click Install Now
Activate the plugin, then go to Settings → Dewata Chatbot
Enter your API Key and save

Integrate with AI Coding Assistant

Copy these prompts to your AI coding assistant (Cursor, Copilot, Claude, etc) to help integrate the chatbot

How to use:

Copy the prompt below
Paste it into your AI assistant (Cursor, Copilot, Claude, ChatGPT, etc)
The AI will help integrate the chatbot into your project
Replace YOUR_API_KEY with your actual API key

I want to integrate Dewata AI Chatbot into my React application.

Here's the widget script URL: https://dewataai.com//api/widget
My API Key: YOUR_API_KEY

Please help me:
1. Create a ChatWidget component that loads the Dewata AI widget
2. The script should load dynamically using useEffect
3. Make sure to clean up the script on component unmount
4. Add the component to my App.js or main layout

The widget will appear as a floating chat button in the bottom-right corner.

FAQ

Frequently asked questions

How do I install the widget on WordPress?

In WordPress, go to Appearance > Theme Editor > footer.php and paste the embed script before the </body> tag. Or use a plugin like "Insert Headers and Footers".

Can the AI chatbot speak Indonesian?

Yes! Write the system instructions and context in Indonesian, and the AI chatbot will respond in Indonesian.

How do I train the AI chatbot with my business info?

Go to your AI chatbot's page and click the Context tab. There you can add text or upload PDF files with your business information.

What's the credit limit on the Free plan?

The Free plan has 30 credits with the Fast model (1 credit/message). Credits reset every 30 days. Upgrade to Pro for 300 credits/month with all AI models.

Need help?

Create Your First AI Chatbot Pricing Contact our support at

Ready to build your AI chatbot?

Get Started Free