IMPORTANT: AI Usage Costs

This platform uses AI-powered features (content generation, subject line suggestions, analytics insights) that connect to external AI providers. AI API usage costs are NOT included in the purchase price. You will need to provide your own API keys and manage associated costs separately. Typical costs vary based on usage volume.


Live Demo

Demo URL: https://whatsflow.wrapcoders.com

Admin: admin@demo.com / Admin123!

User: user@demo.com / User123!


Installation & Customization Services Available

Thank you for choosing our product!

We are happy to offer professional installation and customization services to ensure your application runs smoothly and meets your business requirements.

Our Services Include:

  • Full App Installation & Setup
  • Server Configuration
  • Bug Fixing & Optimization
  • Feature Customization
  • UI/UX Modifications
  • Deployment Support

WhatsApp: Chat with us
Email: wrapcoders@gmail.com

Feel free to contact us anytime — we’re always here to support you!


WhatsFlow – The Ultimate WhatsApp Marketing, Automation & CRM SaaS Platform

WhatsFlow is a feature-complete, production-ready WhatsApp marketing and automation platform built with React 18, TypeScript, Tailwind CSS, and Supabase. It provides businesses with everything they need to automate customer engagement, manage sales pipelines, run bulk campaigns, and sell products directly through WhatsApp.

Core Modules

WhatsApp Integration

  • QR Code Connection – Connect your WhatsApp account by scanning a QR code
  • Connection Health Monitoring – Real-time status indicators and automatic reconnection
  • Full History Sync – Import all existing conversations and contacts
  • Contact Lookup – Verify if phone numbers have WhatsApp accounts
  • Test Message Sending – Send test messages before launching campaigns
  • Instance Management – Restart, refresh, and manage your WhatsApp instance
  • Real-time Message Notifications – Live WebSocket updates for incoming messages

Visual Flow Builder

  • Drag-and-Drop Interface – Built with React Flow for visual automation design
  • Trigger Nodes – Message Received, Keyword Trigger, New Contact, Order Event
  • Condition Nodes – If/Else branching, Has Tag, Time Check
  • Action Nodes – Send Message, AI Response, Quick Reply, Add Tag, Notify Team, Webhook, HTTP Request
  • Logic Nodes – Expression evaluation, Set Variable, Transform data
  • Delay Nodes – Wait for specified durations
  • Flow Templates Library – Pre-built templates for Support, Sales, and Onboarding
  • Testing Mode – Step-by-step execution simulation before deployment
  • Execution Dashboard – Monitor flow runs, success rates, and execution logs
  • Variable Context – Pass data between nodes with flow variables

AI Chatbots

  • Multiple AI Models – GPT-5, GPT-5 Mini, Gemini 2.5 Pro, Gemini 2.5 Flash, Gemini 3 Flash
  • Knowledge Base Integration – Upload documents for context-aware responses
  • Custom Instructions – Define bot personality and response guidelines
  • Intent Recognition – Train with custom phrases for routing
  • Human Handoff – Automatic transfer to agents via configurable keywords
  • Welcome & Fallback Messages – Customizable greeting and error responses
  • Vision Support – Analyze images sent by customers
  • Voice Input/Output – Speech-to-text and text-to-speech with 20+ language support
  • Markdown Rendering – Rich text responses with code highlighting
  • Conversation History – Full context awareness for follow-up questions
  • Real-time Typing Indicators – Visual feedback during AI processing
  • Chatbot Analytics – Track resolution rates, response times, and handoff counts
  • Interactive Testing Modal – Test chatbots before deployment

Bulk Campaign Sender

  • Campaign Creation Wizard – Step-by-step campaign builder
  • Rich Media Support – Images (up to 5MB), links, emojis
  • Template Personalization – Dynamic variables: {{name}}, {{phone}}, {{email}}, {{company}}, {{link}}
  • Contact List Selection – Target specific segments
  • Scheduling – Send immediately or schedule for later
  • Delivery Tracking – Real-time sent, delivered, and failed counts
  • Campaign History – Complete log of all campaigns with statistics
  • A/B Testing – Create test variants with different messages
  • Automated Winner Selection – Auto-declare winning variant based on engagement
  • Configurable Send Delay – Rate limiting between messages
  • Retry Failed Messages – Automatic retry for failed deliveries

Contact Management

  • Contact Lists – Organize contacts into segmented lists
  • Tag System – Batch add/remove tags for categorization
  • CSV Import – Bulk import contacts from spreadsheets
  • Spreadsheet Paste Import – Copy-paste directly from Excel/Sheets
  • CSV Export – Export contacts for backup or analysis
  • Inline Editing – Edit name, phone, email directly in the list
  • Segment Filtering – Filter by tags with Match Any/All logic
  • Contact Status – Active, inactive, blocked states

