vectorbase

Embed & Deploy

Widget Integration

Embed your RAG chatbot into any webpage using our script snippet, and preview the live widget in real time.

API Key & Domain Management

To generate new keys, lock allowed domains, configure custom system prompts, or revoke credentials, visit the API Keys page.

Add Widget with AI

AI Coding Assistants

Copy this pre-formatted prompt directly into your AI IDE or Assistant to automatically integrate the chatbot widget into your project.

Works seamlessly with leading AI platforms:

CursorCursor
VS CodeVS Code
CopilotCopilot
KiroKiro
AntigravityAntigravity
LovableLovable
AI Prompt (Ready to paste into chat):Target: Default Key
Please integrate the VectorBase AI Chatbot widget into this web application codebase.

Here is the official embed script snippet:

<!-- VectorBase AI Chatbot Embed -->
<script
  src="https://vector-base.b-cdn.net/widget.js"
  data-api-key="YOUR_PUBLIC_API_KEY"
  data-api-url="https://easyai.fastapicloud.dev/api/v1"
  defer>
</script>

Instructions for integration:
1. Locate the main root layout or HTML entry point in this project (e.g. index.html, app/layout.tsx, or App.jsx).
2. Insert this script tag right before the closing </body> tag, or use the framework's native script component (such as Next.js <Script strategy="afterInteractive" />).
3. Ensure the script loads with defer/async so it doesn't block initial page rendering.
4. Verify that the floating chatbot trigger button appears in the bottom-right corner of the page.
5. If using Next.js/React, place it inside the layout component or root body tag.

Embed Code Snippet

Paste this script tag right before the closing </body> tag of your website.

<!-- VectorBase AI Chatbot Embed -->
<script
  src="https://vector-base.b-cdn.net/widget.js"
  data-api-key="YOUR_PUBLIC_API_KEY"
  data-api-url="https://easyai.fastapicloud.dev/api/v1"
  defer>
</script>

Implementation Instructions

  1. Copy the script tag snippet above.
  2. Paste it into your website HTML right before the closing </body> tag.
  3. Ensure your site domain origin (e.g. https://your-domain.com) is whitelisted in the key's Allowed Domains on the API Keys page.
  4. The chat widget bubble will automatically mount in the bottom-right corner of your site.

Live Widget Preview & Test Zone

Inject the real chatbot script onto this page to test its behavior and responses before embedding on production.

Troubleshooting Tips:

  • 403 Forbidden: Origin domain is not authorized. Add your localhost URL to the key's Allowed Domains on the API Keys page.
  • 402 Payment Required: Your workspace token balance is exhausted. Top up tokens in your Profile & Billing settings.