FormFlow
Sign In

React Support Ticket Form

Collect support requests with category selection, priority levels, and descriptions. Perfect for help desks and customer support.

Installation

npm install @formflow.sh/react

Basic Usage

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

function Support() {
  return (
    <SupportTicketForm
      apiKey="ff_live_xxx"
      categories={['Bug Report', 'Feature Request', 'Question', 'Other']}
      priorities={['Low', 'Medium', 'High', 'Urgent']}
    />
  );
}

Props

PropTypeDefaultDescription
apiKeystring-Your FormFlow API key
categoriesstring[]-Ticket categories
prioritiesstring[]["Low", "Medium", "High"]Priority levels
showPrioritybooleantrueShow priority selector
theme"minimal" | "modern" | "brutalist" | "glass""minimal"Visual theme

Form Fields

  • Name - Customer name (required)
  • Email - Customer email (required)
  • Subject - Ticket subject (required)
  • Category - Issue category dropdown
  • Priority - Priority level (optional)
  • Description - Detailed description (required)

Webhook for Ticket Routing

Use webhooks to send tickets to your help desk software:

// Webhook payload
{
  "event": "submission.created",
  "submission": {
    "name": "John Doe",
    "email": "john@example.com",
    "subject": "Cannot login",
    "category": "Bug Report",
    "priority": "High",
    "description": "I get an error when..."
  }
}

Integrations

  • Slack - Get notified in a channel
  • Discord - Post to support channel
  • Zendesk - Create tickets via webhook
  • Linear - Create issues via webhook

Related

React Support Ticket Form - FormFlow | FormFlow