Bolka Embed: Complete Setup Guide
Add voice AI to your website in 5 minutes with one line of code. This guide covers everything from basic installation to advanced configuration.
PRODUCT GUIDE • FEBRUARY 2026
Bolka Embed: Complete Setup Guide
Add voice AI to your website in 5 minutes with one line of code
What is Bolka Embed?
Browser-native voice AI widget that adds to any website
- • Visitors click a button and talk to your AI assistant
- • No phone calls, no app downloads, no infrastructure
- • Works on desktop, tablet, and mobile browsers
Key Benefits
// Add this single line before </body>
<script src="https://cdn.bolka.ai/embed.js" data-id="YOUR_ID"></script>That's it. Voice AI is now live on your website.
Setup Time: 5 minutes
Code Required: 1 line
Monthly Cost: $79 flat
Conversations: Unlimited
📑 In This Guide
1. What is Bolka Embed?
Bolka Embed is a browser-native voice AI widget that adds conversational voice capabilities to any website. Unlike phone-based voice AI solutions that require telecom infrastructure, Bolka runs entirely in the browser—visitors simply click a button and start talking.
How It Works
- 1You add a single script tag to your website
- 2A voice button appears on your pages (position customizable)
- 3Visitors click the button and speak naturally
- 4AI responds using your knowledge base, captures leads, and answers questions
Key Advantages Over Alternatives
vs Phone AI (Vapi, Retell): No phone numbers, SIP trunks, or per-minute costs. Works on your website, not via phone calls.
vs Chatbots (Intercom, Drift): Voice is 3.75× faster than typing. 8-12% engagement vs 2-4% for text chat.
2. 5-Minute Setup Guide
Getting Bolka Embed running on your website takes just three steps. Most users are live within 5 minutes.
5-Minute Setup Process
Sign Up
Create account at
bolka.ai
Email + password
or Google SSO
Get Embed Code
Copy your unique
script tag from
the dashboard
One-click copy
Add to Website
Paste script before
</body>
tag in your HTML
Works everywhere
Configure
Customize colors,
position, greeting,
and knowledge base
No-code dashboard
Go Live!
Test and
launch
✓ Done!
Works With Any Platform
WordPress
✓ Plugin or code
Shopify
✓ Theme editor
Wix
✓ Custom code
Squarespace
✓ Code injection
Webflow
✓ Custom code
React/Next.js
✓ Component
TOTAL TIME: 5 MINUTES
Step 1: Create Your Account
- 1. Go to bolka.ai
- 2. Click "Start Free " or "Get Started"
- 3. Sign up with email or Google SSO
- 4. Verify your email (check spam if needed)
Time: ~1 minute
Step 2: Get Your Embed Code
- 1. Log into your Bolka dashboard
- 2. Go to "Embed" section
- 3. Copy your unique script tag
<script src="https://cdn.bolka.ai/embed.js"
data-id="your-unique-id"></script>
Time: ~30 seconds
Step 3: Add to Your Website
Paste the script tag before the closing </body> tag in your website's HTML.
<script src="https://cdn.bolka.ai/embed.js"
data-id="your-unique-id"></script>
</body>
Time: ~1-2 minutes (varies by platform)
3. Platform-Specific Installation
Bolka Embed works on any website platform. Here are specific instructions for popular platforms:
Platform-Specific Installation
WordPress
Option 1: Theme Editor
Appearance → Theme Editor → footer.phpPaste script before </body>Option 2: Plugin (WPCode, etc.)
Plugins → Add Script → Footer → PasteWorks with any theme (Divi, Elementor, Astra, etc.)
Shopify
Theme Editor Method:
Online Store → Themes → Edit Code→ Layout → theme.liquidPaste script before </body>Or use: Shopify App Store → Custom Scripts
Works on all pages including checkout
Wix / Squarespace / Webflow
Wix:
Settings → Custom Code → Body End → PasteSquarespace:
Settings → Advanced → Code Injection → FooterWebflow:
Project Settings → Custom Code → Footer CodeReact / Next.js
React (useEffect):
useEffect(() => { const s = document.createElement('script'); s.src = 'cdn.bolka.ai/embed.js'; document.body.appendChild(s);}, []);Next.js: Use <Script> component with strategy="lazyOnload"
WordPress
Option 1 - Theme Editor:
- 1. Go to Appearance → Theme File Editor
- 2. Select footer.php (or theme-specific footer file)
- 3. Paste script before </body>
- 4. Click "Update File"
Option 2 - Plugin (Recommended):
- 1. Install "WPCode" or "Insert Headers and Footers" plugin
- 2. Go to plugin settings → Footer Scripts
- 3. Paste your Bolka script
- 4. Save changes
Shopify
- 1. Go to Online Store → Themes
- 2. Click "..." → Edit code
- 3. In Layout folder, open theme.liquid
- 4. Find </body> tag (usually at bottom)
- 5. Paste Bolka script immediately before it
- 6. Click Save
Wix
- 1. Go to Settings → Custom Code (or Marketing Integrations)
- 2. Click "+ Add Custom Code"
- 3. Paste your Bolka script
- 4. Set placement to "Body - end"
- 5. Apply to "All pages"
- 6. Click Apply
Squarespace
- 1. Go to Settings → Advanced → Code Injection
- 2. Scroll to "Footer" section
- 3. Paste your Bolka script
- 4. Click Save
React / Next.js
import { useEffect } from "react";
useEffect(() => {
const script = document.createElement("script");
script.src = "https://cdn.bolka.ai/embed.js";
script.dataset.id = "your-unique-id";
document.body.appendChild(script);
}, []);
Google Tag Manager
- 1. Go to your GTM container
- 2. Create new Tag → Custom HTML
- 3. Paste your Bolka script
- 4. Set Trigger: "All Pages" or specific pages
- 5. Save and Publish
4. Configuration Options
After installing the script, customize Bolka's appearance and behavior through the no-code dashboard. No additional code changes required.
Configuration Options (No-Code Dashboard)
🎨 Appearance
- • Widget position (bottom-right, etc.)
- • Primary & secondary colors
- • Button icon and text
- • Widget size (small, medium, large)
- • Animation style
- • Light/dark mode auto-detect
Match your brand perfectly
⚙️ Behavior
- • Auto-open delay (or manual only)
- • Custom greeting message
- • Trigger on scroll position
- • Exit intent detection
- • Page-specific behavior
- • Mobile vs desktop settings
Engage visitors at the right moment
🧠 Knowledge Base
- • Upload documents (PDF, DOCX)
- • Add website URLs to crawl
- • Custom Q&A pairs
- • Product/service details
- • Pricing information
- • Business hours & policies
AI learns your business
📧 Lead Capture
- • Collect name, email, phone
- • Custom fields (company, budget)
- • When to ask (start, end, smart)
- • Required vs optional fields
- • Email notifications
- • Webhook to CRM
Never miss a qualified lead
🎤 Voice Settings
- • Voice selection (male/female)
- • Speaking speed
- • Language (30+ options)
- • Auto-detect visitor language
- • Tone (professional/friendly)
- • Response length preference
Sound like your brand
🔗 Integrations
- • CRM (Salesforce, HubSpot, etc.)
- • Calendar (Calendly, Cal.com)
- • Slack/Teams notifications
- • Zapier/Make webhooks
- • Google Analytics events
- • Custom API endpoints
Connect to your stack
All configuration happens in the no-code dashboard—no developer needed
Key Configuration Areas
Appearance
- • Widget position (corners, sides)
- • Colors (primary, secondary, text)
- • Button icon and label
- • Size and animations
Behavior
- • Auto-open timing
- • Custom greeting
- • Page-specific settings
- • Mobile vs desktop
Voice
- • Voice selection
- • Speaking speed
- • Language (30+ options)
- • Tone (professional/friendly)
Lead Capture
- • Fields to collect
- • When to ask
- • Required vs optional
- • Email notifications
5. Setting Up Your Knowledge Base
The knowledge base is what makes your voice AI actually useful. It's how Bolka learns about your business, products, services, and policies.
Method 1: Document Upload
Upload existing documents and Bolka extracts the information:
- • PDF files - Product catalogs, manuals, brochures
- • Word documents - Policies, procedures, FAQs
- • Text files - Any structured information
Method 2: Website Crawl
Bolka can automatically learn from your existing website:
- 1. Enter your website URL
- 2. Select pages to include/exclude
- 3. Click "Crawl" - Bolka reads and indexes content
- 4. Set schedule for automatic re-crawling
Method 3: Manual Q&A
Add specific question-answer pairs for common inquiries:
Q: What are your business hours?
A: We're open Monday through Friday 9 AM to 6 PM, and Saturday 10 AM to 4 PM. We're closed on Sundays.
Q: How much does shipping cost?
A: Shipping is free on orders over $50. For orders under $50, shipping is a flat $5.99.
💡 Knowledge Base Best Practices
- • Start with FAQs: Add your top 20 most common questions first
- • Include pricing: Users ask about pricing constantly—be specific
- • Add policies: Return policies, guarantees, shipping info
- • Update regularly: Keep information current, especially promotions
- • Test conversations: Talk to your AI and identify gaps
7. Analytics & Tracking
Bolka provides comprehensive analytics to help you understand engagement, optimize conversations, and measure ROI.
Analytics & Insights Dashboard
Total Conversations
2,847
↑ 23% vs last month
Engagement Rate
9.2%
vs 2-3% industry avg
Leads Captured
412
14.5% capture rate
Avg. Conversation
2:34
minutes
What You Can Track
📊 Conversation Metrics
Total conversations, duration, completion rate
👥 Visitor Insights
Device, browser, location, language
📧 Lead Analytics
Capture rate, quality score, source
❓ Top Questions
Most common visitor questions
📈 Conversion Funnel
Widget views → Engagement → Leads
📝 Transcripts
Full conversation history, searchable
⏰ Time Analysis
Peak hours, day-of-week patterns
🎯 Intent Detection
Support, sales, booking, info requests
📊 Custom Reports
Export CSV, scheduled reports
Send Data To
- • Google Analytics 4 (events)
- • Salesforce / HubSpot
- • Slack / Teams notifications
- • Zapier / Make webhooks
- • Custom API endpoint
- • Email digests (daily/weekly)
8. Frequently Asked Questions
How long does setup take?
Basic setup takes 5 minutes—just add one script tag. Full configuration with custom knowledge base, styling, and integrations typically takes 1-2 hours.
Does Bolka work on all websites?
Yes. If your website can load JavaScript (virtually all modern websites), Bolka works. This includes WordPress, Shopify, Wix, Squarespace, Webflow, custom HTML, React, Next.js, and any other platform.
How much does Bolka cost?
$79/month flat rate. This includes unlimited conversations, both Embed and Share, all languages, lead capture, analytics, and integrations. No per-minute charges, no usage caps.
Can I customize the appearance?
Yes. You can customize widget position, colors, button text, size, and animations through the no-code dashboard. Match your brand perfectly without any coding.
What languages are supported?
30+ languages including English, Spanish, French, German, Italian, Portuguese, Mandarin, Japanese, Korean, Arabic, Hindi, and more. Auto-detection available.
Does it affect website performance?
Minimal impact. The embed script loads asynchronously and is under 50KB. It doesn't block page rendering and only activates when visitors interact with the widget.
Ready to Add Voice AI to Your Website?
Setup takes 5 minutes. No phone infrastructure, no per-minute costs, no coding required.
$79/month flat. Unlimited conversations. Cancel anytime.