WP Manifestindependent plugin directory
manifest / forms / voice-form-filler

Voice Form Filler

Voice Filter Form Wordpress Plugin

by Haziq · github.com/haziqfaruqi/voice-form-filler · website

★ 0stars
0forks

Install

No release zip yet. The repository archive installs, but the folder name will carry the branch suffix and updates will not flow:

wp plugin install https://github.com/haziqfaruqi/voice-form-filler/archive/refs/heads/main.zip
Readme github.com/haziqfaruqi/voice-form-filler ↗

Voice Form Filler — WordPress Plugin

Add a voice input button to any Contact Form 7 form. User speaks once, Claude AI fills all fields automatically.

Requirements

  • WordPress 6.0+
  • Contact Form 7
  • Claude API key (free tier available)
  • Chrome, Edge, or Safari (Web Speech API)

Installation

  1. Upload voice-form-filler folder to /wp-content/plugins/
  2. Activate plugin
  3. Go to Settings → Voice Form Filler
  4. Enter your Claude API key
  5. Done — voice button appears automatically on all CF7 forms

Get a Claude API Key

  1. Go to https://console.anthropic.com
  2. Sign up / log in
  3. Click API Keys → Create Key
  4. Copy and paste into plugin settings

How it works for the user

  1. User sees the "Speak to Fill" button above the form
  2. User clicks it — browser asks for microphone permission
  3. User speaks naturally, e.g.:

    "My name is Ahmad, my email is ahmad@gmail.com, phone is 0123456789, and my message is I need a quote for a website"

  4. Claude extracts name, email, phone, message from the speech
  5. All fields are filled automatically and highlighted green
  6. User reviews and clicks Submit

Settings

Setting Description
Claude API Key Required — get from console.anthropic.com
Button Label Text on the mic button (default: "Speak to Fill")
Button Position Before or after the form
Speech Language en-MY, en-US, ms-MY, zh-CN, ta-IN
Accent Color Button color
Show Transcript Show what the user said below the button

Browser Support

Web Speech API works in:

  • Chrome / Chromium ✅
  • Edge ✅
  • Safari (iOS + macOS) ✅
  • Firefox ❌ (not supported)

CF7 Field Names

The plugin auto-detects field names from your CF7 form. Standard CF7 field names like your-name, your-email, your-message, your-phone work out of the box. Custom field names also work — Claude reads the field labels to understand what each field is for.

Example CF7 form

[text* your-name placeholder "Full Name"]
[email* your-email placeholder "Email Address"]
[tel your-phone placeholder "Phone Number"]
[textarea your-message placeholder "Your Message"]
[submit "Send"]

User says: "My name is Haziq bin Abdullah, email haziq@gmail.com, phone 0123456789, message is I want to know about your web development packages"

Claude fills:

  • your-name → "Haziq bin Abdullah"
  • your-email → "haziq@gmail.com"
  • your-phone → "0123456789"
  • your-message → "I want to know about your web development packages"