Trusted WordPress tutorials, when you need them most.
Beginner’s Guide to WordPress
Coupe WPB
25 Million+
Websites using our plugins
16+
Years of WordPress experience
3000+
WordPress tutorials
by experts

Comment créer un formulaire de téléversement Dropbox dans WordPress

Note éditoriale : Nous percevons une commission sur les liens des partenaires sur WPBeginner. Les commissions n'affectent pas les opinions ou les évaluations de nos rédacteurs. En savoir plus sur Processus éditorial.

Voulez-vous créer un formulaire de téléversement Dropbox dans WordPress ?

Un formulaire de contact avec une option de téléversement de fichiers pourrait être difficile à gérer si vous recevez trop de fichiers joints. Vous pouvez connecter votre formulaire à Dropbox et téléverser ces fichiers directement dans le cloud.

Dans cet article, nous allons vous afficher comment créer facilement un formulaire de téléversement Dropbox dans WordPress.

Creating a WordPress Dropbox upload form

Pourquoi utiliser Dropbox pour téléverser des fichiers joints à un formulaire ?

Il peut arriver que les utilisateurs/utilisatrices aient besoin de téléverser un fichier joint à l’aide d’un formulaire sur votre site. Par exemple, un site d’offres d’emploi peut avoir besoin d’une option de téléversement de fichiers pour téléverser des CV ou des échantillons de travail.

Un formulaire de retour d’information client peut avoir besoin d’une option de téléversement de fichiers pour que les utilisateurs/utilisatrices puissent envoyer des captures d’écran. Un site de concours photo peut aussi en avoir besoin pour que les utilisateurs/utilisatrices téléversent leurs photos.

Au fur et à mesure que vous recevez des fichiers, vous pouvez les stocker sur votre site WordPress. Ils seront ajoutés au dossier wp-content de votre site.

Toutefois, si vous vous attendez à recevoir une tonne d’entrées et que celles-ci ne sont pas liées aux fichiers de votre site proprement dit, il est judicieux de les enregistrer séparément.

Téléverser les fichiers joints à un formulaire dans Dropbox présente les avantages suivants :

  • Vous pouvez séparer les outils de téléversement des formulaires de vos fichiers WordPress.
  • Dropbox facilite le partage de ces fichiers avec n’importe qui, et vous n’aurez pas besoin de leur donner accès à votre site.
  • Vous pouvez facilement parcourir et gérer les fichiers joints aux formulaires depuis votre Tableau de bord Dropbox.
  • Si vous n’avez plus besoin de ces fichiers, vous pouvez les télécharger, les archiver et les supprimer.

Cela dit, voyons comment réaliser un formulaire WordPress avec une faculté de téléverser des fichiers sur Dropbox.

Créer un formulaire de téléversement Dropbox dans WordPress

La façon la plus simple de créer un formulaire Dropbox dans WordPress est d’utiliser WPForms. C’est la meilleure extension de formulaire de contact pour WordPress et offre des modèles prédéfinis, un constructeur de formulaires par glisser-déposer et des intégrations premium.

Tout d’abord, vous devez installer et activer l’extension WPForms. Pour plus de détails, nous vous invitons à consulter notre article sur l ‘installation d’une extension WordPress.

Note : WPForms est une extension payante construite par la même équipe que WPBeginner, et vous aurez besoin au moins de leur offre  » Pro  » pour accéder au module Zapier que nous utiliserons dans ce tutoriel. Il existe également une version WPForms Lite que vous pouvez utiliser gratuitement.

Lors de l’activation, vous devrez vous rendre dans WPForms  » Réglages depuis votre Tableau de bord WordPress et saisir votre clé de licence. Vous pouvez facilement trouver la clé de licence dans votre espace de compte WPForms.

Entering your WPForms license key on your site

Ensuite, vous devez visiter WPForms  » Ajouter une nouvelle dans votre zone d’administration WordPress.

À partir de là, vous pouvez ajouter un nouveau formulaire de téléversement de fichiers Dropbox.

Add new form

Vous accéderez à la page du constructeur de formulaires WPForms.

Il vous suffit de donner un nom à votre formulaire en haut de la page et de sélectionner le modèle « Formulaire de contact simple » comme point de départ.

Choose simple contact form template

WPForms chargera le Modèle de formulaire avec les champs de formulaire couramment utilisés. Vous pouvez cliquer sur n’importe quel champ pour le modifier et faire glisser les champs pour les réorganiser ou ajouter de nouveaux champs au formulaire.

Ensuite, vous devez cliquer sur le champ « Téléverser un fichier » situé dans la section « Champs fantaisie » dans la colonne de gauche.