Leads Pipeline (CRM)

  • 7-Stage Kanban Board – New, Contacted, Qualified, Proposal, Negotiation, Won, Lost
  • Drag-and-Drop Cards – Move leads between stages visually
  • Lead Scoring – Automatic scoring based on engagement activities
  • Customizable Score Weights – Set points for WhatsApp responses, email opens, orders, etc.
  • Auto-Stage Transitions – Automatically promote leads based on score thresholds
  • Deal Value Tracking – Track potential revenue per lead
  • Expected Close Date – Forecast deal timing
  • Lead Assignment – Assign leads to team members
  • Assignment Email Notifications – Notify team members of new assignments
  • Lead Source Tracking – Know where each lead came from
  • Contact Timeline – Unified history of WhatsApp chats, orders, emails
  • Email Engagement Tracking – Track opens and clicks via tracking pixels
  • Lead Activities Log – Complete activity history per lead
  • Lost Reason Tracking – Understand why deals were lost
  • Lead Details Panel – Comprehensive sidebar with all lead information
  • Score Breakdown View – Visual breakdown of lead score components

Team Collaboration

  • Team Creation – Create teams with custom names
  • Role-Based Access – Owner, Admin, Member roles
  • Team Member Management – Add, remove, and manage team members
  • Lead Assignment to Teams – Assign leads to specific teams
  • Team-Based Lead Routing – Auto-assign based on team workload

Unified Inbox

  • Real-time Conversations – Live message updates via WebSocket
  • Conversation List – All chats with unread counts and last message preview
  • Search & Filter – Find conversations by name, phone, or content
  • Star Conversations – Mark important conversations for quick access
  • Mark as Resolved – Archive completed conversations
  • Tag Conversations – Organize with custom tags
  • Contact Panel – Side panel with contact details and metrics
  • Quick Reply Templates – Insert pre-written responses with one click
  • Template Personalization – Dynamic {{name}} substitution in quick replies
  • Product Offer Sending – Send formatted product offers from catalog
  • Product Recommendations – AI-powered suggestions based on lead stage and history
  • Quick Order Creation – Create orders directly from chat
  • Discount Code Application – Apply discount codes to orders
  • Contact Metrics – Message count, orders, avg response time, CSAT score
  • Block Contact – Block and archive problematic contacts
  • Mobile-Responsive Design – Full functionality on mobile devices

Sales Automation

  • Nurturing Sequences – Multi-step automated follow-up paths
  • Sequence Steps – Configure messages, delays, and actions
  • Trigger by Stage – Start sequences when leads enter specific stages
  • Pipeline Alerts – Notifications for stalled deals and milestones
  • Alert Conditions – Time-based and stage-based triggers
  • Lead Routing Rules – Auto-assign leads based on criteria
  • Routing Types – Round Robin, Least Busy, Skill-Based, Territory

Support Automation

  • Support Ticket System – Track and manage customer issues
  • Ticket Priorities – Low, Medium, High, Urgent levels
  • Ticket Status Tracking – Open, In Progress, Resolved, Closed
  • SLA Policies – Define response and resolution time targets
  • SLA Priority Tiers – Different SLAs for different priority levels
  • Escalation Rules – Auto-escalate unresolved issues
  • Escalation Actions – Notify, reassign, or flag tickets
  • Response Suggestions – AI-powered canned response recommendations
  • CSAT Surveys – Customer satisfaction surveys after resolution
  • Survey Types – Star ratings, numeric scales, emoji scales
  • Auto-Send Surveys – Trigger surveys after ticket resolution or conversation end

WhatsApp Store Builder

  • Product Catalog – Complete product management system
  • Product Types – Physical products, Services, Digital goods
  • Product Images – Multiple images per product with gallery view
  • Category Management – Hierarchical categories with parent-child relationships
  • Product Variants – Size, color, material with independent SKU/stock/price
  • Product Bundles – Create discounted product packages
  • Inventory Tracking – Stock levels with low-stock alerts
  • Inventory History – Track all stock changes with reasons
  • Product Reviews – Customer ratings and reviews system
  • Review Moderation – Approve/reject reviews before publishing
  • Bulk Product Actions – Mass activate, hide, or delete products
  • Product CSV Import/Export – Bulk data management
  • Product Filtering – Filter by category, price range, type, status
  • Product Details Page – Deep-link to individual product editing

Order Management

  • Order List – View all orders with status indicators
  • Order Status Tracking – Pending, Confirmed, Processing, Shipped, Delivered, Cancelled
  • Order Timeline – Visual status progression with timestamps
  • Shipping Management – Add tracking numbers and carrier information
  • Refund Processing – Process full or partial refunds
  • Order Notes – Internal notes per order
  • WhatsApp Order Confirmation – Automatic confirmation messages
  • Discount Code System – Fixed and percentage discounts
  • Discount Validation – Expiry dates, usage limits, minimum order amounts

Analytics Dashboard

  • Message Volume Stats – Total messages, delivery rates, open rates, click rates
  • Delivery Charts – Visualize sent, delivered, and failed messages over time
  • Engagement Charts – Track opens, clicks, and replies
  • Hourly Distribution – Best times to send messages
  • Channel Performance – Compare delivery rates across channels
  • Conversion Tracking – Message to order conversion rates
  • Flow Execution Stats – Monitor automation performance
  • Period Selection – 24 hours, 7 days, 30 days, 90 days
  • Campaign Analytics – Per-campaign performance metrics

