Transform boring, traditional web forms into highly engaging chat experiences. Designed specifically to increase lead generation on agency, portfolio, and consultancy websites, this component lets you build multi-step conversational flows directly within the Framer canvas.Core Features:
Unlimited Dynamic Questions: Add as many steps as you need directly from the properties panel.
10 Input Types Supported: Choose from Text, Email, Large Textarea, Date, Number, Phone, File Upload, Dropdown, Radio Buttons, and Multi-Checkboxes.
Smart Variable Tagging: Create a personalized experience by reusing a user's previous answers in future prompts (e.g., "Nice to meet you, [name]!").
Smart Auto-Save: Automatically saves chat progress locally so users never lose their spot if they refresh the page.
Engaging UI/UX: Features smooth auto-scrolling, realistic typing indicators, and integrated avatar support for both the bot and the user.
Ultimate Customization:
1-Click Themes: Switch instantly between polished Light and Dark modes, or select "Custom" to unlock full color control.
Granular Element Styling: Isolated property blocks give you complete control over Bot Bubbles, User Bubbles, the Input Bar, the Submit Button, and Grid Choices.
Advanced Fused Layouts: Toggle between symmetric or mixed layouts to set exact pixel values for edge padding (Top, Right, Bottom, Left) and corner radiuses (TL, TR, BR, BL) on every single UI element independently.
Seamless Integrations:
Dual Database Support: Choose your preferred backend directly from the dropdown. Features native, zero-code routing for both Formspark (Workspace ID) and Web3Forms (Access Key).