← Back to Guides
getting-startedBeginner10 min read time

Getting Started: Connect AI Agent in 5 Minutes

Step-by-step guide to create your Bravin AI account, generate API keys, and activate the widget on your website in less than 5 minutes.

Author: Bravin AI Team
Published on January 15, 2024
Updated on March 5, 2024

Introduction

This guide will help you connect the Bravin AI agent to your website in just 5 minutes. You'll learn how to create an account, generate the necessary keys, and activate the chat widget.

Prerequisites:

  • Access to your website's HTML code
  • 5 minutes of time
  • A modern browser (Chrome, Firefox, Safari, Edge)

Step 1: Create Account

Start by creating a free account on the Bravin AI platform:

The free account includes 100 conversations per month and email support.

Registration Link
https://app.bravin.ai/signup

Step 2: Generate API Keys

After logging in, go to Settings → API Keys and create a new key:

  1. Click Generate New Key
  2. Give it a descriptive name (e.g., "Website Widget")
  3. Select the required permissions
  4. Save the key securely

The API key will only be displayed once. Save it immediately in a secure location!

Step 3: Install Widget

Copy the code below and paste it before the </body> tag in your website's HTML:

Replace YOUR_API_KEY_HERE with your actual API key!

Installation Script
<script>
  (function(w,d,s,o,f,js,fjs){
    w['BravinWidget']=o;w[o]=w[o]||function(){(w[o].q=w[o].q||[]).push(arguments)};
    js=d.createElement(s),fjs=d.getElementsByTagName(s)[0];
    js.id=o;js.src=f;js.async=1;fjs.parentNode.insertBefore(js,fjs);
  }(window,document,'script','bw','https://widget.bravin.ai/v1/widget.js'));
  bw('init', { apiKey: 'YOUR_API_KEY_HERE' });
</script>

Step 4: Test Chatbot

After installing the code, open your website in a browser and verify that the widget appears in the bottom right corner.

Test functionality:

  • Click the chat icon
  • Send a test message
  • Verify you receive a response
  • Test on mobile and desktop

Congratulations! Your AI chatbot is now active and functional.

Troubleshooting

Widget not appearing?

  • Verify you replaced YOUR_API_KEY_HERE with your actual key
  • Open Console in DevTools and check for errors
  • Ensure the script is before </body>

Chatbot not responding?

  • Check that you have available credit in your account
  • Check service status at status.bravin.ai
  • Contact support at support@bravin.ai

For persistent issues, contact our support team who responds on average in < 30 minutes.

Was this guide helpful?