Time Technologies LLC
Law Firm Intake Form

Premium embeddable Web Component for law firms

Live Demo

Try the form below. This is a fully functional example.

Code Generator

Customize your form and generate the embed code.

Get your endpoint from Formspree.io
Controls the entire element width. Leave empty for auto. Accepts px, %, em, rem, etc.
Controls the entire element height. Leave empty for auto. Accepts px, %, vh, em, rem, etc.
Default: 600px. Accepts px, %, em, rem, etc.
Leave empty for auto. Accepts px, %, em, rem, etc.

Live Preview

Generated Code

Style Examples

See different style configurations in action.

Default Theme

Dark Theme

Branded Theme

Setup Guide

Step 1: Get Your Form Backend

  1. Go to Formspree.io and create a free account
  2. Click "New Form"
  3. Copy your form URL: https://formspree.io/f/abc123xyz

Alternative services: Basin, Getform, FormKeep, Formcarry (all work the same way)

Step 2: Add to Your Website

Add this script tag to your HTML (before the closing </body> tag):

<script src="https://cdn.yourservice.com/v1/law-intake-form.js"></script>

Then add the form component where you want it to appear:

<law-intake-form
  api-endpoint="YOUR_FORMSPREE_URL_HERE"
  practice-area="personal-injury"
  primary-color="#1e40af">
</law-intake-form>

Step 3: Customize

Use attributes to customize the form appearance:

  • api-endpoint - Your Formspree URL (required)
  • practice-area - Pre-select practice area
  • primary-color - Button and active state color
  • background-color - Form background color
  • text-color - Text color
  • accent-color - Progress bar and links
  • font-family - Custom font
  • border-radius - Roundness in pixels
  • success-message - Custom success message
  • redirect-url - Redirect after submission

Step 4: Test

Submit a test form to verify everything works. Check your Formspree dashboard to see the submission.

Compatible With:

  • ✓ WordPress
  • ✓ Wix
  • ✓ Squarespace
  • ✓ Webflow
  • ✓ Custom HTML
  • ✓ React
  • ✓ Vue
  • ✓ Any framework