Back to Blog
Tutorial

Add an AI Agent to Any Website in Under 5 Minutes

Dec 20, 20275 min read
Tutorial Embed No-Code

Add an AI Agent to Any Website in Under 5 Minutes

Adding an AI chatbot to your website shouldn't require a development team. Velamini's embed solution makes it possible in minutes.

The Traditional Approach (Painful)

Setting up a chatbot typically involves:

  • Backend development for API integration
  • Frontend coding for the chat interface
  • Server management for hosting
  • Security considerations for data protection
  • Maintenance and updates

Velamini Embed Solution (Simple)

One script tag handles everything:

<script src="https://velamini.com/embed/agent.js" 
        data-agent-key="your-api-key"
        data-agent-name="Your Company Agent">
</script>

Step-by-Step Implementation

1. Get Your API Key

  • Log into your Velamini dashboard
  • Navigate to Organization Settings
  • Copy your Agent API Key

2. Add the Script

Paste this in your website's <head> or before </body>:

<script 
  src="https://velamini.com/embed/agent.js"
  data-agent-key="YOUR_API_KEY_HERE"
  data-agent-name="Your Company Support"
  data-theme="auto"
  async
></script>

3. Customize (Optional)

Additional attributes for customization:

  • data-theme="light|dark|auto" - Chat widget theme
  • data-position="bottom-right|bottom-left" - Widget position
  • data-primary-color="#your-color" - Brand color

Features Included

  • Responsive design that works on all devices
  • Mobile optimization for WhatsApp-like experience
  • Auto-theme detection matching your website
  • Conversation history across sessions
  • File upload support for documents
  • Multi-language support

Real-World Examples

E-commerce Site

<!-- Product recommendations and order support -->
<script src="https://velamini.com/embed/agent.js" 
        data-agent-key="ecommerce_key"
        data-agent-name="Shop Assistant">
</script>

Restaurant Website

<!-- Reservations, menu questions, delivery info -->
<script src="https://velamini.com/embed/agent.js" 
        data-agent-key="restaurant_key"
        data-agent-name="Dining Assistant">
</script>

Business Website

<!-- Lead generation and customer inquiries -->
<script src="https://velamini.com/embed/agent.js" 
        data-agent-key="business_key"
        data-agent-name="Business Assistant">
</script>

No-Code Integration

Works with any website builder:

  • WordPress - Add to header or footer
  • Shopify - Custom HTML sections
  • Wix/Squarespace - Embed code elements
  • Custom sites - Any HTML page

Security & Privacy

  • Encrypted conversations end-to-end
  • No data storage on your servers
  • GDPR compliant data handling
  • API key protection with rate limiting

Transform your website into an interactive, conversational experience in under 5 minutes.

Join the Velamini community
Connect with builders, get help, and share what you're creating
Join Slack Contact Support
V
Velamini

AI agents and business intelligence for African organisations and individuals. Built in Kigali.

All systems operational
Product
  • Home
  • Pricing
  • Documentation
  • Changelog
  • Status
Company
  • About Us
  • Blog
  • JobsHiring
  • Contact
Resources
  • API Reference
  • Embed Guide
  • Use Cases
  • Agent Templates
Legal
  • Terms of Service
  • Privacy Policy
  • Cookie Policy
  • Security
© 2026 Velamini.coodicmadeitKigali, Rwanda
TermsPrivacyCookiesSecurity