Add file upload button

Cela ajoutera le champ de téléversement de fichier à votre formulaire.

Cliquez sur le bouton « Enregistrer » pour enregistrer votre formulaire, et votre formulaire de téléversement de fichiers est prêt.

Intégrer Zapier à WPForms

Ensuite, vous devez connecter votre formulaire à votre compte Dropbox.

Pour ce faire, nous allons utiliser un service appelé Zapier. Zapier vous permet de connecter différentes apps à votre site sans écrire de code. Dans ce cas, nous allons l’utiliser pour établir une Version entre WPForms et Dropbox.

WPForms est livré avec un  » module Zapier  » que vous pouvez utiliser pour vous intégrer à plus de 1500 apps populaires, dont Dropbox.

Pour accéder à ce module, vous devez vous rendre sur la page WPForms  » Addons. De là, vous devez rechercher l’addon Zapier et cliquer sur le bouton  » Installer le module « . Cela activera le module automatiquement.

Install Zapier addon

Ensuite, vous devez vous rendre sur la page WPForms  » Réglages  » Intégrations dans votre zone d’administration WordPress.

À partir de là, vous devez copier la  » Clé de l’API de Zapier  » dont vous aurez besoin pour connecter votre site WordPress à Zapier.

Copy Zapier API key

Une fois copié, vous devez vous rendre sur le site de Zapier et vous connecter à votre compte Zapier.

Cliquez ensuite sur le bouton « Créer un zap » pour continuer.

Create a zap

Sélectionné, Zapier vous demandera de sélectionner un déclencheur.

De nombreuses applications sont disponibles. Sélectionné pour ‘WPForms’ et sélectionné comme application de déclenchement.

Select WPForms app

Ensuite, vous devez sélectionner « Nouvelle entrée de formulaire » comme évènement déclencheur pour l’application WPForms.

Il créera un déclencheur à chaque entrée de formulaire.

Choose an event

Ensuite, vous devez sélectionner un compte de formulaires WPForms.

Vous pouvez aller de l’avant et cliquer sur le bouton  » Signer  » pour connecter votre compte Zapier avec l’extension WPForms sur votre site.

Sign in to your WPForms account

Une nouvelle fenêtre s’ouvre.

Pour connecter Zapier à votre site web, vous devrez ajouter l’URL de votre site et la clé API de Zapier que vous avez copiée précédemment.

Enter Zapier API key and website

Après avoir saisi/saisie ces informations, cliquez sur le bouton « Oui, continuer ».

Ceci affichera le compte WPForms. Cliquez sur le bouton « Continuer ».

Choose your WPForms account in Zapier

Sélectionné dans le menu déroulant « Formulaire », vous devez sélectionner le formulaire de téléversement de fichiers que vous avez créé précédemment.

Une fois que c’est fait, cliquez sur le bouton « Continuer ».

Choose your contact form

Avant de passer à l’étape suivante, Zapier vous demandera de tester le nouveau formulaire de téléversement de fichiers pour voir si tous les réglages fonctionnent correctement.

Vous pouvez visiter la page WPForms  » All Forms dans la zone d’administration de WordPress et cliquer sur le lien ‘Prévisualisation’ sous le formulaire de téléversement de fichiers.

Preview form

Pour que ce test se déroule sans encombre, vous devez téléverser un fichier et ajouter un texte fictif dans la section « message ».

Envoyez l’entrée de test et rendez-vous sur votre compte Zapier. Ensuite, cliquez sur le bouton  » Tester le déclencheur « .

Test your trigger

Note : Vous pouvez vérifier l’entrée du test dans la section « Trouver des données ».

Si le test est bien réussi, il passe à l’étape suivante, où vous pouvez intégrer votre formulaire à Dropbox.

Connecter WPForms à Dropbox

Tout d’abord, vous devez vous rendre sur votre compte Dropbox et créer un nouvel outil de téléversement Dropbox.

Vous pouvez renommer ce dossier ‘WPForms Téléversés’ ou lui donner n’importe quel nom. Tous vos fichiers joints seront téléversés automatiquement dans ce dossier.

Ensuite, vous devez retourner sur votre compte Zapier. Dans la section  » Action « , vous devez rechercher l’application  » Dropbox app  » et cliquer dessus.

Choose Dropbox as the action app

Il vous demandera de créer une action pour Dropbox.

Sélectionnez l’option « Téléverser un fichier » et cliquez sur le bouton « Continuer ».

Choose Dropbox action event

Ensuite, vous devez cliquer sur le bouton « Se connecter ».

