Documentation
Complete documentation for creating, customizing, and deploying powerful embeddable widgets with AI-powered building tools.
Welcome to Embeddable's comprehensive documentation! Here you'll find everything you need to build, customize, and deploy powerful embeddable widgets using our AI-powered platform.
What You Can Build
Create interactive embeddables that can be embedded on any website using our AI Chat system. From simple contact forms to complex applications, build anything with natural language prompts.
Embeddable Types
- Forms & Surveys: Lead capture, feedback collection, and data gathering
- Interactive Tools: Calculators, configurators, and utilities
- Communication: Chat interfaces and support widgets
- E-commerce: Product selectors, booking systems, and shopping tools
- Analytics: Data collection and user tracking embeddables
Getting Started
New to Embeddable? Start with these essential guides:
📚 Getting Started
Learn the fundamentals of creating your first embeddable using the AI Chat, customizing its design with the Editor Panel, and deploying it to your website.
Core concepts:
- Building with AI Chat prompts
- Using the Editor Panel for quick edits
- Personalizing with your website analysis
- Publishing and embedding your creations
📖 How-To Guides
Step-by-step tutorials covering every aspect of the platform, from basic building to advanced features.
Popular guides:
- How to Use the AI Chat Editor
- How to Get the Embed Code
- How to Use Integrations
- How to Publish Changes
Integrations & Services
🔗 Integrations
Connect your embeddables with 18+ external services to extend functionality and automate workflows.
Categories:
- AI Tools: Anthropic Claude, OpenAI GPT, Google Gemini
- Analytics: Google Analytics, Mixpanel, Segment, Facebook Pixel, TikTok Pixel
- Email & Notifications: Mailchimp, Mailgun, Resend, Slack, Embeddable Emails
- Marketing: HubSpot, Klaviyo, Mailchimp Marketing
- Other: Stripe, Notion, Google Sheets, Airtable, SocialKit, Webhooks
Building with AI
AI Chat System
Build embeddables using natural language prompts. Simply describe what you want, and the AI will create it for you.
Key features:
- Natural language building
- Real-time preview as you build
- Multiple chat threads for organization
- Contextual suggestions for next steps
Editor Panel
Make quick edits without using AI tokens:
- Content editing (text, labels, placeholders)
- Design adjustments (colors, themes, styling)
- Settings configuration (behavior, functionality)
- Dynamically generated based on your embeddable
Advanced Tools
- Target Tool: Visually select and style any element
- Revert System: Roll back to any previous version
- Media Manager: Upload and manage files for your embeddables
- Built-in Database: Automatic data storage that evolves with your embeddable
Platform Features
🏢 Platform Guides
Deploy your embeddables on popular platforms and website builders.
Responsive & Fast
- Automatically responsive on all devices
- Lightweight and optimized loading
- Lazy loading for better performance
- Minimal impact on host websites
Data Management
- Built-in database for form submissions
- CSV export functionality
- Real-time data viewing and editing
- Automatic schema updates
Quick Start Workflow
- Start with AI Chat: Describe your embeddable in natural language
- Refine with Editor: Make quick adjustments using the Editor Panel
- Style with Target: Fine-tune design elements visually
- Connect Integrations: Add external services and automations
- Publish & Embed: Deploy to your website with a simple script tag
Need Help?
Essential Resources
- 📖 How-To Guides - Step-by-step tutorials for every feature
- 🔗 Integrations - Connect with 18+ external services
- 🏢 Platform Guides - Deploy on popular website builders
Common Workflows
- Building your first embeddable
- Setting up email notifications
- Managing data with the database
- Using multiple chat threads
Ready to start building? Head over to our Getting Started guide or explore our comprehensive How-To Guides to master every feature of the platform.