Résumé IA
Souhaitez-vous permettre aux utilisateurs de prendre des photos ou d'enregistrer des vidéos directement depuis leur appareil tout en remplissant vos formulaires ? Le champ Appareil photo de WPForms rend cela possible en donnant aux utilisateurs l'accès à leur webcam ou à la caméra de leur appareil mobile. Ceci est utile pour collecter des photos de profil, des instantanés de vérification d'identité, des réponses vidéo rapides, et plus encore.
Ce tutoriel vous montrera comment utiliser le champ Appareil photo dans WPForms.
Avant de commencer, assurez-vous d'avoir installé et activé WPForms et vérifié votre licence. Ensuite, créez un nouveau formulaire ou modifiez-en un existant pour accéder au générateur de formulaires.
Ajouter un champ Appareil photo à votre formulaire
Dans le générateur de formulaires, vous trouverez le champ Appareil photo sous la section Fancy Fields. Cliquez sur le champ Appareil photo ou faites-le glisser et déposez-le dans la zone de prévisualisation du formulaire pour l'ajouter à votre formulaire.
Choisir le format de capture
Une fois que vous avez ajouté le champ Appareil photo, cliquez dessus dans la zone de prévisualisation du formulaire pour ouvrir son panneau Options du champ.
Ici, vous verrez le paramètre Format, qui détermine si les utilisateurs peuvent capturer une photo fixe ou enregistrer une vidéo. Par défaut, il est défini sur Photo, mais vous pouvez le passer à Vidéo si nécessaire.
Format Photo
Si vous sélectionnez Photo, le champ capturera des images fixes. Cette option est utile pour des choses comme les photos de profil, les participations à des concours ou les formulaires de vérification d'identité. Sur le frontend, les utilisateurs verront un bouton appareil photo sur lequel ils pourront cliquer pour prendre une photo.
Après un court minuteur de trois secondes, la photo est capturée et un aperçu est affiché afin que l'utilisateur puisse décider de la conserver ou de la reprendre.
Format Vidéo
Si vous sélectionnez Vidéo, le champ enregistrera un court clip vidéo. C'est un excellent choix pour des cas d'utilisation tels que les introductions vidéo ou les soumissions de commentaires. Comme pour les photos, un compte à rebours de trois secondes apparaît avant le début de l'enregistrement.
Par défaut, la durée maximale d'enregistrement est de 1 minute et 30 secondes, mais vous pouvez ajuster cette limite dans l'option Limite de temps pour contrôler la taille des fichiers.
Après la capture, les utilisateurs voient toujours un aperçu et peuvent choisir de conserver, de reprendre ou de supprimer leur photo ou vidéo.
Remarque : Lors de l'utilisation du champ Appareil photo, le navigateur peut demander aux utilisateurs d'autoriser l'accès à leur appareil photo et à leur microphone. Si les autorisations sont refusées, le champ ne fonctionnera pas.
Définir la taille maximale du fichier
En plus de contrôler le format de capture, vous pouvez également définir une limite de taille de fichier pour les photos et les vidéos. Pour ce faire, ouvrez les options du champ Appareil photo et localisez le paramètre Taille de fichier max.
Ici, vous pouvez entrer la taille maximale autorisée pour chaque fichier, en mégaoctets. Si vous laissez ce champ vide, WPForms utilisera la limite de téléchargement par défaut de votre serveur. Sur la plupart des serveurs, cette limite est de 64 Mo.
Changer le style du bouton Appareil photo
Si vous souhaitez modifier l'apparence du champ Appareil photo sur votre formulaire, ouvrez l'onglet Avancé dans le panneau Options du champ. Ensuite, recherchez le menu déroulant Style. Ici, vous pouvez choisir d'afficher le contrôle sous forme de bouton ou de lien, selon ce qui correspond le mieux à l'apparence de votre formulaire.
En dessous, le paramètre Texte du bouton de lien vous permet de personnaliser l'étiquette affichée sur le bouton ou le lien. Par exemple, vous pourriez le changer de « Capturer avec votre appareil photo » à « Prendre une photo » ou « Enregistrer une vidéo ».
Stocker les téléchargements de l'appareil photo
Par défaut, les photos et vidéos capturées avec le champ Appareil photo sont stockées dans le répertoire Uploads de votre site, dans le dossier WPForms.
Cependant, si vous préférez que les photos capturées soient enregistrées dans la médiathèque WordPress, accédez à l'onglet Avancé dans le panneau Options du champ et activez l'option Stocker le fichier dans la médiathèque WordPress .
Peu importe où vous stockez vos captures, vous pouvez toujours y accéder dans les Entrées de votre formulaire en cliquant sur le lien de la capture dans une entrée individuelle.
Remarque : Les fichiers capturés avec le champ Appareil photo, y compris les photos et les vidéos, peuvent occuper de l'espace de stockage sur votre site. Pour vous aider à gérer cela, WPForms propose un module complémentaire Dropbox et un module complémentaire Google Drive qui vous permettent de décharger automatiquement les fichiers vers un stockage externe. Cela maintient votre site WordPress léger tout en stockant les fichiers en toute sécurité.
Restreindre l'accès aux fichiers
Le champ Appareil photo vous permet de contrôler qui peut accéder aux photos et vidéos capturées en restreignant l'accès à des utilisateurs WordPress spécifiques ou en ajoutant une protection par mot de passe. Pour ce faire, accédez à l'onglet Avancé et activez le bouton bascule Activer les restrictions d'accès aux fichiers .
Une fois activé, vous pouvez choisir entre des restrictions basées sur les utilisateurs ou une protection par mot de passe. Pour plus de détails sur la configuration de ces paramètres, consultez notre guide sur comment restreindre l'accès aux fichiers téléchargés.
Questions fréquemment posées
Voici les réponses à certaines des questions les plus fréquentes que nous recevons concernant l'utilisation du champ Appareil photo dans WPForms.
Attention ! Certaines des FAQ de cette documentation contiennent du code PHP et sont destinées aux développeurs. Nous proposons ce code à titre de courtoisie mais ne fournissons pas de support pour les personnalisations de code ou le développement tiers.
Si vous préférez une approche plus simple pour ajouter du code personnalisé à votre site, veuillez consulter notre guide sur l'ajout de snippets de code personnalisés.
Puis-je modifier le compte à rebours avant qu'une photo ne soit prise ?
Oui. Par défaut, le champ Appareil photo affiche un compte à rebours de trois secondes avant le début de la capture d'une photo ou d'une vidéo. Si vous souhaitez ajuster ce temps d'attente, vous devrez ajouter le snippet de code suivant à votre site :
add_filter( 'wpforms_pro_forms_fields_camera_field_wait_time_seconds', function( $wait_time ) {
return 1; // Change this value to the number of seconds you want
} );
Vous pouvez mettre à jour le nombre à l'intérieur du snippet pour définir le compte à rebours en secondes.
Les utilisateurs peuvent-ils reprendre une photo ou une vidéo avant de soumettre ?
Oui. Après la capture, les utilisateurs verront des options pour utiliser, reprendre ou supprimer la photo ou la vidéo avant la soumission.
Puis-je choisir si le champ Appareil photo ouvre la caméra avant ou arrière sur les appareils mobiles ?
Par défaut, la caméra utilisée par le champ Appareil photo est déterminée par l'appareil mobile et le navigateur de l'utilisateur. Cependant, si vous souhaitez définir une direction de caméra par défaut (avant ou arrière), cela peut être fait avec un snippet de code personnalisé.
Pour plus de détails, consultez notre documentation pour développeurs sur la définition de la direction de caméra par défaut pour le champ Caméra.
C'est tout ! Vous savez maintenant comment utiliser le champ Caméra dans WPForms pour permettre à vos utilisateurs de capturer des photos ou des vidéos directement dans vos formulaires.
Ensuite, souhaitez-vous styliser vos formulaires pour qu'ils aient un aspect parfait ? Consultez notre guide sur l'utilisation des thèmes de formulaire pour tous les détails.