Comment ajouter un champ appareil photo à votre formulaire WordPress (étape par étape)

Avez-vous déjà essayé de télécharger une photo sur un formulaire et vous êtes-vous retrouvé à faire défiler des tonnes de captures d'écran, de mèmes et de photos de vacances juste pour trouver la bonne ?

Parce que je le fais à chaque fois.

C'est pourquoi le champ Appareil photo de WPForms ressemble à un petit miracle. Il permet aux utilisateurs de prendre une photo ou une vidéo instantanément, directement depuis l'appareil photo de leur appareil, sans jamais quitter le formulaire.

Ce champ est la touche parfaite pour collecter des candidatures, des vérifications d'identité ou des soumissions pour un concours photo. Et puis, personne ne vous empêche de sélectionner vos propres prospects avec des soumissions photo instantanées sur nos modèles d'applications de rencontres… Je dis ça, je dis rien.

Voyons comment le configurer, étape par étape.

Comment ajouter un champ appareil photo à votre formulaire WordPress (étape par étape)

Qu'est-ce que le champ Appareil photo dans WPForms ?

Le champ Appareil photo permet aux utilisateurs de prendre une photo ou d'enregistrer une courte vidéo directement dans votre formulaire. Il fonctionne sur les appareils de bureau et mobiles et enregistre tout en toute sécurité avec le reste des entrées de votre formulaire.

Le champ Appareil photo est parfait pour :

• Formulaires de vérification d'identité photo
• Inscriptions à des concours ou événements
• Formulaires d'intégration de clients avec selfies ou courtes présentations
• Formulaires de commentaires avec témoignages vidéo

Étape 1 : Ajoutez le champ Appareil photo à votre formulaire

Tout d'abord, ouvrez votre formulaire ou créez-en un nouveau.

Vous trouverez le champ Appareil photo sous Fancy Fields dans le constructeur de formulaires, juste à côté du champ Téléchargement de fichiers.

Cliquez dessus ou faites glisser et déposez le champ Appareil photo dans la zone d'aperçu du formulaire pour l'ajouter à votre formulaire. Vous verrez alors une petite icône d'appareil photo où les utilisateurs cliqueront éventuellement pour capturer leur photo ou leur vidéo.

Et voilà ! Le champ Appareil photo est ajouté. Rangez tout le monde. On peut rentrer à la maison…

Je plaisante. Nous avons quelques options de personnalisation à couvrir, mais c'est à peu près tout !

Créez votre formulaire WordPress maintenant

Étape 2 : Choisissez le format de capture (Photo ou Vidéo)

Cliquez sur votre nouveau champ Appareil photo pour ouvrir le panneau Options du champ. Sous Format, vous verrez deux choix :

• Photo – idéal pour les photos de profil, les instantanés ou les cartes d'identité.
• Vidéo – parfait pour les présentations rapides, les témoignages ou les courts clips.

Par défaut, il est défini sur Photo, mais vous pouvez le changer à tout moment.

Lorsque les utilisateurs cliquent sur le bouton de l'appareil photo, ils verront un court compte à rebours de 3 secondes avant la capture… Juste assez de temps pour se recoiffer ou ajuster l'éclairage. 😉

Étape 3 : Définissez les limites de taille de fichier et de durée

Ok, ne quittez pas encore les Options du champ – faites maintenant défiler vers le bas jusqu’à Taille maximale du fichier.

Entrez la taille maximale (en Mo) pour chaque téléchargement. Si vous laissez ce champ vide, WPForms utilise la limite par défaut de votre serveur, qui est généralement de 64 Mo.

Pour la vidéo, vous pouvez également ajuster la Limite de temps (la valeur par défaut ici est de 1 minute 30 secondes).

Des clips plus courts aident vos formulaires à se charger plus rapidement et économisent de l'espace sur votre site. Espérons que personne n'essaie de télécharger son prochain long métrage de toute façon.

Étape 4 : Personnalisez le style et le texte du bouton Appareil photo

Ensuite, dans l'onglet Avancé, trouvez le menu déroulant Style du bouton.

Ce menu déroulant vous permettra de choisir entre une icône de bouton ou un lien.

Pendant que vous y êtes, voulez-vous que le bouton dise quelque chose de plus en phase avec votre marque ?

Mettez à jour le Texte du lien du bouton pour qu'il corresponde à votre ton avec quelque chose comme « 📸 Capturez avec votre appareil photo » ou « 🎥 Enregistrez mon introduction » ou quoi que ce soit qui corresponde réellement à votre marque.