Vous pouvez ainsi sélectionner votre compte Dropbox et le connecter à Zapier.

Sign in to your Dropbox account

Ensuite, vous devrez sélectionner votre compte Dropbox dans le menu déroulant.

Après avoir sélectionné le compte, il suffit de cliquer sur le bouton « Continuer ».

Choose your Dropbox account

Vous devez maintenant définir les Réglages des fichiers Dropbox. Deux options vous sont proposées :

  1. Le dossier Dropbox dans lequel vous souhaitez enregistrer les fichiers joints.
  2. Le champ de téléversement de fichiers de WPForms
Set up Dropbox settings

Vous pouvez ensuite défiler vers le bas pour accéder à des réglages plus avancés.

Cliquez simplement sur le bouton « Continuer ».

More Dropbox settings in Zapier

Après avoir défini les réglages, vous pouvez aller de l’avant et tester vos configurations.

Cliquez sur le bouton « Tester et continuer ».

Test your action

Une fois le test bien réussi, vous devrez publier votre Zap.

Il suffit de cliquer sur le bouton « Publier le Zap ».

Click publish zap button

Dernier point, une fenêtre surgissante s’ouvre.

Vous pouvez cliquer sur le bouton « Publier et activer ».

Click publish and turn on zap

Votre formulaire en ligne avec option de téléversement de fichiers est prêt à être ajouté à votre site.

Ajout d’un formulaire de téléversement Dropbox dans WordPress

Pour ajouter le formulaire de téléversement Dropbox dans WordPress, vous pouvez modifier n’importe quelle page ou publication où vous souhaitez l’afficher.

Il suffit d’ajouter le bloc WPForms à l’éditeur/éditrices de contenu et de sélectionner le formulaire que vous avez créé plus tôt.

WPForms widget

Dans le bloc WPForms, il suffit de sélectionner votre formulaire de téléversement de fichiers Dropbox dans le menu déroulant.

WPForms chargera l’aperçu direct de votre formulaire à l’intérieur de l’éditeur/édititrice de contenu.

Select form

Vous pouvez maintenant visiter votre site pour voir le formulaire en action.

Vous pouvez également tester le formulaire en téléversant un fichier et en remplissant le formulaire.

Previewing Dropbox upload form

Nous espérons que cet article vous a aidé à apprendre comment créer un formulaire de téléversement Dropbox sur WordPress. Vous pouvez également consulter notre guide sur la façon d’organiser un concours de cadeaux sur WordPress pour stimuler l’engagement des utilisateurs et nos choix d’experts des meilleures extensions Dropbox pour WordPress.

If you liked this article, then please subscribe to our YouTube Channel for WordPress video tutorials. You can also find us on Twitter and Facebook.

Divulgation : Notre contenu est soutenu par les lecteurs. Cela signifie que si vous cliquez sur certains de nos liens, nous pouvons gagner une commission. Consultez comment WPBeginner est financé, pourquoi cela compte et comment vous pouvez nous soutenir. Voici notre processus éditorial.

Avatar

Editorial Staff at WPBeginner is a team of WordPress experts led by Syed Balkhi with over 16 years of experience in WordPress, Web Hosting, eCommerce, SEO, and Marketing. Started in 2009, WPBeginner is now the largest free WordPress resource site in the industry and is often referred to as the Wikipedia for WordPress.

L'ultime WordPress Toolkit

Accédez GRATUITEMENT à notre boîte à outils - une collection de produits et de ressources liés à WordPress que tous les professionnels devraient avoir !

Reader Interactions

2 commentairesLaisser une réponse

  1. Syed Balkhi says

    Hey WPBeginner readers,
    Did you know you can win exciting prizes by commenting on WPBeginner?
    Every month, our top blog commenters will win HUGE rewards, including premium WordPress plugin licenses and cash prizes.
    You can get more details about the contest from here.
    Start sharing your thoughts below to stand a chance to win!

  2. Jiří Vaněk says

    WPForms is a great plugin and the more I see what it can do, the more I’m glad I have the full version. I see a great advantage in storing data on DropBox in that I can also protect my website space from malicious files. I will definitely use this guide, as I don’t want to let website users upload data directly to wp-content. It seems dangerous to me.

Laisser une réponse

Merci d'avoir choisi de laisser un commentaire. Veuillez garder à l'esprit que tous les commentaires sont modérés selon notre politique de commentaires, et votre adresse e-mail ne sera PAS publiée. Veuillez NE PAS utiliser de mots-clés dans le champ du nom. Ayons une conversation personnelle et significative.