Contact Form 7 add on

Put media inside your forms

Media Fields for Contact Form 7 adds five field types Contact Form 7 does not ship with: video, audio, 3D models, image galleries and page turning PDFs. Show the work at the moment someone decides whether to get in touch, without sending them to another page.

Free and open source. Works with Contact Form 7 6.0 and newer. See the live demos.

[video] [audio] [3d_models] [gallery] [pdf_flipbook]
5Field types
FreeOn WordPress.org
0Lines of code needed
Self hostedNo CDN calls, no tracking

Why it matters

The form is where people decide

A visitor who has to open a new tab to watch your video, or download a PDF to see your prices, often does not come back to finish the form. Contact Form 7 handles the questions well, but it has no way to show anything. That is the gap this plugin fills.

Five fields

Everything you can drop into a form

Each one is a normal Contact Form 7 form tag, with its own button in the form editor.

Show the tour, then take the booking

Self hosted MP4 and WebM, YouTube or Vimeo, played through an accessible player you control: poster image, accent colour, captions, speed and quality menus, and any combination of controls.

Estate agents, studios, venues, agencies.

Try the live demo →
A studio tour video above a booking form

Let them hear it before they ask

MP3, M4A, OGG, WAV and FLAC in the same accessible player, with artist and album metadata so it appears properly on a phone lock screen.

Podcasts, voice work, coaching, clinics.

Try the live demo →
An episode player above an enquiry form

Spin the product, then quote it

An interactive glTF or GLB model with orbit, zoom, auto rotate, labelled hotspots and a "View in your room" button on phones that support augmented reality.

Made to order furniture, signage, fabrication, retail.

Try the live demo →
A 3D product model above a quote request form

Show the work before the quote request

Grid, masonry, justified rows or a carousel, with captions and a built in lightbox. Pair it with a dropdown so people tell you exactly which job or piece they mean.

Builders, photographers, designers, landscapers.

Try the live demo →
An image gallery inside an enquiry form

Put the catalogue in the form

A real page turning PDF with zoom, fullscreen and an optional download, or a plain scrolling mode. Useful when you want the document read rather than downloaded and forgotten.

Wholesalers, manufacturers, schools, hotels.

Try the live demo →
A page turning catalogue above a wholesale request form

How it works

Three steps, no code

Step one

Open your form

Edit any Contact Form 7 form. Five new buttons sit next to the ones you already use.

Step two

Pick your options

Choose the file, then set anything you want in a dialog. The form tag is written for you.

Step three

Insert and save

Drop the tag anywhere in the form, above the fields or between them. That is the whole setup.

A generator for every field

Every option is a labelled control in the editor, so you never have to remember syntax. The 3D field alone exposes more than sixty options, from camera orbit to augmented reality mode.

Shown here: the 3D model generator with its camera options open.

The 3D model form tag generator in the Contact Form 7 editor

Set your defaults once

A settings screen with one panel per field type. Set the accent colour, the controls, the layout and the loading behaviour once, and every form follows. Turn off any field you do not use.

Shown here: the settings screen with the introduction video.

The plugin settings screen

Getting started

Watch the step by step tutorial

Open a form, build your first video field with the tag generator, put the form on a page, then add audio and a PDF and set your defaults. The whole walkthrough, start to finish.

Play the tutorial

Under the hood

Built the way you would want it built

Small details that decide whether a plugin is pleasant to live with.

1

Nothing loads until it is needed

Scripts are only queued on pages where a media field actually renders, and PDFs and 3D models wait until they scroll into view.

2

No third party calls

Every library ships with the plugin. Nothing is fetched from a CDN, and the dashboard video stays a still image until you press play.

3

Accessible players

Keyboard control, screen reader labels, captions and a reduced motion setting that is respected rather than ignored.

4

Every option exposed

The full option set of both underlying libraries is available as form tag options, not a curated subset.

5

Translation ready

All strings are translatable, with a POT file included and the text domain matching the plugin slug.

6

Clean uninstall

The plugin stores one option. Tick a box and it removes even that when you delete the plugin.

Live demos

Try a real form for your kind of business

Each demo is a working Contact Form 7 form on this site, built for one scenario. Play the media, spin the model, turn the pages, then submit the form to see how it behaves.

Screenshots

See it in the editor and on the page

The settings screen, the tag generators and every field type rendered inside a live Contact Form 7 form. Click any image to enlarge it.

From the community

What people are saying

The plugin is new. As reviews come in on WordPress.org we will put them here.

Replace with a real review once you have one.

Name, role

Replace with a real review once you have one.

Name, role

Replace with a real review once you have one.

Name, role

Leave a review

Questions

Frequently asked questions

Is it really free?

Yes. The plugin is on WordPress.org under the GPL, with every field included. There is no locked field and no upsell inside the settings screen.

Does the media get submitted with the form?

No. These fields display media, they do not collect it, so there is no mail tag for them. Input fields that do collect something, such as a signature field, are on the roadmap.

Will it slow my site down?

Scripts load only on pages where a media field renders, and heavy fields wait until they are near the viewport. A page with no media field loads nothing extra.

Do I need to know the form tag syntax?

No. Each field has a generator in the Contact Form 7 editor that writes the tag for you. You can still type tags by hand if you prefer.

Which file types are supported?

MP4, WebM and Ogg for video, plus YouTube and Vimeo. MP3, M4A, OGG, WAV and FLAC for audio. glTF and GLB for 3D, with USDZ for augmented reality on iOS. JPG, PNG, WebP and GIF for galleries. PDF for the flipbook.

Is it affiliated with Contact Form 7?

No. It is an independent add on built by bPlugins. It is not affiliated with, endorsed by or sponsored by Contact Form 7 or its author.

Add it to your next form

Install it from your dashboard in under a minute, and tell us which field you need next. A signature field and an image choice field are already on the list.