Personnellement, je le changerais probablement pour quelque chose d'amusant comme « Dites cheese ! »

Des touches subtiles comme celle-ci permettent à vos formulaires de rester soignés et intentionnels.

Étape 5 : Choisissez où stocker les fichiers capturés

Par défaut, WPForms enregistre les photos et vidéos capturées dans le dossier Téléchargements de votre site, dans le répertoire WPForms.

Préférez-vous tout conserver dans votre médiathèque ? Activez simplement l'option Stocker le fichier dans la médiathèque WordPress sous l'onglet Avancé.

Et si vous préférez stocker les fichiers en externe — peut-être pour économiser de l'espace serveur — WPForms s'intègre parfaitement avec Dropbox et Google Drive pour un déchargement facile.

Vous pouvez également voir chaque fichier capturé dans votre tableau de bord des entrées, joint à chaque soumission.

Étape 6 : Restreignez l'accès aux fichiers téléchargés

Si votre formulaire collecte des médias sensibles (comme des pièces d'identité ou des téléchargements de clients), vous pouvez restreindre qui peut les consulter.

Sous l'onglet Avancé, activez Activer les restrictions d'accès aux fichiers.

Ici, vous pourrez :

• Restreindre l'accès aux utilisateurs WordPress connectés, ou
• Ajouter une protection par mot de passe pour plus de sécurité.

C'est un moyen simple mais important de garder les fichiers personnels privés.

Ajouter une option appareil photo à vos formulaires WordPress ne prend que quelques clics, mais cela change complètement la façon dont les gens interagissent avec votre site.

Essentiellement, vous ne collectez plus seulement du texte. Vous collectez des preuves, des visages, des moments et de la créativité directement via votre formulaire.

Alors allez-y ! Ouvrez WPForms, ajoutez le champ Appareil photo, et laissez vos utilisateurs poser.

FAQ sur le champ Appareil photo dans WPForms

Les utilisateurs peuvent-ils reprendre leur photo ou vidéo avant de soumettre ?

Oui ! Après la capture, ils verront un aperçu avec des options pour conserver, reprendre ou supprimer. Pas de mauvais selfies accidentels qui passent ! Cela rend l'expérience plus naturelle et donne aux utilisateurs la confiance que leur soumission est exactement comme ils le souhaitent.

Puis-je changer le compte à rebours ?

Oui — les développeurs peuvent l'ajuster avec un court extrait de code PHP si vous souhaitez un délai plus long ou plus court avant que l'appareil photo ne démarre. Par exemple, vous pourriez le prolonger pour les introductions vidéo afin que les utilisateurs aient le temps de se préparer, ou le raccourcir pour des instantanés rapides comme les vérifications d'identité.

Est-ce que ça fonctionne sur mobile ?

Absolument. Le champ Appareil photo utilise automatiquement l’appareil photo intégré d’un téléphone, permettant ainsi aux utilisateurs de prendre des photos ou des vidéos sur-le-champ. C’est particulièrement pratique pour les soumissions en déplacement — pensez aux confirmations de livraison, aux rapports de terrain ou aux retours visuels rapides.

Ai-je besoin d’un forfait supérieur pour y accéder ?

Non ! Le champ Appareil photo est disponible à partir de WPForms Basic, vous n’avez donc pas besoin de passer à un niveau supérieur pour l’utiliser. Si vous avez déjà un forfait payant, il est prêt à l’emploi directement dans votre constructeur. Il suffit de faire glisser, déposer, et vous capturez des photos et des vidéos en quelques minutes.

Ensuite, simplifiez l’intégration des clients

J’ai mentionné dans cet article de blog que le champ Appareil photo serait un excellent ajout à un formulaire d’intégration client. Je pense aux photos d’annuaire des employés, aux courtes vidéos de présentation, et plus encore. Vous souhaitez des conseils supplémentaires pour simplifier l’intégration des clients ? Lisez l’article de blog complet, ensuite.

Prêt à créer votre formulaire ? Commencez dès aujourd'hui avec le plugin de création de formulaires WordPress le plus simple.  WPForms Pro inclut de nombreux modèles gratuits et offre une garantie de remboursement de 14 jours.

Si cet article vous a aidé, suivez-nous sur Facebook et Twitter pour plus de tutoriels et de guides WordPress gratuits.