ChatFlow - Conversational Form Builder for Craft CMS

Transform boring web forms into engaging, WhatsApp-like conversations. ChatFlow brings the familiar chat interface to your Craft CMS forms, increasing completion rates and creating a delightful user experience.

Why ChatFlow?

Traditional forms overwhelm users with all questions at once. ChatFlow shows one question at a time, keeping users focused and reducing cognitive load. Everyone knows how to chat - leverage this familiarity for better conversions.

Key Features

💬 Conversational Interface

• Progressive disclosure (one question at a time)
• Real-time validation
• Optional questions with skip buttons
• Mobile-first, touch-friendly design
• Multiple field types: text, email, phone, textarea, multiple choice, date picker

🎨 Fully Customizable

• Avatar styles: solid color, gradient, or custom image
• Brand colors with automatic text contrast
• Custom initials for chat avatar
• CSS variables for complete theming control

🌍 Multi-Site & Multi-Language

• Full Craft CMS multi-site support
• Translate question text, placeholders, and options per site
• Easy site switching in the editor
• Automatic fallback to primary site
• Control panel in EN, NL, DE, FR, ES

📧 Multi-Channel Notifications

• Email: Multiple recipients, beautiful HTML templates
• Slack: Direct channel notifications via webhooks
• Microsoft Teams: MessageCard format integration
• Custom Webhooks: Zapier, Make.com, or any service
• Form-level or global configuration

🛡️ Built-in Spam Protection

• Honeypot fields (catch bots automatically)
• Time-based validation (too fast = bot, too slow = expired)
• JavaScript token validation
• Rate limiting per IP address
• Zero configuration required - works out of the box
• Fully customizable thresholds

🔧 Developer-Friendly

Simple template tag:

<button id="contactButton">Get in Touch</button>
{{ craft.chatflow.modal('contactForm', 'contactButton') }}

Headless API for AJAX submissions:

await fetch('/actions/chatflow/submit/submit', {
    method: 'POST',
    body: JSON.stringify({ formHandle: 'contact', data: {...} })
});

Additional features:

• Service-based architecture for easy extension
• CSS custom properties for theming
• Built-in webhook tester
• Clean MVC pattern

📊 Submission Management

• Centralized dashboard with all submissions
• Filter by form
• CSV export
• IP address and user agent tracking

Perfect For

• Contact Forms: Conversational inquiries instead of intimidating forms
• Lead Generation: Qualify leads through natural dialogue
• Event Registration: Smooth attendee information collection
• Surveys: Higher response rates with engaging interface
• Appointment Booking: Collect details conversationally
• E-Commerce: Product inquiries and custom orders
• Real Estate: Property inquiries and viewings

What's Included

✅ Unlimited forms, questions, and submissions ✅ All field types ✅ Built-in spam protection ✅ Multi-site & multi-language support ✅ Email, Slack, Teams, and custom webhook notifications ✅ CSV export ✅ All customization options ✅ Lifetime updates (with optional $9/year renewals)

Technical Details

• Craft CMS 5.0+ and PHP 8.2+
• Zero dependencies (no jQuery)
• Responsive and accessible (WCAG-compliant)
• Performance optimized
• Project config support

Pricing

$39 USD one-time purchase + $19/year optional renewals

No subscriptions, no recurring fees. Buy once, use forever.

Get Started

1. composer require totalwebcreations/chatflow
2. Install the plugin in Craft CMS
3. Create your first conversational form
4. Add one line of code to your template
5. Watch your completion rates soar!

---

Created by TotalWebCreations Turning boring forms into delightful conversations ✨