Documentation

Overview

Welcome to Embeddable! This guide will help you create, customize, and deploy powerful embeddable widgets using our revolutionary AI Chat system that can be integrated into any website.

What are Embeddables?

Embeddables are interactive widgets that you can build using natural language and integrate into any website or application. They provide powerful functionality like:

  • Contact Forms: Capture leads and customer inquiries with smart validation
  • Surveys & Polls: Collect user feedback and data with conditional logic
  • Calculators: Interactive tools and configurators for users
  • Chat Interfaces: Customer support and engagement widgets
  • Custom Applications: Tailored solutions built with AI prompts

Quick Start

1. Build with AI Chat

  1. Sign up for an account and log in to your dashboard
  2. Click "Create New Embeddable" to start building
  3. Describe what you want in natural language to the AI Chat
  4. Watch the AI build your embeddable in real-time
  5. Refine with follow-up prompts until it's perfect

2. Customize with the Editor Panel

  • Content Tab: Edit text, labels, and placeholders instantly
  • Design Tab: Adjust colors, themes, and global styling
  • Settings Tab: Configure behavior, validation, and functionality
  • No AI tokens used - make unlimited quick edits

3. Enhance and Deploy

Once your embeddable is ready:

  1. Add integrations to connect with external services
  2. Use the Target tool for precise visual styling
  3. Publish your changes to make them live
  4. Get the embed code and add it to your website

Key Features

AI-Powered Building

Build complex embeddables using simple natural language prompts. No coding knowledge required - just describe what you want and watch the AI create it.

Editor Panel (CMS)

Make quick edits without using AI tokens. The Editor Panel is dynamically generated based on your embeddable's structure, giving you exactly the controls you need.

Target Tool

Visually select any element on your embeddable and instantly open its design settings. Perfect for precise styling and customization.

Built-in Database

Every embeddable automatically gets a secure database that evolves with your design. View, edit, and export submissions with ease.

Multiple Chat Threads

Organize your work by creating separate chat threads for different tasks - one for building, one for styling, one for features.

Revert System

Made a change you don't like? Easily roll back to any previous version in your chat history with one click.

Common Use Cases

Lead Generation: Create contact forms with smart validation that integrate with HubSpot, Mailchimp, and other CRM tools.

Customer Feedback: Build surveys with conditional logic and real-time analytics integration.

E-commerce: Add product configurators, booking systems, and payment processing with Stripe.

Support: Implement chat widgets with Slack notifications and automated email responses.

Analytics: Track user interactions with Google Analytics, Mixpanel, and custom webhooks.

Learning Resources

Essential Guides

Next Steps

  1. Start Building: Use the AI Chat to describe your first embeddable
  2. Personalize: Add your website URL for tailored suggestions
  3. Connect Services: Set up integrations for automation
  4. Deploy & Monitor: Embed on your site and track performance

Ready to build your first embeddable? Create a new embeddable and start exploring the possibilities with AI-powered building!

On this page