{"id":349,"date":"2026-01-16T11:00:00","date_gmt":"2026-01-16T11:00:00","guid":{"rendered":"https:\/\/xn--mnchen-3ya.xyz\/index.php\/2026\/01\/16\/how-i-let-users-take-live-photos-and-videos-in-my-wordpress-forms\/"},"modified":"2026-01-16T11:00:00","modified_gmt":"2026-01-16T11:00:00","slug":"how-i-let-users-take-live-photos-and-videos-in-my-wordpress-forms","status":"publish","type":"post","link":"https:\/\/xn--mnchen-3ya.xyz\/index.php\/2026\/01\/16\/how-i-let-users-take-live-photos-and-videos-in-my-wordpress-forms\/","title":{"rendered":"How I Let Users Take Live Photos and Videos in My WordPress Forms"},"content":{"rendered":"<p>I used to ask people to email me their photos for my website. Profile pictures for membership sites, headshots for team pages, even simple ID verification images \u2013 and every single time, it turned into a back-and-forth mess.<\/p>\n<p>People would forget to attach the file. Or they\u2019d send a photo that was way too large. Sometimes they\u2019d take a screenshot of a photo instead of sending the actual image, and the quality would be terrible.<\/p>\n<p>Then I realized that I could let people take photos and record videos through my WordPress forms. They just need to click a button, snap a photo (or record a quick video), and that\u2019s it.<\/p>\n<p>In this guide, I\u2019ll show you how to add this camera capture feature to your WordPress forms so you can skip all the headaches I went through. <\/p>\n<figure class=\"wp-block-image size-full\"><img loading=\"lazy\" decoding=\"async\" width=\"680\" height=\"385\" src=\"https:\/\/www.wpbeginner.com\/wp-content\/uploads\/2026\/01\/how-to-capture-live-photo-video-featured.png\" alt=\"How to Capture Live Camera Photos or Videos in WordPress Forms\" class=\"wp-image-383878\" srcset=\"https:\/\/www.wpbeginner.com\/wp-content\/uploads\/2026\/01\/how-to-capture-live-photo-video-featured.png 680w, https:\/\/www.wpbeginner.com\/wp-content\/uploads\/2026\/01\/how-to-capture-live-photo-video-featured-300x170.png 300w\" sizes=\"auto, (max-width: 680px) 100vw, 680px\" \/><\/figure>\n<h4 class=\"wp-block-heading\">Why Add Live Camera Capture in WordPress Forms?<\/h4>\n<p>Live camera capture in your WordPress forms makes it much faster and easier for people to submit photos or videos. This can lead to more users actually completing your form.<\/p>\n<p>Think about what happens when you ask someone to upload a photo to your <a href=\"https:\/\/www.wpbeginner.com\/beginners-guide\/how-to-create-a-contact-form-in-wordpress\/\" title=\"How I Created a WordPress Contact Form That People Actually Use\">contact form<\/a>. They have to stop what they\u2019re doing, open their camera app, take the photo, close the camera, find the photo in their gallery, and then come back to upload it.<\/p>\n<p>That\u2019s a lot of steps. And every extra step is another chance for someone to give up and <a href=\"https:\/\/www.wpbeginner.com\/wp-tutorials\/how-to-track-and-reduce-form-abandonment-in-wordpress\/\" title=\"How to Track and Reduce Form Abandonment in WordPress\">abandon your form<\/a>.<\/p>\n<p>With a live camera capture field, people can take photos or record videos without ever leaving the form. They click one button, the camera opens right there in their browser, and they\u2019re done in seconds.<\/p>\n<figure class=\"wp-block-image size-full\"><img loading=\"lazy\" decoding=\"async\" width=\"680\" height=\"411\" src=\"https:\/\/www.wpbeginner.com\/wp-content\/uploads\/2026\/01\/livesite-contactform-with-camera-field.png\" alt=\"Contact form with a camera field on a live site\" class=\"wp-image-384463\" srcset=\"https:\/\/www.wpbeginner.com\/wp-content\/uploads\/2026\/01\/livesite-contactform-with-camera-field.png 680w, https:\/\/www.wpbeginner.com\/wp-content\/uploads\/2026\/01\/livesite-contactform-with-camera-field-300x181.png 300w\" sizes=\"auto, (max-width: 680px) 100vw, 680px\" \/><\/figure>\n<p>This matters more than you might think. I\u2019ve seen <a href=\"https:\/\/www.wpbeginner.com\/wp-tutorials\/how-to-set-up-wordpress-form-tracking-in-google-analytics\/\" title=\"How to Set Up WordPress Form Tracking in Google Analytics\">form completion rates<\/a> jump significantly just by removing the friction of traditional file uploads.<\/p>\n<p>Here are some real situations where camera capture makes a huge difference: <\/p>\n<figure class=\"wp-block-table\">\n<table class=\"has-fixed-layout\">\n<thead>\n<tr>\n<th>Site Types<\/th>\n<th>Use Cases<\/th>\n<\/tr>\n<\/thead>\n<tbody>\n<tr>\n<td>Customer Support Teams<\/td>\n<td>Let people show their problem instead of trying to describe it in words.<\/td>\n<\/tr>\n<tr>\n<td>Property\/<a href=\"https:\/\/www.wpbeginner.com\/wp-tutorials\/how-to-create-an-idx-real-estate-website-using-wordpress\/\" title=\"How to Create an IDX Real Estate Website Using WordPress\">Real Estate Sites<\/a><\/td>\n<td>Get tenants to document maintenance issues on the spot instead of texting photos back and forth.<\/td>\n<\/tr>\n<tr>\n<td>Schools\/<a href=\"https:\/\/www.wpbeginner.com\/wp-tutorials\/how-to-create-an-elearning-website\/\" title=\"How to Create an eLearning Website (In Simple Steps)\">eLearning Platforms<\/a><\/td>\n<td>Collect student photos during online admissions without asking parents to email separate files.<\/td>\n<\/tr>\n<tr>\n<td>Insurance Companies<\/td>\n<td>Speed up claims by having customers photograph damage immediately.<\/td>\n<\/tr>\n<\/tbody>\n<\/table>\n<\/figure>\n<p>The best part about using a plugin for this purpose is that everything gets organized <strong>automatically<\/strong>.<\/p>\n<p>When someone submits your form, their photo or video is attached to their entry along with all their other information. No more hunting through your email inbox trying to match photos with the right person. \u2728<\/p>\n<p>With that said, I\u2019ll show you all the steps to add a camera capture feature to your WordPress forms. Here\u2019s everything I\u2019ll cover in this guide:<\/p>\n<ul>\n<li><a class=\"aioseo-toc-item\" href=\"https:\/\/www.wpbeginner.com\/wp-tutorials\/take-live-photos-and-videos-in-wordpress-forms\/#aioseo-step-1-install-and-activate-wpforms-pro-16\">Step 1: Install and Activate WPForms Pro<\/a><\/li>\n<li><a class=\"aioseo-toc-item\" href=\"https:\/\/www.wpbeginner.com\/wp-tutorials\/take-live-photos-and-videos-in-wordpress-forms\/#aioseo-step-2-add-the-camera-field-to-your-form-23\">Step 2: Add the Camera Field to Your Form<\/a><\/li>\n<li><a class=\"aioseo-toc-item\" href=\"https:\/\/www.wpbeginner.com\/wp-tutorials\/take-live-photos-and-videos-in-wordpress-forms\/#aioseo-step-3-configure-your-forms-camera-field-30\">Step 3: Configure Your Form&#8217;s Camera Field<\/a><\/li>\n<li><a class=\"aioseo-toc-item\" href=\"https:\/\/www.wpbeginner.com\/wp-tutorials\/take-live-photos-and-videos-in-wordpress-forms\/#aioseo-step-4-set-up-button-style-storage-and-access-settings-40\">Step 4: Set Up Button Style, Storage, and Access Settings<\/a>\n<ul>\n<li><a class=\"aioseo-toc-item\" href=\"https:\/\/www.wpbeginner.com\/wp-tutorials\/take-live-photos-and-videos-in-wordpress-forms\/#aioseo-customize-camera-button-style-and-text-42\">Customize Camera Button Style and Text<\/a><\/li>\n<li><a class=\"aioseo-toc-item\" href=\"https:\/\/www.wpbeginner.com\/wp-tutorials\/take-live-photos-and-videos-in-wordpress-forms\/#aioseo-add-custom-css-108\">Style Further with CSS Classes<\/a><\/li>\n<li><a class=\"aioseo-toc-item\" href=\"https:\/\/www.wpbeginner.com\/wp-tutorials\/take-live-photos-and-videos-in-wordpress-forms\/#aioseo-choose-where-to-store-captured-files-104\">Choose Where to Store Captured Files<\/a><\/li>\n<li><a class=\"aioseo-toc-item\" href=\"https:\/\/www.wpbeginner.com\/wp-tutorials\/take-live-photos-and-videos-in-wordpress-forms\/#aioseo-restrict-access-to-uploaded-files-53\">Restrict Access to Uploaded Files<\/a><\/li>\n<\/ul>\n<\/li>\n<li><a class=\"aioseo-toc-item\" href=\"https:\/\/www.wpbeginner.com\/wp-tutorials\/take-live-photos-and-videos-in-wordpress-forms\/#aioseo-step-5-set-up-form-notifications-and-confirmations-57\">Step 5: Set Up Form Notifications and Confirmations<\/a><\/li>\n<li><a class=\"aioseo-toc-item\" href=\"https:\/\/www.wpbeginner.com\/wp-tutorials\/take-live-photos-and-videos-in-wordpress-forms\/#aioseo-step-6-test-and-embed-your-form-69\">Step 6: Test and Embed Your Form<\/a><\/li>\n<li><a class=\"aioseo-toc-item\" href=\"https:\/\/www.wpbeginner.com\/wp-tutorials\/take-live-photos-and-videos-in-wordpress-forms\/#aioseo-faq-section-137\">FAQs About Capturing Live Camera Photos or Videos in WordPress Forms<\/a><\/li>\n<li><a class=\"aioseo-toc-item\" href=\"https:\/\/www.wpbeginner.com\/wp-tutorials\/take-live-photos-and-videos-in-wordpress-forms\/#aioseo-more-guides-to-using-wordpress-forms-149\">More Guides to Using WordPress Forms<\/a><\/li>\n<\/ul>\n<h4 class=\"wp-block-heading\">Step 1: Install and Activate WPForms Pro<\/h4>\n<p>In this guide, I\u2019m going to use <a href=\"https:\/\/wpforms.com\/\" target=\"_blank\" title=\"WPForms - Drag &amp; Drop WordPress Form Builder\">WPForms<\/a>, which is the <a href=\"https:\/\/www.wpbeginner.com\/plugins\/5-best-contact-form-plugins-for-wordpress-compared\/\" title=\"Best WordPress Contact Form Plugins\">best contact form plugin<\/a> for WordPress. I picked this plugin because it has a camera capture field, which you can easily add with a simple drag-and-drop.<\/p>\n<p>You can also use WPForms to create lots of different forms, including contact forms, <a href=\"https:\/\/www.wpbeginner.com\/plugins\/how-to-create-an-online-order-form-in-wordpress\/\" title=\"How to Create an Online Order Form in WordPress\">online order forms<\/a> with payments, polls and surveys, and newsletter signups.<\/p>\n<p>At WPBeginner, we use WPForms for all our forms \u2013 contact forms, site migration requests, the annual readers\u2019 survey, and more. We\u2019re big fans of this tool, and you can learn more about it in our <a href=\"https:\/\/www.wpbeginner.com\/solutions\/wpforms\/\" title=\"WPForms\">complete WPForms review<\/a>.<\/p>\n<p>First, head over to the <a href=\"https:\/\/wpforms.com\/\" target=\"_blank\" title=\"WPForms - Drag &amp; Drop WordPress Form Builder\">WPForms website<\/a> to create an account. Click the \u2018Get WPForms Now\u2019 button, choose a plan that fits your needs, and complete the signup.<\/p>\n<figure class=\"wp-block-image size-full\"><a href=\"https:\/\/wpforms.com\/\" target=\"_blank\" rel=\" noreferrer noopener\"><img loading=\"lazy\" decoding=\"async\" width=\"680\" height=\"330\" src=\"https:\/\/www.wpbeginner.com\/wp-content\/uploads\/2023\/12\/wpforms-homepage.png\" alt=\"WPForms homepage\" class=\"wp-image-345128\" srcset=\"https:\/\/www.wpbeginner.com\/wp-content\/uploads\/2023\/12\/wpforms-homepage.png 680w, https:\/\/www.wpbeginner.com\/wp-content\/uploads\/2023\/12\/wpforms-homepage-300x146.png 300w\" sizes=\"auto, (max-width: 680px) 100vw, 680px\" \/><\/a><\/figure>\n<div class=\"wpb-alert style-orange\">\n<p><strong><\/strong><strong>\ud83d\udca1 Note:<\/strong> You\u2019ll need <a href=\"https:\/\/wpforms.com\/\" target=\"_blank\" title=\"WPForms - Drag &amp; Drop WordPress Form Builder\">WPForms Pro<\/a> to get access to the camera capture feature, plus extras like conditional logic and form themes. That said, you can still get started with the <a href=\"https:\/\/wordpress.org\/plugins\/wpforms-lite\" target=\"_blank\" title=\"Free version of WPForms Contact Form builder plugin\">free WPForms version<\/a> if you want to try out the plugin first. <\/p>\n<\/div>\n<p>After signing up, you should be able to find the plugin\u2019s zip file and license key in your WPForms account dashboard. You can keep this tab open or store your file and key somewhere safe, like a <a href=\"https:\/\/www.wpbeginner.com\/beginners-guide\/what-is-the-best-way-to-manage-passwords-for-wordpress-beginners\/\" title=\"How We Easily and Securely Manage Passwords (Beginner\u2019s Guide)\">password manager<\/a>.<\/p>\n<p>Now, let\u2019s go to your WordPress dashboard and navigate to <strong>Plugins \u00bb Add New Plugin<\/strong>.<\/p>\n<figure class=\"wp-block-image size-full\"><img loading=\"lazy\" decoding=\"async\" width=\"680\" height=\"315\" src=\"https:\/\/www.wpbeginner.com\/wp-content\/uploads\/2025\/02\/wp-plugins-addnew.png\" alt=\"The Add New Plugin submenu under Plugins in the WordPress admin area\" class=\"wp-image-332530\" srcset=\"https:\/\/www.wpbeginner.com\/wp-content\/uploads\/2025\/02\/wp-plugins-addnew.png 680w, https:\/\/www.wpbeginner.com\/wp-content\/uploads\/2025\/02\/wp-plugins-addnew-300x139.png 300w\" sizes=\"auto, (max-width: 680px) 100vw, 680px\" \/><\/figure>\n<p>On the next screen, you can use the search bar to look for the WPForms plugin.<\/p>\n<p>Click \u2018Install Now\u2019 in the search result and \u2018Activate\u2019 when it appears.<\/p>\n<figure class=\"wp-block-image size-full\"><img loading=\"lazy\" decoding=\"async\" width=\"680\" height=\"470\" src=\"https:\/\/www.wpbeginner.com\/wp-content\/uploads\/2024\/06\/wordpress-plugins-addnewplugin-wpforms-installnow.png\" alt=\"The Install Now button on the WPForms search result when adding a new plugin on WordPress\" class=\"wp-image-281448\" srcset=\"https:\/\/www.wpbeginner.com\/wp-content\/uploads\/2024\/06\/wordpress-plugins-addnewplugin-wpforms-installnow.png 680w, https:\/\/www.wpbeginner.com\/wp-content\/uploads\/2024\/06\/wordpress-plugins-addnewplugin-wpforms-installnow-300x207.png 300w\" sizes=\"auto, (max-width: 680px) 100vw, 680px\" \/><\/figure>\n<p>If you need help, see our step-by-step guide on <a href=\"https:\/\/www.wpbeginner.com\/beginners-guide\/step-by-step-guide-to-install-a-wordpress-plugin-for-beginners\/\" title=\"How to Install a WordPress Plugin \u2013 Step by Step for Beginners\">how to install a WordPress plugin<\/a>.<\/p>\n<p>Upon activation, go to <strong>WPForms <\/strong><strong>\u00bb<\/strong> Settings from your admin area to activate your WPForms Pro license.<\/p>\n<p>Simply copy your license key and paste it into the box. Then click the \u2018Verify Key\u2019 button.<\/p>\n<figure class=\"wp-block-image size-full\"><img loading=\"lazy\" decoding=\"async\" width=\"680\" height=\"279\" src=\"https:\/\/www.wpbeginner.com\/wp-content\/uploads\/2024\/08\/wp-wpforms-settings-licensekey.png\" alt=\"Activating license key to WPForms\" class=\"wp-image-296557\" srcset=\"https:\/\/www.wpbeginner.com\/wp-content\/uploads\/2024\/08\/wp-wpforms-settings-licensekey.png 680w, https:\/\/www.wpbeginner.com\/wp-content\/uploads\/2024\/08\/wp-wpforms-settings-licensekey-300x123.png 300w\" sizes=\"auto, (max-width: 680px) 100vw, 680px\" \/><\/figure>\n<p>WPForms will confirm that your license is active. You\u2019re now ready to start building forms with camera capture.<\/p>\n<h4 class=\"wp-block-heading\">Step 2: Add the Camera Field to Your Form<\/h4>\n<p>In this step, you\u2019ll create a form with the camera capture feature. <\/p>\n<p>To start, you can navigate to <strong>WPForms \u00bb Add New<\/strong> in your WordPress admin dashboard.<\/p>\n<figure class=\"wp-block-image size-full\"><img loading=\"lazy\" decoding=\"async\" width=\"680\" height=\"307\" src=\"https:\/\/www.wpbeginner.com\/wp-content\/uploads\/2024\/08\/wp-wpforms-formsoverview-addnew.png\" alt=\"The + Add New button on WPForms' Forms Overview\" class=\"wp-image-332618\" srcset=\"https:\/\/www.wpbeginner.com\/wp-content\/uploads\/2024\/08\/wp-wpforms-formsoverview-addnew.png 680w, https:\/\/www.wpbeginner.com\/wp-content\/uploads\/2024\/08\/wp-wpforms-formsoverview-addnew-300x135.png 300w\" sizes=\"auto, (max-width: 680px) 100vw, 680px\" \/><\/figure>\n<p>This will take you to the Setup page, where you can name your form.<\/p>\n<p>This is for your reference only, but I recommend using a clear, descriptive name for easier organization as you create more <a href=\"https:\/\/www.wpbeginner.com\/wp-tutorials\/the-ultimate-guide-to-using-wordpress-forms\/\" title=\"The Ultimate Guide to Using WordPress Forms (All You Need to Know)\">WordPress forms<\/a>.<\/p>\n<figure class=\"wp-block-image size-full\"><img loading=\"lazy\" decoding=\"async\" width=\"680\" height=\"361\" src=\"https:\/\/www.wpbeginner.com\/wp-content\/uploads\/2026\/01\/wpforms-setup-namingtheform.png\" alt=\"Naming the new form\" class=\"wp-image-384363\" srcset=\"https:\/\/www.wpbeginner.com\/wp-content\/uploads\/2026\/01\/wpforms-setup-namingtheform.png 680w, https:\/\/www.wpbeginner.com\/wp-content\/uploads\/2026\/01\/wpforms-setup-namingtheform-300x159.png 300w\" sizes=\"auto, (max-width: 680px) 100vw, 680px\" \/><\/figure>\n<p>Next, you\u2019ll choose how you\u2019ll build your form.<\/p>\n<p>WPForms allows you to create forms using a blank canvas, an <a href=\"https:\/\/wpforms.com\/features\/wpforms-ai\/\" target=\"_blank\" rel=\"noopener\" title=\"AI-powered form builder\">AI-powered form builder<\/a>, or a ready-made template.<\/p>\n<p>With WPForms AI, all you have to do is write a simple prompt. The AI form builder will generate it for you in a few seconds.<\/p>\n<figure class=\"wp-block-image size-full\"><img loading=\"lazy\" decoding=\"async\" width=\"680\" height=\"342\" src=\"https:\/\/www.wpbeginner.com\/wp-content\/uploads\/2024\/06\/ai-forms-in-action-optimized.gif\" alt=\"WPForms AI form builder\" class=\"wp-image-314578\" \/><\/figure>\n<p>For this tutorial, though, I\u2019m going to use the Simple Contact Form template.<\/p>\n<p>WPForms comes with 2,000+ premade form templates, so it\u2019s easy to find one that fits your needs.<\/p>\n<figure class=\"wp-block-image size-full\"><img loading=\"lazy\" decoding=\"async\" width=\"680\" height=\"318\" src=\"https:\/\/www.wpbeginner.com\/wp-content\/uploads\/2026\/01\/wpforms-setup-choosingatemplate.png\" alt=\"Choosing the Simple Contact Form template\" class=\"wp-image-384365\" srcset=\"https:\/\/www.wpbeginner.com\/wp-content\/uploads\/2026\/01\/wpforms-setup-choosingatemplate.png 680w, https:\/\/www.wpbeginner.com\/wp-content\/uploads\/2026\/01\/wpforms-setup-choosingatemplate-300x140.png 300w\" sizes=\"auto, (max-width: 680px) 100vw, 680px\" \/><\/figure>\n<p>If you want step-by-step instructions, see our guide on <a href=\"https:\/\/www.wpbeginner.com\/beginners-guide\/how-to-create-a-contact-form-in-wordpress\/\" title=\"How I Created a WordPress Contact Form That People Actually Use\">how to create a contact form in WordPress<\/a>.<\/p>\n<p>Once your form opens in the builder, look at the left sidebar where all the form fields are listed. Scroll down until you find the section labeled \u2018Fancy Fields.\u2019<\/p>\n<p>Right there, next to the File Upload field, you\u2019ll see the \u2018Camera\u2019 field. You can drag and drop it wherever you want it to appear on your form.<\/p>\n<figure class=\"wp-block-image size-full\"><img loading=\"lazy\" decoding=\"async\" width=\"680\" height=\"375\" src=\"https:\/\/www.wpbeginner.com\/wp-content\/uploads\/2026\/01\/wpforms-fields-fancy-camera.png\" alt=\"The Camera field in WPForms\" class=\"wp-image-384366\" srcset=\"https:\/\/www.wpbeginner.com\/wp-content\/uploads\/2026\/01\/wpforms-fields-fancy-camera.png 680w, https:\/\/www.wpbeginner.com\/wp-content\/uploads\/2026\/01\/wpforms-fields-fancy-camera-300x165.png 300w\" sizes=\"auto, (max-width: 680px) 100vw, 680px\" \/><\/figure>\n<div class=\"wpb-alert style-yellow\">\n<p><strong>\ud83d\udca1 Note: <\/strong>The <a href=\"https:\/\/www.wpbeginner.com\/wp-tutorials\/how-to-create-a-file-upload-form-in-wordpress\/\" title=\"How to Create a File Upload Form in WordPress\">File Upload<\/a> field is best for collecting files users already have on their device, like saved photos or PDFs. For this tutorial, the Camera field works better because it lets users capture a photo or video on the spot without leaving the form.<\/p>\n<\/div>\n<p>You\u2019ll notice a small camera icon shows up in your form preview. That\u2019s what your users will click to capture their photo or video.<\/p>\n<p>One thing I found interesting with this feature is that when someone clicks the camera button on a laptop or desktop, they\u2019ll see a friendly 3-second countdown before capture. This gives them just enough time to smile or adjust their angle.<\/p>\n<p>Here\u2019s what it might look like in the preview:<\/p>\n<figure class=\"wp-block-image size-full\"><img loading=\"lazy\" decoding=\"async\" width=\"680\" height=\"358\" src=\"https:\/\/www.wpbeginner.com\/wp-content\/uploads\/2026\/01\/wpforms-fields-addingcamerafield.png\" alt=\"Camera field added to the form\" class=\"wp-image-384367\" srcset=\"https:\/\/www.wpbeginner.com\/wp-content\/uploads\/2026\/01\/wpforms-fields-addingcamerafield.png 680w, https:\/\/www.wpbeginner.com\/wp-content\/uploads\/2026\/01\/wpforms-fields-addingcamerafield-300x158.png 300w\" sizes=\"auto, (max-width: 680px) 100vw, 680px\" \/><\/figure>\n<p>There you have it \u2013 I told you this part was quick!<\/p>\n<h4 class=\"wp-block-heading\">Step 3: Configure Your Form\u2019s Camera Field<\/h4>\n<p>From here, you can configure your Camera field.<\/p>\n<p>Go ahead and click on the \u2018Camera\u2019 field you just added to open up the \u2018Field Options\u2019 panel on the left side. This is where you\u2019ll customize how the camera capture works.<\/p>\n<figure class=\"wp-block-image size-full\"><img loading=\"lazy\" decoding=\"async\" width=\"680\" height=\"388\" src=\"https:\/\/www.wpbeginner.com\/wp-content\/uploads\/2026\/01\/wpforms-fields-camerafield-options.png\" alt=\"The Camera field options\" class=\"wp-image-384369\" srcset=\"https:\/\/www.wpbeginner.com\/wp-content\/uploads\/2026\/01\/wpforms-fields-camerafield-options.png 680w, https:\/\/www.wpbeginner.com\/wp-content\/uploads\/2026\/01\/wpforms-fields-camerafield-options-300x171.png 300w\" sizes=\"auto, (max-width: 680px) 100vw, 680px\" \/><\/figure>\n<p>The first thing you\u2019ll see is the \u2018Label\u2019 setting.<\/p>\n<p>By default, the field is called Camera, but you can rename it to match what you\u2019re collecting. For example: Profile Picture, <a href=\"https:\/\/www.wpbeginner.com\/beginners-guide\/how-to-take-a-screenshot-for-your-blog-posts\/\" title=\"How to Take a Screenshot for Your Blog Posts (Beginner\u2019s Guide)\">Error Screenshot<\/a>, or Damage Photo, depending on your use case.<\/p>\n<p>In \u2018Description,\u2019 you can add a short note with any extra details or instructions, like what should be visible in the photo or any quality requirements. <\/p>\n<p>For example:<\/p>\n<ul class=\"wp-block-list\">\n<li>\u201cUse good lighting to keep the image clear,\u201d for profile pictures.<\/li>\n<li>\u201cMake sure all text is readable,\u201d for error screenshots.<\/li>\n<li>\u201cInclude the whole property in the frame,\u201d for damage reports.<\/li>\n<\/ul>\n<p>This keeps the label short and scannable, and uses the description only for helpful guidance.<\/p>\n<figure class=\"wp-block-image size-full\"><img loading=\"lazy\" decoding=\"async\" width=\"680\" height=\"370\" src=\"https:\/\/www.wpbeginner.com\/wp-content\/uploads\/2026\/01\/wpforms-fields-camerafield-label-description.png\" alt=\"Adjusting the Camera field's label and description\" class=\"wp-image-384371\" srcset=\"https:\/\/www.wpbeginner.com\/wp-content\/uploads\/2026\/01\/wpforms-fields-camerafield-label-description.png 680w, https:\/\/www.wpbeginner.com\/wp-content\/uploads\/2026\/01\/wpforms-fields-camerafield-label-description-300x163.png 300w\" sizes=\"auto, (max-width: 680px) 100vw, 680px\" \/><\/figure>\n<p>Then, there\u2019s the \u2018Format\u2019 setting, where you\u2019ll see two choices:<\/p>\n<ul class=\"wp-block-list\">\n<li><strong>Photo<\/strong> \u2013 works well for profile pictures, ID cards, or any situation where you need a quick snapshot.<\/li>\n<li><strong>Video<\/strong> \u2013 perfect when you want people to record short introductions, <a href=\"https:\/\/www.wpbeginner.com\/wp-tutorials\/how-to-add-rotating-testimonials-in-wordpress\/\" title=\"How to Add Rotating Testimonials in WordPress\">testimonials<\/a>, or explain something that\u2019s easier to show than describe.<\/li>\n<\/ul>\n<p>By default, WPForms sets it to \u2018Photo,\u2019 but you can switch between them at any time.<\/p>\n<figure class=\"wp-block-image size-full\"><img loading=\"lazy\" decoding=\"async\" width=\"680\" height=\"276\" src=\"https:\/\/www.wpbeginner.com\/wp-content\/uploads\/2026\/01\/wpforms-fields-camerafield-format.png\" alt=\"Choosing a format\" class=\"wp-image-384378\" srcset=\"https:\/\/www.wpbeginner.com\/wp-content\/uploads\/2026\/01\/wpforms-fields-camerafield-format.png 680w, https:\/\/www.wpbeginner.com\/wp-content\/uploads\/2026\/01\/wpforms-fields-camerafield-format-300x122.png 300w\" sizes=\"auto, (max-width: 680px) 100vw, 680px\" \/><\/figure>\n<p>Now, you can scroll down to the \u2018Max File Size\u2019 setting, where you can control how large the <a href=\"https:\/\/www.wpbeginner.com\/plugins\/how-to-allow-users-to-upload-images-on-a-wordpress-site\/\" title=\"How to Allow Users to Upload Images on a WordPress Site\">user-submitted file<\/a> can be.<\/p>\n<p>You can enter any number of megabytes (MB) you want. If you leave this blank, WPForms will use your server\u2019s default limit, which is usually around 64 MB. You can also <a href=\"https:\/\/www.wpbeginner.com\/wp-tutorials\/how-to-increase-the-maximum-file-upload-size-in-wordpress\/\" title=\"How to Increase the Maximum File Upload Size in WordPress\">increase your max file upload size<\/a> if needed.<\/p>\n<p>I recommend setting a reasonable limit based on what you actually need. Smaller file sizes help your forms load faster and save space on your server. <\/p>\n<p>Don\u2019t forget to toggle on the \u2018Required\u2019 button so users can\u2019t skip this field.<\/p>\n<figure class=\"wp-block-image size-full\"><img loading=\"lazy\" decoding=\"async\" width=\"680\" height=\"239\" src=\"https:\/\/www.wpbeginner.com\/wp-content\/uploads\/2026\/01\/wpforms-fields-camerafield-photo-maxfilesize.png\" alt=\"Setting the maximum file size and making the field required\" class=\"wp-image-384383\" srcset=\"https:\/\/www.wpbeginner.com\/wp-content\/uploads\/2026\/01\/wpforms-fields-camerafield-photo-maxfilesize.png 680w, https:\/\/www.wpbeginner.com\/wp-content\/uploads\/2026\/01\/wpforms-fields-camerafield-photo-maxfilesize-300x105.png 300w\" sizes=\"auto, (max-width: 680px) 100vw, 680px\" \/><\/figure>\n<p>If you chose \u2018Video\u2019 as your format, you\u2019ll also see a \u2018Time Limit\u2019 option. The default is 1 minute and 30 seconds, which works well for most situations.<\/p>\n<div class=\"wpb-alert style-blue\">\n<p><strong>\ud83e\uddd1\u200d\ud83d\udcbb<\/strong> <strong>Pro Tip:<\/strong> Video files can get large and hurt your <a href=\"https:\/\/www.wpbeginner.com\/wordpress-performance-speed\/\" title=\"The Ultimate Guide to Boost WordPress Speed &amp; Performance\">WordPress performance<\/a>. This field is fine for short clips (less than 30 seconds). But if you need users to submit long videos (5+ minutes), then it\u2019s better to have them upload to a cloud service and share the link.<\/p>\n<p>See our guide on <a href=\"https:\/\/www.wpbeginner.com\/beginners-guide\/why-you-should-never-upload-a-video-to-wordpress\/\" title=\"Why You Should Never Upload a Video to WordPress\">why you should never upload a video to WordPress<\/a> to learn more.<\/p>\n<\/div>\n<figure class=\"wp-block-image size-full\"><img loading=\"lazy\" decoding=\"async\" width=\"680\" height=\"308\" src=\"https:\/\/www.wpbeginner.com\/wp-content\/uploads\/2026\/01\/wpforms-fields-camerafield-video-timelimit.png\" alt=\"The time limit setting for the video format\" class=\"wp-image-384380\" srcset=\"https:\/\/www.wpbeginner.com\/wp-content\/uploads\/2026\/01\/wpforms-fields-camerafield-video-timelimit.png 680w, https:\/\/www.wpbeginner.com\/wp-content\/uploads\/2026\/01\/wpforms-fields-camerafield-video-timelimit-300x136.png 300w\" sizes=\"auto, (max-width: 680px) 100vw, 680px\" \/><\/figure>\n<p>You can play with these settings to suit your needs.<\/p>\n<h4 class=\"wp-block-heading\">Step 4: Set Up Button Style, Storage, and Access Settings<\/h4>\n<p>Here, I\u2019ll walk you through the advanced settings for your Camera field. This is where you fine-tune how the camera feature looks and where your captured files are stored.<\/p>\n<p>To get started, switch to the \u2018Advanced\u2019 tab at the top of the Field Options panel.<\/p>\n<figure class=\"wp-block-image size-full\"><img loading=\"lazy\" decoding=\"async\" width=\"680\" height=\"361\" src=\"https:\/\/www.wpbeginner.com\/wp-content\/uploads\/2026\/01\/wpforms-fields-camerafield-advanced.png\" alt=\"The Camera field's Advanced settings\" class=\"wp-image-384392\" srcset=\"https:\/\/www.wpbeginner.com\/wp-content\/uploads\/2026\/01\/wpforms-fields-camerafield-advanced.png 680w, https:\/\/www.wpbeginner.com\/wp-content\/uploads\/2026\/01\/wpforms-fields-camerafield-advanced-300x159.png 300w\" sizes=\"auto, (max-width: 680px) 100vw, 680px\" \/><\/figure>\n<p>Let\u2019s break down each of these configuration options.<\/p>\n<h5 class=\"wp-block-heading\">Customize Camera Button Style and Text<\/h5>\n<p>First, find the \u2018Style\u2019 dropdown. You can choose to show a button icon or display it as a simple link.<\/p>\n<figure class=\"wp-block-image size-full\"><img loading=\"lazy\" decoding=\"async\" width=\"680\" height=\"325\" src=\"https:\/\/www.wpbeginner.com\/wp-content\/uploads\/2026\/01\/wpforms-fields-camerafield-advanced-style.png\" alt=\"The Style dropdown\" class=\"wp-image-384394\" srcset=\"https:\/\/www.wpbeginner.com\/wp-content\/uploads\/2026\/01\/wpforms-fields-camerafield-advanced-style.png 680w, https:\/\/www.wpbeginner.com\/wp-content\/uploads\/2026\/01\/wpforms-fields-camerafield-advanced-style-300x143.png 300w\" sizes=\"auto, (max-width: 680px) 100vw, 680px\" \/><\/figure>\n<p>I usually stick with the button style because it\u2019s more obvious and easier to click, but the link option works well if you want a cleaner, more minimal look.<\/p>\n<p>Right below that, you\u2019ll see the \u2018Button Link Text\u2019 field. This is your chance to make the camera button look more personal or on-brand.<\/p>\n<p>Instead of the default text, you could write something like \u201cSnap Your Picture\u201d or \u201cRecord a Video.\u201d I\u2019ve even seen people use fun phrases like \u201cSay Cheese!\u201d for profile picture forms.<\/p>\n<figure class=\"wp-block-image size-full\"><img loading=\"lazy\" decoding=\"async\" width=\"680\" height=\"323\" src=\"https:\/\/www.wpbeginner.com\/wp-content\/uploads\/2026\/01\/wpforms-fields-camerafield-advanced-buttonlinktext.png\" alt=\"Editing the button link text\" class=\"wp-image-384396\" srcset=\"https:\/\/www.wpbeginner.com\/wp-content\/uploads\/2026\/01\/wpforms-fields-camerafield-advanced-buttonlinktext.png 680w, https:\/\/www.wpbeginner.com\/wp-content\/uploads\/2026\/01\/wpforms-fields-camerafield-advanced-buttonlinktext-300x143.png 300w\" sizes=\"auto, (max-width: 680px) 100vw, 680px\" \/><\/figure>\n<p>These small touches make your <a href=\"https:\/\/www.wpbeginner.com\/beginners-guide\/how-to-create-a-contact-form-in-wordpress\/\" title=\"How I Created a WordPress Contact Form That People Actually Use\">contact form<\/a> feel more welcoming and less robotic.<\/p>\n<h5 class=\"wp-block-heading\">Style Further with CSS Classes<\/h5>\n<p>Next, you\u2019ll see the CSS Classes field. This lets you add a custom class name so you can style this camera field differently with <a href=\"https:\/\/www.wpbeginner.com\/glossary\/css\/\" title=\"CSS\">CSS<\/a>.<\/p>\n<p>For example, you could add a class like <code>custom-camera-btn<\/code> here. This doesn\u2019t automatically style the button, but it lets you (or a developer) <a href=\"https:\/\/www.wpbeginner.com\/plugins\/how-to-easily-add-custom-css-to-your-wordpress-site\/\" title=\"How to Easily Add Custom CSS to Your WordPress Site\">add custom CSS<\/a> in your theme settings to target this specific button later.<\/p>\n<figure class=\"wp-block-image size-full\"><img loading=\"lazy\" decoding=\"async\" width=\"680\" height=\"316\" src=\"https:\/\/www.wpbeginner.com\/wp-content\/uploads\/2026\/01\/wpforms-fields-camerafield-advanced-cssclass.png\" alt=\"CSS Class example\" class=\"wp-image-384521\" srcset=\"https:\/\/www.wpbeginner.com\/wp-content\/uploads\/2026\/01\/wpforms-fields-camerafield-advanced-cssclass.png 680w, https:\/\/www.wpbeginner.com\/wp-content\/uploads\/2026\/01\/wpforms-fields-camerafield-advanced-cssclass-300x139.png 300w\" sizes=\"auto, (max-width: 680px) 100vw, 680px\" \/><\/figure>\n<p>If you want to add more than one CSS Class, then you can separate them with spaces, like this:<code>camera-field large-button<\/code>.<\/p>\n<p>I will leave this blank to keep the styling consistent with the rest of my form fields.<\/p>\n<h5 class=\"wp-block-heading\">Choose Where to Store Captured Files<\/h5>\n<p>By default, WPForms saves all captured photos and videos in your site\u2019s \u2018Uploads\u2019 folder, specifically inside the WPForms directory.<\/p>\n<p>But if you prefer keeping all your media in one place, toggle on the option that says \u2018Store file in <a href=\"https:\/\/www.wpbeginner.com\/wp-tutorials\/how-to-organize-wordpress-files-in-media-library-folders\/\" title=\"How to Organize WordPress Files in Media Library Folders\">WordPress Media Library<\/a>.\u2019 <\/p>\n<p>Just remember that files in the Media Library are often easier for the public to access, so keep this setting turned off if you are collecting sensitive documents.<\/p>\n<figure class=\"wp-block-image size-full\"><img loading=\"lazy\" decoding=\"async\" width=\"680\" height=\"188\" src=\"https:\/\/www.wpbeginner.com\/wp-content\/uploads\/2026\/01\/wpforms-fields-camerafield-advanced-storage.png\" alt=\"Enabling the Media Library storage option\" class=\"wp-image-384405\" srcset=\"https:\/\/www.wpbeginner.com\/wp-content\/uploads\/2026\/01\/wpforms-fields-camerafield-advanced-storage.png 680w, https:\/\/www.wpbeginner.com\/wp-content\/uploads\/2026\/01\/wpforms-fields-camerafield-advanced-storage-300x83.png 300w\" sizes=\"auto, (max-width: 680px) 100vw, 680px\" \/><\/figure>\n<div class=\"wpb-alert style-blue\">\n<p><strong>\ud83e\uddd1\u200d\ud83d\udcbb<\/strong> <strong>Pro Tip: <\/strong>You can also <a href=\"https:\/\/www.wpbeginner.com\/plugins\/create-a-dropbox-upload-form-in-wordpress\/\" title=\"How to Create a Dropbox Upload Form in WordPress\">connect WPForms with Dropbox<\/a> or <a href=\"https:\/\/www.wpbeginner.com\/wp-tutorials\/how-to-upload-files-from-a-wordpress-form-to-google-drive\/\" title=\"How I Upload Files From WordPress Forms to Google Drive\">Google Drive<\/a> if you want to store files externally. This is helpful if you\u2019re worried about using up too much server space or if you want automatic cloud backups.<\/p>\n<p>No matter where you store the files, you can always view them in your \u2018Entries\u2019 dashboard, attached right to each form submission.<\/p>\n<\/div>\n<h5 class=\"wp-block-heading\">Restrict Access to Uploaded Files<\/h5>\n<p>If your form collects sensitive information, such as ID photos or personal documents, you\u2019ll want to lock down who can view these files. Scroll down and turn on \u2018Enable File Access Restrictions.\u2019<\/p>\n<p>Once you enable this, you get two security options. The first one is that you can <a href=\"https:\/\/www.wpbeginner.com\/plugins\/how-to-restrict-your-wordpress-forms-to-logged-in-users-only\/\" title=\"How to Restrict Your WordPress Forms to Logged-in Users Only\">limit access so that only logged-in WordPress users<\/a> can view the files.<\/p>\n<figure class=\"wp-block-image size-full\"><img loading=\"lazy\" decoding=\"async\" width=\"680\" height=\"258\" src=\"https:\/\/www.wpbeginner.com\/wp-content\/uploads\/2026\/01\/wpforms-fields-camerafield-advanced-accessrestriction.png\" alt=\"Enabling access restrictions\" class=\"wp-image-384410\" srcset=\"https:\/\/www.wpbeginner.com\/wp-content\/uploads\/2026\/01\/wpforms-fields-camerafield-advanced-accessrestriction.png 680w, https:\/\/www.wpbeginner.com\/wp-content\/uploads\/2026\/01\/wpforms-fields-camerafield-advanced-accessrestriction-300x114.png 300w\" sizes=\"auto, (max-width: 680px) 100vw, 680px\" \/><\/figure>\n<p>The other option is to add <a href=\"https:\/\/www.wpbeginner.com\/wp-tutorials\/how-to-password-protect-your-wordpress-forms\/\" title=\"How to Password Protect Your WordPress Forms\">password protection to your form<\/a> for an extra layer of security.<\/p>\n<p>This is especially important for forms used in healthcare, legal services, or any other context where you\u2019re handling private information.<\/p>\n<figure class=\"wp-block-image size-full\"><img loading=\"lazy\" decoding=\"async\" width=\"680\" height=\"334\" src=\"https:\/\/www.wpbeginner.com\/wp-content\/uploads\/2026\/01\/wpforms-fields-camerafield-advanced-accessrestriction-user-password.png\" alt=\"Access restriction options\" class=\"wp-image-384412\" srcset=\"https:\/\/www.wpbeginner.com\/wp-content\/uploads\/2026\/01\/wpforms-fields-camerafield-advanced-accessrestriction-user-password.png 680w, https:\/\/www.wpbeginner.com\/wp-content\/uploads\/2026\/01\/wpforms-fields-camerafield-advanced-accessrestriction-user-password-300x147.png 300w\" sizes=\"auto, (max-width: 680px) 100vw, 680px\" \/><\/figure>\n<p>Without these restrictions, anyone with the file URL could potentially view the uploaded media. <\/p>\n<p>You can take your time configuring these advanced options before moving on.<\/p>\n<h4 class=\"wp-block-heading\">Step 5: Set Up Form Notifications and Confirmations<\/h4>\n<p>Now that your camera field is working, you need to make sure you actually get notified when someone submits your form.<\/p>\n<p>To do this, you can head over to <strong>Settings \u00bb Notifications<\/strong> in the <a href=\"https:\/\/www.wpbeginner.com\/showcase\/best-wordpress-form-builders\/\" title=\"Best Online Form Builders (Expert Picks)\">form builder<\/a>.<\/p>\n<figure class=\"wp-block-image size-full\"><img loading=\"lazy\" decoding=\"async\" width=\"680\" height=\"344\" src=\"https:\/\/www.wpbeginner.com\/wp-content\/uploads\/2026\/01\/wpforms-settings-notifications-default-active.png\" alt=\"Configuring email notifications\" class=\"wp-image-384418\" srcset=\"https:\/\/www.wpbeginner.com\/wp-content\/uploads\/2026\/01\/wpforms-settings-notifications-default-active.png 680w, https:\/\/www.wpbeginner.com\/wp-content\/uploads\/2026\/01\/wpforms-settings-notifications-default-active-300x152.png 300w\" sizes=\"auto, (max-width: 680px) 100vw, 680px\" \/><\/figure>\n<p>WPForms automatically sets up a basic email notification that gets sent to your WordPress admin <a href=\"https:\/\/www.wpbeginner.com\/beginners-guide\/how-to-create-a-free-business-email-address-in-5-minutes-step-by-step\/\" title=\"How to Create a Free Business Email Address (in Just 5 Minutes)\">email address<\/a>. Every time someone submits your form with a captured photo or video, you\u2019ll receive an email with all the details.<\/p>\n<p>You can customize who receives these notifications by changing the \u2018Send To Email Address\u2019 field. If you want multiple people notified, just enter all the email addresses, separating them with commas.<\/p>\n<p>You can also use a smart tag to send notifications dynamically, for example, to the email address submitted in the form.<\/p>\n<figure class=\"wp-block-image size-full\"><img loading=\"lazy\" decoding=\"async\" width=\"680\" height=\"333\" src=\"https:\/\/www.wpbeginner.com\/wp-content\/uploads\/2026\/01\/wpforms-settings-notifications-default-sendto.png\" alt=\"Adding emails in Send To\" class=\"wp-image-384422\" srcset=\"https:\/\/www.wpbeginner.com\/wp-content\/uploads\/2026\/01\/wpforms-settings-notifications-default-sendto.png 680w, https:\/\/www.wpbeginner.com\/wp-content\/uploads\/2026\/01\/wpforms-settings-notifications-default-sendto-300x147.png 300w\" sizes=\"auto, (max-width: 680px) 100vw, 680px\" \/><\/figure>\n<p>See our guide on <a href=\"https:\/\/www.wpbeginner.com\/plugins\/how-to-create-a-contact-form-with-multiple-recipients\/\" title=\"How to Create a Contact Form with Multiple Recipients\">how to create a contact form with multiple recipients<\/a> for details.<\/p>\n<p>The notification email will include a direct link to view the captured photo or video. This allows you to preview the file immediately from your inbox without logging in to the WordPress dashboard first.<\/p>\n<div class=\"wpb-alert style-orange\">\n<p><strong>\ud83d\udca1 Note:<\/strong> WordPress doesn\u2019t always send emails reliably, and sometimes form notifications go to spam or don\u2019t get sent at all. To fix this, I recommend using the <a href=\"https:\/\/wpmailsmtp.com\/\" target=\"_blank\" title=\"WP Mail SMTP - Fix WordPress Email Deliverability\">WP Mail SMTP<\/a> plugin. For details, see <a href=\"https:\/\/www.wpbeginner.com\/wp-tutorials\/how-to-fix-wordpress-not-sending-email-issue\/\" title=\"[SOLVED] How to Fix WordPress Not Sending Email Issue\">how to fix WordPress not sending emails<\/a>.<\/p>\n<\/div>\n<p>After someone submits your form, they need to know it was successful.<\/p>\n<p>Let\u2019s go to the \u2018Confirmations\u2019 panel to decide what happens after someone submits the form:<\/p>\n<ul class=\"wp-block-list\">\n<li><strong>The Message confirmation<\/strong> \u2013 shows a simple text message right on the same page after submission, like \u201cThanks! We\u2019ve received your submission.\u201d<\/li>\n<li><strong>The Show Page confirmation<\/strong> \u2013 redirects people to a different page on your site. This works well if you want to send them to a <a href=\"https:\/\/www.wpbeginner.com\/wp-tutorials\/how-to-redirect-users-after-form-submission-in-wordpress\/\" title=\"How to Redirect Users After Form Submission in WordPress\">custom thank-you page<\/a> with more information.<\/li>\n<li><strong>The Redirect confirmation<\/strong> \u2013 sends people to any URL you want, even on a different website. I\u2019ve used this to send people to a <a href=\"https:\/\/www.wpbeginner.com\/plugins\/how-to-create-a-booking-form-in-wordpress\/\" title=\"How to Create a Booking Form in WordPress\">booking page<\/a> or a special offer after they submit.<\/li>\n<\/ul>\n<p>You can pick whichever option makes sense for your situation.<\/p>\n<figure class=\"wp-block-image size-full\"><img loading=\"lazy\" decoding=\"async\" width=\"680\" height=\"299\" src=\"https:\/\/www.wpbeginner.com\/wp-content\/uploads\/2026\/01\/wpforms-settings-confirmations-types.png\" alt=\"Choosing the form submission confirmation type\" class=\"wp-image-384425\" srcset=\"https:\/\/www.wpbeginner.com\/wp-content\/uploads\/2026\/01\/wpforms-settings-confirmations-types.png 680w, https:\/\/www.wpbeginner.com\/wp-content\/uploads\/2026\/01\/wpforms-settings-confirmations-types-300x132.png 300w\" sizes=\"auto, (max-width: 680px) 100vw, 680px\" \/><\/figure>\n<p>I usually stick with the \u2018Message\u2019 confirmation because it\u2019s simple and people know immediately that their submission worked.<\/p>\n<p>If you want to use it too, I recommend rewriting the default message so it matches your brand\u2019s voice:<\/p>\n<figure class=\"wp-block-image size-full\"><img loading=\"lazy\" decoding=\"async\" width=\"680\" height=\"312\" src=\"https:\/\/www.wpbeginner.com\/wp-content\/uploads\/2026\/01\/wpforms-settings-confirmations-custommessage.png\" alt=\"Adding a custom message for form submission confirmation\" class=\"wp-image-384429\" srcset=\"https:\/\/www.wpbeginner.com\/wp-content\/uploads\/2026\/01\/wpforms-settings-confirmations-custommessage.png 680w, https:\/\/www.wpbeginner.com\/wp-content\/uploads\/2026\/01\/wpforms-settings-confirmations-custommessage-300x138.png 300w\" sizes=\"auto, (max-width: 680px) 100vw, 680px\" \/><\/figure>\n<h4 class=\"wp-block-heading\">Step 6: Test and Embed Your Form<\/h4>\n<p>Before you share your form with the world, you need to make sure the camera capture actually works.<\/p>\n<p>Start by clicking the \u2018Save\u2019 button at the top right of the form builder to save all your changes.<\/p>\n<figure class=\"wp-block-image size-full\"><img loading=\"lazy\" decoding=\"async\" width=\"680\" height=\"289\" src=\"https:\/\/www.wpbeginner.com\/wp-content\/uploads\/2026\/01\/wpforms-builder-save-button.png\" alt=\"The Save button in WPForms\" class=\"wp-image-384432\" srcset=\"https:\/\/www.wpbeginner.com\/wp-content\/uploads\/2026\/01\/wpforms-builder-save-button.png 680w, https:\/\/www.wpbeginner.com\/wp-content\/uploads\/2026\/01\/wpforms-builder-save-button-300x128.png 300w\" sizes=\"auto, (max-width: 680px) 100vw, 680px\" \/><\/figure>\n<p>Now let\u2019s preview this form on a page so you can test it.<\/p>\n<p>Go ahead and click the \u2018Preview\u2019 button to open your form preview in a new tab.<\/p>\n<figure class=\"wp-block-image size-full\"><img loading=\"lazy\" decoding=\"async\" width=\"680\" height=\"289\" src=\"https:\/\/www.wpbeginner.com\/wp-content\/uploads\/2026\/01\/wpforms-builder-preview-button.png\" alt=\"The Preview button in WPForms\" class=\"wp-image-384434\" srcset=\"https:\/\/www.wpbeginner.com\/wp-content\/uploads\/2026\/01\/wpforms-builder-preview-button.png 680w, https:\/\/www.wpbeginner.com\/wp-content\/uploads\/2026\/01\/wpforms-builder-preview-button-300x128.png 300w\" sizes=\"auto, (max-width: 680px) 100vw, 680px\" \/><\/figure>\n<p>On the preview, you can fill out your form fields with dummy data.<\/p>\n<p>To make sure validation is working, try entering a typo or leaving a required field blank.<\/p>\n<figure class=\"wp-block-image size-full\"><img loading=\"lazy\" decoding=\"async\" width=\"680\" height=\"319\" src=\"https:\/\/www.wpbeginner.com\/wp-content\/uploads\/2026\/01\/wpforms-preview-validation.png\" alt=\"Checking form validation\" class=\"wp-image-384437\" srcset=\"https:\/\/www.wpbeginner.com\/wp-content\/uploads\/2026\/01\/wpforms-preview-validation.png 680w, https:\/\/www.wpbeginner.com\/wp-content\/uploads\/2026\/01\/wpforms-preview-validation-300x141.png 300w\" sizes=\"auto, (max-width: 680px) 100vw, 680px\" \/><\/figure>\n<p>Next, click on the camera button in your form.<\/p>\n<p>Your browser will then ask for permission to access your camera. Go ahead and click \u2018Allow this time\u2019 or \u2018Allow while visiting the site\u2019 to grant permission.<\/p>\n<div class=\"wpb-alert style-yellow\">\n<p><strong>Note: <\/strong>For security reasons, some browsers will block camera access if your site is not using HTTPS. Ensure an <a href=\"https:\/\/www.wpbeginner.com\/beginners-guide\/how-to-get-a-free-ssl-certificate-for-your-wordpress-website\/\" title=\"How to Get a Free SSL Certificate for Your WordPress Website (Beginner\u2019s Guide)\">SSL certificate is installed<\/a>, or else the camera button will not work.<\/p>\n<\/div>\n<figure class=\"wp-block-image size-full\"><img loading=\"lazy\" decoding=\"async\" width=\"680\" height=\"389\" src=\"https:\/\/www.wpbeginner.com\/wp-content\/uploads\/2026\/01\/wpforms-preview-camera-permission.png\" alt=\"Camera permission\" class=\"wp-image-384439\" srcset=\"https:\/\/www.wpbeginner.com\/wp-content\/uploads\/2026\/01\/wpforms-preview-camera-permission.png 680w, https:\/\/www.wpbeginner.com\/wp-content\/uploads\/2026\/01\/wpforms-preview-camera-permission-300x172.png 300w\" sizes=\"auto, (max-width: 680px) 100vw, 680px\" \/><\/figure>\n<p>You should now see yourself on screen with a 3-second countdown. Smile and let it capture your photo or video.<\/p>\n<p>When you\u2019ve filled out everything, hit \u2018Submit\u2019 and see if your confirmation message appears just right. You can then click the \u2018View Entries\u2019 link to see if the form submission went through.<\/p>\n<figure class=\"wp-block-image size-full\"><img loading=\"lazy\" decoding=\"async\" width=\"680\" height=\"332\" src=\"https:\/\/www.wpbeginner.com\/wp-content\/uploads\/2026\/01\/wpforms-preview-confirmation-viewentries.png\" alt=\"The View Entries link\" class=\"wp-image-384445\" srcset=\"https:\/\/www.wpbeginner.com\/wp-content\/uploads\/2026\/01\/wpforms-preview-confirmation-viewentries.png 680w, https:\/\/www.wpbeginner.com\/wp-content\/uploads\/2026\/01\/wpforms-preview-confirmation-viewentries-300x146.png 300w\" sizes=\"auto, (max-width: 680px) 100vw, 680px\" \/><\/figure>\n<p>On the next screen, you should see your submission test.<\/p>\n<p>In the Actions column, click \u2018View\u2019 to see the entry.<\/p>\n<figure class=\"wp-block-image size-full\"><img loading=\"lazy\" decoding=\"async\" width=\"680\" height=\"312\" src=\"https:\/\/www.wpbeginner.com\/wp-content\/uploads\/2026\/01\/wpforms-entries-actions-view.png\" alt=\"The View link in the Actions column\" class=\"wp-image-384448\" srcset=\"https:\/\/www.wpbeginner.com\/wp-content\/uploads\/2026\/01\/wpforms-entries-actions-view.png 680w, https:\/\/www.wpbeginner.com\/wp-content\/uploads\/2026\/01\/wpforms-entries-actions-view-300x138.png 300w\" sizes=\"auto, (max-width: 680px) 100vw, 680px\" \/><\/figure>\n<p>Now, you can scroll down to see your captured photo or video attached right there.<\/p>\n<p>Here\u2019s what it looks like on my screen:<\/p>\n<figure class=\"wp-block-image size-full\"><img loading=\"lazy\" decoding=\"async\" width=\"680\" height=\"357\" src=\"https:\/\/www.wpbeginner.com\/wp-content\/uploads\/2026\/01\/wpforms-entries-actions-view-profilepicture.png\" alt=\"Picture captured and submitted\" class=\"wp-image-384451\" srcset=\"https:\/\/www.wpbeginner.com\/wp-content\/uploads\/2026\/01\/wpforms-entries-actions-view-profilepicture.png 680w, https:\/\/www.wpbeginner.com\/wp-content\/uploads\/2026\/01\/wpforms-entries-actions-view-profilepicture-300x158.png 300w\" sizes=\"auto, (max-width: 680px) 100vw, 680px\" \/><\/figure>\n<p>Once everything checks out, you can add this form to your <a href=\"https:\/\/www.wpbeginner.com\/guides\/\" title=\"How to Make a WordPress Website (Ultimate Guide)\">WordPress website<\/a>.<\/p>\n<p>Click the \u2018Embed\u2019 button to launch the wizard.<\/p>\n<figure class=\"wp-block-image size-full\"><img loading=\"lazy\" decoding=\"async\" width=\"680\" height=\"289\" src=\"https:\/\/www.wpbeginner.com\/wp-content\/uploads\/2026\/01\/wpforms-builder-embed-button.png\" alt=\"The Embed button in WPForms\" class=\"wp-image-384454\" srcset=\"https:\/\/www.wpbeginner.com\/wp-content\/uploads\/2026\/01\/wpforms-builder-embed-button.png 680w, https:\/\/www.wpbeginner.com\/wp-content\/uploads\/2026\/01\/wpforms-builder-embed-button-300x128.png 300w\" sizes=\"auto, (max-width: 680px) 100vw, 680px\" \/><\/figure>\n<p>This will open a popup where you can either pick an existing page or create a new one for your form.<\/p>\n<ul class=\"wp-block-list\">\n<li><strong>Select Existing Page:<\/strong> A dropdown will show all the pages on your WordPress site.<\/li>\n<li><strong>Create New Page:<\/strong> A \u2018Name Your Page\u2019 field will appear for you to enter a title.<\/li>\n<\/ul>\n<p>For this guide, I\u2019ll choose \u2018Create New Page\u2019.<\/p>\n<figure class=\"wp-block-image size-full\"><img loading=\"lazy\" decoding=\"async\" width=\"680\" height=\"336\" src=\"https:\/\/www.wpbeginner.com\/wp-content\/uploads\/2025\/12\/wpforms-embed-createnewpage.png\" alt=\"Create a new page button\" class=\"wp-image-382380\" srcset=\"https:\/\/www.wpbeginner.com\/wp-content\/uploads\/2025\/12\/wpforms-embed-createnewpage.png 680w, https:\/\/www.wpbeginner.com\/wp-content\/uploads\/2025\/12\/wpforms-embed-createnewpage-300x148.png 300w\" sizes=\"auto, (max-width: 680px) 100vw, 680px\" \/><\/figure>\n<p>Next, enter a name for your new page, for example, I\u2019m calling mine \u201cContact Form.\u201d<\/p>\n<p>Click \u2018Let\u2019s Go!\u2019<\/p>\n<figure class=\"wp-block-image size-full\"><img loading=\"lazy\" decoding=\"async\" width=\"680\" height=\"298\" src=\"https:\/\/www.wpbeginner.com\/wp-content\/uploads\/2026\/01\/wpforms-embedwizard-newpage-letsgo.png\" alt=\"Naming the new page\" class=\"wp-image-384457\" srcset=\"https:\/\/www.wpbeginner.com\/wp-content\/uploads\/2026\/01\/wpforms-embedwizard-newpage-letsgo.png 680w, https:\/\/www.wpbeginner.com\/wp-content\/uploads\/2026\/01\/wpforms-embedwizard-newpage-letsgo-300x131.png 300w\" sizes=\"auto, (max-width: 680px) 100vw, 680px\" \/><\/figure>\n<p>You\u2019ll then land on the page\u2019s block editor with your form already loaded.<\/p>\n<p>From here, you can tweak the \u2018Form Settings\u2019 in the right-hand panel. <\/p>\n<p>By default, the form title is hidden, so you might want to turn it on to give visitors more context. You can also enable the description if you\u2019ve added one.<\/p>\n<figure class=\"wp-block-image size-full\"><img loading=\"lazy\" decoding=\"async\" width=\"680\" height=\"332\" src=\"https:\/\/www.wpbeginner.com\/wp-content\/uploads\/2026\/01\/blockeditor-wpforms-formsettings.png\" alt=\"Adjusting the form settings in the content editor\" class=\"wp-image-384459\" srcset=\"https:\/\/www.wpbeginner.com\/wp-content\/uploads\/2026\/01\/blockeditor-wpforms-formsettings.png 680w, https:\/\/www.wpbeginner.com\/wp-content\/uploads\/2026\/01\/blockeditor-wpforms-formsettings-300x146.png 300w\" sizes=\"auto, (max-width: 680px) 100vw, 680px\" \/><\/figure>\n<p>To make it look even better, <a href=\"https:\/\/www.wpbeginner.com\/wp-tutorials\/how-to-customize-and-style-your-wordpress-forms\/\" title=\"How to Customize and Style Your WordPress Forms (Easy Methods)\">style the form<\/a> to match your site\u2019s theme.<\/p>\n<p>Go ahead and choose a theme from the Themes section.<\/p>\n<figure class=\"wp-block-image size-full\"><img loading=\"lazy\" decoding=\"async\" width=\"680\" height=\"410\" src=\"https:\/\/www.wpbeginner.com\/wp-content\/uploads\/2026\/01\/blockeditor-wpforms-themes.png\" alt=\"Applying a WPForms theme\" class=\"wp-image-384461\" srcset=\"https:\/\/www.wpbeginner.com\/wp-content\/uploads\/2026\/01\/blockeditor-wpforms-themes.png 680w, https:\/\/www.wpbeginner.com\/wp-content\/uploads\/2026\/01\/blockeditor-wpforms-themes-300x181.png 300w\" sizes=\"auto, (max-width: 680px) 100vw, 680px\" \/><\/figure>\n<p>When you\u2019re happy with how it looks, click \u2018Save\u2019.<\/p>\n<p>With that done, publish or update your page and click \u2018View Page\u2019 to see the live version on your WordPress site:<\/p>\n<figure class=\"wp-block-image size-full\"><img loading=\"lazy\" decoding=\"async\" width=\"680\" height=\"411\" src=\"https:\/\/www.wpbeginner.com\/wp-content\/uploads\/2026\/01\/livesite-contactform-with-camera-field.png\" alt=\"Contact form with a camera field on a live site\" class=\"wp-image-384463\" srcset=\"https:\/\/www.wpbeginner.com\/wp-content\/uploads\/2026\/01\/livesite-contactform-with-camera-field.png 680w, https:\/\/www.wpbeginner.com\/wp-content\/uploads\/2026\/01\/livesite-contactform-with-camera-field-300x181.png 300w\" sizes=\"auto, (max-width: 680px) 100vw, 680px\" \/><\/figure>\n<p>For details, see our guide on <a href=\"https:\/\/www.wpbeginner.com\/beginners-guide\/how-to-embed-forms-in-wordpress\/\" title=\"How to Embed Forms in WordPress (Ultimate Guide for Beginners)\">how to embed forms in WordPress<\/a>.<\/p>\n<div class=\"wpb-alert style-blue\">\n<p><strong>\ud83e\uddd1\u200d\ud83d\udcbb Pro Tip:<\/strong> Once you embed your form, make sure to open the page on your mobile device to make sure the camera opens smoothly and feels natural on a smaller screen.<\/p>\n<\/div>\n<h4 class=\"wp-block-heading\">FAQs About Capturing Live Camera Photos or Videos in WordPress Forms<\/h4>\n<p>Before we wrap up, here are answers to some common questions people have about using camera uploads and file fields in forms.<\/p>\n<details class=\"wp-block-details is-layout-flow wp-block-details-is-layout-flow\">\n<summary><strong>How do I collect photos in Google Forms?<\/strong><\/summary>\n<p>Google Forms supports file uploads, but it lacks a dedicated Smart Camera field. While users can manually select a file, <a href=\"https:\/\/wpforms.com\/\" target=\"_blank\" title=\"WPForms - Drag &amp; Drop WordPress Form Builder\">WPForms<\/a> offers a seamless integration that triggers the camera directly, making it much faster for users to snap and submit.<\/p>\n<\/details>\n<details class=\"wp-block-details is-layout-flow wp-block-details-is-layout-flow\">\n<summary><strong>Can WordPress forms have a camera?<\/strong><\/summary>\n<p>Yes. Some WordPress form plugins, like <a href=\"https:\/\/wpforms.com\/\" target=\"_blank\" title=\"WPForms - Drag &amp; Drop WordPress Form Builder\">WPForms<\/a>, support a camera field that lets users take photos or record videos directly from their device and submit them with the form.<\/p>\n<\/details>\n<details class=\"wp-block-details is-layout-flow wp-block-details-is-layout-flow\">\n<summary><strong>What is a file upload field?<\/strong><\/summary>\n<p>A file upload field lets users attach files like images, PDFs, or videos when submitting a form. It\u2019s useful for things like photo uploads, resumes, or documents.<\/p>\n<\/details>\n<details class=\"wp-block-details is-layout-flow wp-block-details-is-layout-flow\">\n<summary><strong>How do I take a picture in WordPress forms?<\/strong><\/summary>\n<p>You add a camera or file upload field to your form using a <a href=\"https:\/\/www.wpbeginner.com\/plugins\/5-best-contact-form-plugins-for-wordpress-compared\/\" title=\"Best WordPress Contact Form Plugins\">form plugin<\/a> that supports it, like WPForms. When users open the form on a device with a camera, they can take a photo directly instead of uploading an existing file.<\/p>\n<\/details>\n<details class=\"wp-block-details is-layout-flow wp-block-details-is-layout-flow\">\n<summary><strong>Can WordPress forms take webcam pictures?<\/strong><\/summary>\n<p>Yes. If the form plugin supports live camera input, users can take photos using their webcam on a desktop or the camera on their phone and submit them right away.<\/p>\n<\/details>\n<h4 class=\"wp-block-heading\">More Guides to Using WordPress Forms<\/h4>\n<p>I hope this tutorial has helped you add a camera field to let users take live photos or videos directly in your WordPress forms. <\/p>\n<p>Next, you might want to learn:<\/p>\n<ul class=\"wp-block-list\">\n<li><a href=\"https:\/\/www.wpbeginner.com\/wp-tutorials\/how-to-add-image-choices-in-wordpress-forms-boost-engagement\/\" title=\"How to Add Image Choices in WordPress Forms (Boost Engagement)\">How to Add Image Choices in WordPress Forms<\/a><\/li>\n<li><a href=\"https:\/\/www.wpbeginner.com\/wp-tutorials\/how-to-show-a-floating-contact-form-in-wordpress\/\" title=\"How to Show a Floating Contact Form in WordPress\">How to Show a Floating Contact Form in WordPress<\/a><\/li>\n<li><a href=\"https:\/\/www.wpbeginner.com\/plugins\/how-to-use-contact-form-to-build-your-email-list-in-wordpress\/\" title=\"How to Use Contact Form to Grow Your Email List in WordPress\">How to Use Contact Forms to Grow Your Email List in WordPress<\/a><\/li>\n<li><a href=\"https:\/\/www.wpbeginner.com\/wp-tutorials\/ways-to-use-conditional-logic-in-wordpress-forms\/\" title=\"Ways to Use Conditional Logic in WordPress Forms (Top Use Cases)\">Ways to Use Conditional Logic in WordPress Forms<\/a><\/li>\n<li><a href=\"https:\/\/www.wpbeginner.com\/wp-tutorials\/the-ultimate-guide-to-using-wordpress-forms\/\" title=\"The Ultimate Guide to Using WordPress Forms (All You Need to Know)\">Ultimate Guide to Using WordPress Forms (All You Need to Know)<\/a><\/li>\n<\/ul>\n<p>If you liked this article, then please subscribe to our\u00a0<a href=\"https:\/\/youtube.com\/wpbeginner?sub_confirmation=1\" target=\"_blank\" rel=\"noreferrer noopener nofollow\" title=\"Subscribe to WPBeginner YouTube Channel\">YouTube Channel<\/a>\u00a0for WordPress video tutorials. You can also find us on\u00a0<a href=\"https:\/\/twitter.com\/wpbeginner\" target=\"_blank\" rel=\"noreferrer noopener nofollow\" title=\"Follow WPBeginner on Twitter\">Twitter<\/a>\u00a0and <a href=\"https:\/\/facebook.com\/wpbeginner\" target=\"_blank\" rel=\"noreferrer noopener nofollow\" title=\"Join WPBeginner Community on Facebook\">Facebook<\/a>.<\/p>\n<p>The post <a href=\"https:\/\/www.wpbeginner.com\/wp-tutorials\/take-live-photos-and-videos-in-wordpress-forms\/\">How I Let Users Take Live Photos and Videos in My WordPress Forms<\/a> first appeared on <a href=\"https:\/\/www.wpbeginner.com\/\">WPBeginner<\/a>.<\/p>","protected":false},"excerpt":{"rendered":"<p>I used to ask people to email me their photos for my website. Profile pictures for membership sites, headshots for team pages, even simple ID verification images \u2013 and every single time, it turned into a back-and-forth mess. People would forget to attach the file. Or they\u2019d send a photo that was way too large. [&hellip;]<\/p>\n","protected":false},"author":1,"featured_media":350,"comment_status":"open","ping_status":"open","sticky":false,"template":"","format":"standard","meta":{"footnotes":""},"categories":[1],"tags":[],"class_list":["post-349","post","type-post","status-publish","format-standard","has-post-thumbnail","hentry","category-blog"],"_links":{"self":[{"href":"https:\/\/xn--mnchen-3ya.xyz\/index.php\/wp-json\/wp\/v2\/posts\/349","targetHints":{"allow":["GET"]}}],"collection":[{"href":"https:\/\/xn--mnchen-3ya.xyz\/index.php\/wp-json\/wp\/v2\/posts"}],"about":[{"href":"https:\/\/xn--mnchen-3ya.xyz\/index.php\/wp-json\/wp\/v2\/types\/post"}],"author":[{"embeddable":true,"href":"https:\/\/xn--mnchen-3ya.xyz\/index.php\/wp-json\/wp\/v2\/users\/1"}],"replies":[{"embeddable":true,"href":"https:\/\/xn--mnchen-3ya.xyz\/index.php\/wp-json\/wp\/v2\/comments?post=349"}],"version-history":[{"count":0,"href":"https:\/\/xn--mnchen-3ya.xyz\/index.php\/wp-json\/wp\/v2\/posts\/349\/revisions"}],"wp:featuredmedia":[{"embeddable":true,"href":"https:\/\/xn--mnchen-3ya.xyz\/index.php\/wp-json\/wp\/v2\/media\/350"}],"wp:attachment":[{"href":"https:\/\/xn--mnchen-3ya.xyz\/index.php\/wp-json\/wp\/v2\/media?parent=349"}],"wp:term":[{"taxonomy":"category","embeddable":true,"href":"https:\/\/xn--mnchen-3ya.xyz\/index.php\/wp-json\/wp\/v2\/categories?post=349"},{"taxonomy":"post_tag","embeddable":true,"href":"https:\/\/xn--mnchen-3ya.xyz\/index.php\/wp-json\/wp\/v2\/tags?post=349"}],"curies":[{"name":"wp","href":"https:\/\/api.w.org\/{rel}","templated":true}]}}