Notification System

  • In-App Notifications – Real-time notification bell
  • Notification Types – Info, Success, Warning, Error
  • Read/Unread Status – Track which notifications have been viewed
  • Notification Details – Expandable details sheet
  • Deep Links – Click notifications to navigate to relevant pages
  • Email Notifications – Configurable email alerts
  • Notification Preferences – Toggle different notification types
  • Master Toggle – Enable/disable all notifications

URL Shortlinks

  • Create Shortlinks – Generate short URLs for tracking
  • Custom Short Codes – Define your own short codes
  • Click Tracking – Track click counts per link
  • Active/Inactive Status – Enable or disable links
  • Link Expiration – Set expiry dates for links
  • Copy to Clipboard – One-click URL copying

Webhooks

  • Webhook Endpoints – Configure external webhook URLs
  • Event Selection – Choose which events trigger webhooks
  • Event Types – Message received/sent, Contact created, Campaign completed, Order created/updated
  • Secret Key Authentication – Secure webhook verification
  • Active/Inactive Toggle – Enable or disable webhooks
  • Last Triggered Timestamp – Track webhook activity
  • Retry Logic – Automatic retry for failed webhook deliveries

API Management

  • API Key Generation – Create multiple API keys
  • Key Permissions – Granular permission settings
  • Rate Limiting – Configurable request limits per hour
  • Rate Limit Indicators – Visual warnings at 80% and 95% usage
  • Usage Logs – Track all API requests
  • Key Expiration – Set expiry dates for keys
  • Interactive API Docs – Code examples in cURL, JavaScript, Python
  • API Gateway – Secure proxy for all API requests

User Profile & Settings

  • Profile Management – Display name, phone, company
  • Avatar Upload – Profile photo with 5MB limit
  • Timezone Selection – 9 timezone options
  • Notification Preferences – Toggle email alerts per category
  • Lead Scoring Settings – Customize activity weights and thresholds
  • Auto-Stage Transition Toggle – Enable/disable automatic promotions

Admin Dashboard

  • User Management – View and manage all users
  • Role Assignment – Assign admin, user roles
  • System Settings – Configure platform-wide settings
  • System Stats – Platform usage metrics
  • Audit Logs – Track all administrative actions
  • RBAC Protection – Admin-only access control

PWA Support

  • Installable App – Add to home screen on mobile
  • Offline Capability – Basic offline functionality
  • App Icons – Custom 192x192 and 512x512 icons
  • Splash Screen – Branded loading screen
  • Install Banner – Prompt users to install the app

UI/UX Features

  • Dark/Light Theme – Full theme toggle support
  • Responsive Design – Mobile-first, works on all devices
  • Global Search – Search across contacts, conversations, products
  • Keyboard Shortcuts – Cmd/Ctrl+K for quick search
  • Toast Notifications – Non-intrusive success/error messages
  • Loading Skeletons – Smooth loading states
  • Collapsible Sidebar – Maximize workspace
  • Breadcrumb Navigation – Easy page hierarchy navigation

Technical Stack

  • Frontend: React 18, TypeScript, Tailwind CSS, shadcn/ui, React Query
  • Backend: Supabase (PostgreSQL, Auth, Edge Functions, Storage)
  • Real-time: Supabase Realtime subscriptions
  • WhatsApp: Evolution API integration
  • Email: Resend for transactional emails
  • Charts: Recharts for analytics visualizations
  • Flow Builder: React Flow (@xyflow/react)

20+ Edge Functions

  • api-gateway, chatbot-ai, dispatch-webhooks
  • email-tracking-webhook, evolution-proxy, evolution-webhook
  • execute-flow, monitor-sla, notify
  • process-ab-tests, process-scheduled-campaigns, process-sequences
  • retry-failed-messages, retry-failed-webhooks
  • send-bulk-whatsapp, send-campaign-notification
  • send-lead-assignment-email, send-whatsapp
  • sync-whatsapp-conversations, twilio-webhook, whatsapp-health-check

Requirements

  • Node.js 18+ and npm/yarn/bun
  • Supabase account (free tier works)
  • Evolution API instance (for WhatsApp)
  • Resend account (for emails – optional)

What's Included

  • Complete source code (frontend + backend)
  • Database schema and migrations
  • Comprehensive documentation
  • Edge function source code
  • Flow templates library
  • 6 months of support

Perfect For

  • Marketing agencies managing client WhatsApp campaigns
  • E-commerce businesses selling via WhatsApp
  • SaaS entrepreneurs launching WhatsApp automation tools
  • Customer support teams automating responses
  • Sales teams managing pipelines and leads

Installation & Customization Services Available

Thank you for choosing our product!

We are happy to offer professional installation and customization services to ensure your application runs smoothly and meets your business requirements.

Our Services Include:

  • Full App Installation & Setup
  • Server Configuration
  • Bug Fixing & Optimization
  • Feature Customization
  • UI/UX Modifications
  • Deployment Support

WhatsApp: Chat with us
Email: wrapcoders@gmail.com

Feel free to contact us anytime — we’re always here to support you!

Find more items like this