FlowForm.to

<!-- Generic Mode: Email in hidden field -->
<!-- Use /submit path (not root /) -->

<form action="https://flowform.to/submit" method="POST">
  <!-- Where to send submissions (hidden from users) -->
  <input type="hidden" name="_to" value="your@email.com">
  
  <input type="text" name="name" placeholder="Your name" required>
  <input type="email" name="email" placeholder="Your email" required>
  <textarea name="message" placeholder="Your message"></textarea>
  
  <button type="submit">Send Message</button>
</form>

<!-- Flow Mode: Creates leads in FoxFlow -->
<!-- Get your token at foxflowleads.com/register -->

<form action="https://flowform.to/f/YOUR_TOKEN_HERE" method="POST">
  <input type="text" name="firstName" placeholder="First Name" required>
  <input type="text" name="lastName" placeholder="Last Name">
  <input type="email" name="email" placeholder="Email" required>
  <input type="tel" name="phone" placeholder="Phone">
  <textarea name="message" placeholder="Message"></textarea>
  
  <!-- Hidden fields for tracking (included in lead data) -->
  <input type="hidden" name="source" value="website-contact-page">
  
  <!-- Special fields (underscore prefix = control behavior) -->
  <input type="hidden" name="_cc" value="manager@company.com">
  
  <button type="submit">Submit</button>
</form>

<!-- Tip: Use JavaScript to auto-set source URL -->
<script>
document.querySelector('[name="source"]').value = window.location.href;
</script>

<!-- Create a field for ANYTHING - FlowForm is infinitely flexible -->
<!-- Use ANY field type: text, select, checkboxes, radio, date, range, etc -->

<form action="https://flowform.to/f/YOUR_TOKEN" method="POST">
  <!-- Standard fields -->
  <input type="text" name="name" placeholder="Full Name" required>
  <input type="email" name="email" placeholder="Email" required>
  
  <!-- Dropdown select -->
  <select name="interest" required>
    <option value="">What are you interested in?</option>
    <option value="consulting">Consulting</option>
    <option value="development">Development</option>
    <option value="design">Design</option>
  </select>
  
  <!-- Checkboxes (multiple selections) -->
  <label>Services needed:</label>
  <label><input type="checkbox" name="services" value="web-dev"> Web Development</label>
  <label><input type="checkbox" name="services" value="seo"> SEO</label>
  <label><input type="checkbox" name="services" value="marketing"> Marketing</label>
  <label><input type="checkbox" name="services" value="branding"> Branding</label>
  
  <!-- Radio buttons (single selection) -->
  <label>Budget range:</label>
  <label><input type="radio" name="budget" value="0-5k"> $0-5k</label>
  <label><input type="radio" name="budget" value="5k-20k"> $5k-20k</label>
  <label><input type="radio" name="budget" value="20k+"> $20k+</label>
  
  <!-- Date picker -->
  <label for="start_date">Preferred start date:</label>
  <input type="date" name="start_date">
  
  <!-- Range slider -->
  <label for="urgency">Project urgency (1-10):</label>
  <input type="range" name="urgency" min="1" max="10" value="5">
  
  <!-- Number input -->
  <input type="number" name="team_size" placeholder="Team size" min="1">
  
  <!-- Custom field names - use ANYTHING that makes sense for your business -->
  <input type="text" name="insurance_provider" placeholder="Insurance Provider">
  <input type="text" name="property_address" placeholder="Property Address">
  <input type="text" name="vehicle_year_make_model" placeholder="Vehicle (Year/Make/Model)">
  
  <button type="submit">Submit</button>
</form>

<!-- PRO TIP: Combine with JavaScript for dynamic, adaptive forms -->
<!-- Show/hide fields based on user selections -->
<!-- Add animations and step-by-step experiences -->
<!-- FlowForm handles the backend - you control the UX! -->

<!-- File Uploads (Pro/Unlimited) -->
<!-- IMPORTANT: Add enctype="multipart/form-data" -->

<form action="https://flowform.to/f/YOUR_TOKEN" 
      method="POST" 
      enctype="multipart/form-data">
  
  <input type="text" name="name" placeholder="Full Name" required>
  <input type="email" name="email" placeholder="Email" required>
  <input type="tel" name="phone" placeholder="Phone">
  
  <!-- File upload fields -->
  <label>Insurance Card (front):</label>
  <input type="file" name="insurance_front" accept="image/*,.pdf">
  
  <label>Insurance Card (back):</label>
  <input type="file" name="insurance_back" accept="image/*,.pdf">
  
  <label>Additional Documents:</label>
  <input type="file" name="documents" accept="image/*,.pdf" multiple>
  
  <button type="submit">Submit</button>
</form>

<!-- File Limits: 10MB per file, 5 files max, 25MB total -->
<!-- Supported: JPEG, PNG, WebP, GIF, HEIC/HEIF, PDF -->
<!-- EXIF metadata is automatically stripped -->