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.