React Quote Request Form

Name: FormFlow
Rating: 4.9 (50 reviews)
Author: FormFlow

Collect quote requests with service selection, budget ranges, and project details. Perfect for agencies, freelancers, and B2B services.

Installation

npm install @formflow.sh/react

Basic Usage

import { QuoteRequestForm } from '@formflow.sh/react';

function GetQuote() {
  return (
    <QuoteRequestForm
      apiKey="ff_live_xxx"
      services={['Web Development', 'Mobile App', 'UI/UX Design', 'Consulting']}
      budgetRanges={['$1k-5k', '$5k-10k', '$10k-25k', '$25k-50k', '$50k+']}
    />
  );
}

Props

Prop	Type	Default	Description
`apiKey`	string	-	Your FormFlow API key
`services`	string[]	-	Services you offer
`budgetRanges`	string[]	-	Budget range options
`showCompany`	boolean	true	Show company field
`showTimeline`	boolean	true	Show timeline field
`theme`	"minimal" \| "modern" \| "brutalist" \| "glass"	"minimal"	Visual theme

Form Fields

Name - Contact name (required)
Email - Contact email (required)
Company - Company name (optional)
Phone - Phone number (optional)
Service - Service selection
Budget - Budget range
Timeline - Project timeline (optional)
Description - Project description

Multi-Select Services

<QuoteRequestForm
  apiKey="ff_live_xxx"
  services={['Web Development', 'Mobile App', 'Design', 'SEO']}
  multiSelect={true}
  budgetRanges={['$5k-10k', '$10k-25k', '$25k+']}
/>

Lead Qualification

The budget field helps pre-qualify leads before you respond. Set up webhooks to route high-value leads to different channels.

CRM Integration

Send leads directly to your CRM using webhooks:

HubSpot - Create contacts and deals
Salesforce - Create leads
Pipedrive - Create deals
Notion - Add to database

ContactForm - Simple contact
BookingForm - Book appointments