Tutorials 4 min read•2026-11-08

How to Add a Voice Message Field to a Framer Form (No Storage Setup)

Let visitors record a voice message right inside your native Framer form. They record, play it back and send; you get a private link to the audio next to the other answers. Works on iPhone, Chrome and Firefox.

Dong Trinh

Dong Trinh

Lead Architect at FramerSend

How to Add a Voice Message Field to a Framer Form (No Storage Setup)

Some answers are easier to say than to type: a project brief, feedback on a design, a testimonial, a question in a language the visitor doesn't write well. Voice Recording adds a voice message field to your native Framer form, so visitors can just talk.


Why add a voice message to a form

  • Testimonials and reviews that sound like real people.
  • Project briefs for agencies and freelancers: two minutes of talking says more than a long text box.
  • Support and feedback, especially on phones, where typing is slow.
  • Auditions, language schools and coaching, where hearing the voice is the point.

How Voice Recording works

  1. The visitor clicks Record. They see the time and a level meter while they speak.
  2. They click Stop, then can play it back, record again or delete it.
  3. The recording uploads straight from their browser to storage. Your form gets a private link to the audio as the value of the field.
  4. When they send the form, the link arrives next to the other answers, in your email, Google Sheet, CRM or any other connector.

The form waits while a recording is running or uploading, so nobody sends a form with half a message.


Set it up in three steps

  1. Select your Form on the Framer canvas and open the Voice Recording plugin. Sign in with FramerSend and pick your form.
  2. Click Insert voice recording. In the right panel, set the field name, label, max length and button texts.
  3. Publish your site.

Where the recordings are kept

With no setup, recordings go to FramerSend storage with private links, kept for 90 days. If you want them in your own storage, connect AWS S3 (or Cloudflare R2, DigitalOcean Spaces), Google Drive or Supabase Storage to the form. The audio goes directly from the visitor's browser to the storage; it never passes through FramerSend's servers.

The same storage is used by File Upload, so voice messages and attached files end up in one place.


Options

  • Max length: 2 minutes by default. The recording stops by itself and uploads.
  • Required: the form can't be sent without a recording.
  • Upload an audio file link for visitors who already have a recording.
  • Texts: label, every button and every message, so the field speaks your language.
  • Style: font, colors, radius and padding.

Chrome, Edge and Firefox record WebM audio; Safari on iPhone, iPad and Mac records M4A. The microphone is only asked for when the visitor clicks Record.


What we tested on a live site

We published a Framer form with Name, Email and a Voice Recording field, recorded a message, and sent the form. The recording uploaded, the field got its private link, and the link arrived with the submission next to Name and Email. Framer showed its normal "Thank you" message. Our automated checks also cover re-recording, deleting, the max length, a blocked or missing microphone, a required field and Safari's audio format.

Voice Recording is included in every plan with all 110+ connectors, from $5/month and free for 14 days. Browse the other form fields for Framer.

Frequently asked questions

Can a Framer form record audio?

Not on its own. Voice Recording adds a field to your native Framer form where visitors click Record, speak, play it back and send. Your form receives a private link to the audio under the field name you choose.

Do I need to set up storage for the recordings?

No. Recordings go to FramerSend storage by default, with private links kept for 90 days. You can connect your own AWS S3, Cloudflare R2, DigitalOcean Spaces, Google Drive or Supabase Storage instead.

Does it work on iPhone?

Yes. Safari on iPhone, iPad and Mac records M4A audio; Chrome, Edge and Firefox record WebM audio. If the microphone is blocked or missing, the visitor sees a clear message.

When is the microphone used?

Only after the visitor clicks Record, and it is released as soon as the recording stops. Nothing is recorded in the background.

How long can a recording be?

2 minutes by default, and you can change it. The recording stops by itself at the limit and uploads.

Is Voice Recording included in my plan?

Yes. It's included in every FramerSend plan, from $5/month, with a 14-day free trial and no card.

⚡ Every connector included • From $5/mo

Connect Framer to 100+ CRMs in 60 seconds

14-day free trial, no card needed. Copy your Submit URL and paste straight into Framer.