<div class="support-note primary">
Remarque : La fonctionnalité <a href="https://www.pipedrive.com/en/features/web-forms">Formulaires web</a> fait partie de l'extension LeadBooster. La configuration de Formulaires Web n’est disponible que pour les utilisateurs bénéficiant de l'autorisation admin affaires.</div>
Les <a href="https://www.pipedrive.com/en/features/web-forms">Formulaires Web</a> de Pipedrive vous permettent de créer vos propres formulaires personnalisés et de les intégrer sur votre site internet pour collecter les informations relatives aux visiteurs de votre site et de les entrer dans Pipedrive sous forme d'affaires ou de prospects.
<hr>
<h2 style="text-align: justify">
<a name="cr-er-un-formulaire-web"></a>Créer un formulaire web</h2>
<div class="support-note success primary">Remarque&nbsp;: Si vous n'avez jamais utilisé les Formulaires Web, sélectionner «&nbsp;Essayer les Formulaires Web&nbsp;» pour utiliser cette fonctionnalité.</div>
Pour créer un formulaire Web, allez dans Prospects &gt; Formulaires Web &gt; «&nbsp;Nouveau formulaire Web&nbsp;». 
<figure style="margin-left:auto;margin-right:auto;text-align:center;"><img src="https://kb-cms.pipedriveassets.com/web%20forms%207.jpg" alt=""></figure>
Sélectionnez un modèle de base et cliquez sur «&nbsp;Créer un formulaire&nbsp;».
<figure style="margin-left:auto;margin-right:auto;text-align:center;"><img src="https://kb-cms.pipedriveassets.com/web%20forms%201.jpg" alt=""></figure>
<hr>
<a name="C2IamCs"></a>
<h2 dir="ltr" style="text-align: justify">Éditeur de formulaires<a name="diteur-de-formulaires"></a></h2>
L'éditeur de formulaires vous permet de construire et de personnaliser vos formulaires Web. Vous pouvez ajouter différents blocs suivant les informations que vous souhaitez collecter. 
Le bloc d'introduction est obligatoire pour tous les formulaires Web. Pour modifier un bloc, développez-le en cliquant sur l'icône crayon.
<figure style="margin-left:auto;margin-right:auto;text-align:center;"><img src="https://kb-cms.pipedriveassets.com/Screen%20Capture%20on%202023-07-03%20at%2011-19-01.gif" alt=""></figure>
Pour ajouter un nouveau bloc, passez la souris sur l'éditeur de formulaire et cliquez sur le signe «&nbsp;+&nbsp;» à l'emplacement du formulaire où vous souhaitez ajouter le nouveau bloc.
<figure style="margin-left:auto;margin-right:auto;text-align:center;"><img src="https://kb-cms.pipedriveassets.com/web%20forms%202.jpg" alt=""></figure>
<hr>
<h2 dir="ltr" style="text-align: justify">Types de blocs<a name="types-de-blocs"></a></h2>
Vous pouvez utiliser deux types de blocs&nbsp;: champ de saisie et message.
<figure style="margin-left:auto;margin-right:auto;text-align:center;"><img src="https://kb-cms.pipedriveassets.com/web%20forms%203.jpg" alt=""></figure>
Champ de saisie 
<div dir="ltr" style="text-align: justify" class="support-note success primary">Remarque&nbsp;: La case «&nbsp;Obligatoire&nbsp;» n'apparaît que pour les champs personnalisés à option simple ou pour les champs personnalisés à option multiple avec une seule entrée disponible. </div>
Ce type de bloc vous permet de collecter des informations concernant les visiteurs de votre site telles que le nom, le numéro de téléphone, l'adresse e-mail, le statut marketing et divers <a href="https://support.pipedrive.com/hc/fr/articles/207228075-Custom-Fields" target="_blank">champs personnalisés</a> spécifiques à votre compte. Vous pouvez aussi décider de l'importance de ce bloc dans le formulaire en cochant la case «&nbsp;Obligatoire&nbsp;».
Actuellement, nos formulaires web acceptent les champs personnalisés des types suivants&nbsp;:
<ul><li dir="ltr">Texte</li><li dir="ltr">Texte de grande dimension</li><li dir="ltr">Option unique</li><li dir="ltr">Option multiple</li><li dir="ltr">Date</li><li dir="ltr">Adresse</li><li dir="ltr">Monétaire</li><li dir="ltr">Numérique</li><li dir="ltr">Téléphone</li></ul>
<div>Il existe aussi un champ de saisie de type pièce jointe, qui permet au visiteur de téléverser un fichier dans votre formulaire&nbsp;: </div>
<figure style="margin-left:auto;margin-right:auto;text-align:center;"><img src="https://kb-cms.pipedriveassets.com/web%20forms%204.jpg" alt=""></figure>
Message
L'autre type de bloc est le Message, qui permet à un utilisateur d'ajouter du texte dans le formulaire.
<figure style="margin-left:auto;margin-right:auto;text-align:center;"><img src="https://kb-cms.pipedriveassets.com/web%20forms%205.jpg" alt=""></figure>
Le dernier bloc du formulaire est le bouton Envoyer, qui est obligatoire. Ce bloc vous permet de définir le texte du bouton et de décider si vous voulez protéger le formulaire contre les spams. 
<figure style="margin-left:auto;margin-right:auto;text-align:center;"><img src="https://kb-cms.pipedriveassets.com/web%20forms%206.jpg" alt=""></figure>
<div dir="ltr" style="text-align: justify" class="support-note success primary">Remarque&nbsp;: Nous utilisons la version la plus récente de reCAPTCHA lorsque la protection spam est activée. Pour plus d'informations sur reCAPTCHA, visitez leur <a href="https://www.google.com/recaptcha/intro/v3.html">site Web</a>.</div>
<hr>
<h2 dir="ltr" style="text-align: justify">Style<a name="style"></a></h2>
<div dir="ltr" style="text-align: justify" class="support-note success primary">Remarque&nbsp;: La fenêtre d'Aperçu située sur le côté droit reflète les changements au fur et à mesure de leur introduction, ce qui vous permet de voir à quoi ressemblera votre formulaire Web pour ceux qui y répondront. </div>
La section Style vous permet de personnaliser l'apparence de vos formulaires Web de quatre façons. 
<figure style="margin-left:auto;margin-right:auto;text-align:center;"><img src="https://kb-cms.pipedriveassets.com/web%20forms%2012.jpg" alt=""></figure>
Couleurs et arrière-plan
Vous pouvez choisir des couleurs pour l'arrière-plan, le premier plan, le bouton de soumission et les étiquettes. 
<figure style="margin-left:auto;margin-right:auto;text-align:center;"><img src="https://kb-cms.pipedriveassets.com/web%20forms%208.jpg" alt=""></figure>
<div dir="ltr" class="support-note success primary">Remarque&nbsp;: Choisissez des teintes personnalisées en utilisant les boîtes déroulantes.</div>
 
Polices 
Choisissez entre des dizaines de polices personnalisées et ajustez le corps et l'épaisseur des caractères.
<figure style="margin-left:auto;margin-right:auto;text-align:center;"><img src="https://kb-cms.pipedriveassets.com/web%20forms%209.jpg" alt=""></figure>
Style du formulaire 
Vous pouvez aussi choisir le style de votre formulaire, y compris la taille, la forme et l'emplacement des cases de saisie de données du formulaire&nbsp;:
<figure style="margin-left:auto;margin-right:auto;text-align:center;"><img src="https://kb-cms.pipedriveassets.com/web%20forms%2010-2.jpg" alt=""></figure>
Identité et marque 
Pour finir, ajoutez des images à votre formulaire Web et affichez ou masquez le logo Pipedrive.
<figure style="margin-left:auto;margin-right:auto;text-align:center;"><img src="https://kb-cms.pipedriveassets.com/web%20forms%2011.jpg" alt=""></figure>
<div dir="ltr" class="support-note success primary">Remarque&nbsp;: Les obligations à respecter concernant la taille des images dépendent de l'emplacement de celles-ci. Les images n'apparaissent que lorsque le formulaire web est envoyé directement par un lien partagé (indépendant), pas lorsqu'il est intégré dans une page Web.</div>
<hr>
<a name="C5IamCs"></a>
<h2 style="text-align: justify">Options d'envoi<a name="options-d-envoi"></a></h2>
Vous devez ensuite décider comment vous souhaitez que les formulaires remplis et envoyés par les utilisateurs soient entrés dans votre compte Pipedrive. 
<figure style="margin-left:auto;margin-right:auto;text-align:center;"><img src="https://kb-cms.pipedriveassets.com/web%20forms%2013.jpg" alt=""></figure>
Vous pouvez choisir de quelle façon les données sont enregistrées dans votre compte et le message de remerciement à afficher après l'envoi, et décider si vous souhaitez rediriger les visiteurs vers un autre site Web. 
<hr>
<h2 style="text-align: justify">Partager et intégrer<a name="partager-et-int-grer"></a></h2>
Vous avez le choix entre deux options pour le partage du lien de votre formulaire Web&nbsp;: Partager sous forme de lien ou Intégrer le formulaire sur votre site Web.
Cliquez sur «&nbsp;Copier dans le presse-papiers sous l'une ou l'autre section pour obtenir le lien pour votre formulaire Web. 
<figure style="margin-left:auto;margin-right:auto;text-align:center;"><img src="https://kb-cms.pipedriveassets.com/web%20forms%2014.jpg" alt=""></figure>
Vous pouvez envoyer l'URL Partager sous forme de lien directement à vos clients pour qu'ils remplissent et renvoient le formulaire, ou suivre les étapes dans le site Web de votre choix et copier l'URL dans votre page Web. 
<hr>
<a name="C6IamCs"></a>
<h2 style="text-align: justify">Champs de consentement pour les formulaires Web<a name="champs-de-consentement-pour-les-formulaires-web"></a></h2>
<div style="text-align: justify" class="support-note success primary">Remarque&nbsp;: Les étapes décrites ci-dessous supposent un champ personnalisé à option unique&nbsp;; vous pouvez apprendre à créer un tel champ dans <a href="https://support.pipedrive.com/article/custom-fields" target="_blank" rel="noreferrer noopener">cet article</a>. </div>
Pipedrive ne possède pas de champ de consentement par défaut pour vos formulaires Web, mais il existe une solution vous permettant de créer une case à cocher pour que vos contacts expriment leur consentement. 
<ol><li>Créez un champ personnalisé à option unique avec des options pour Oui et Non</li><li>Sélectionnez ce champ dans le champ de saisie pour votre bloc de soumission</li><li>Cochez la case «&nbsp;Obligatoire&nbsp;» </li></ol>
<figure style="margin-left:auto;margin-right:auto;text-align:center;"><img src="https://kb-cms.pipedriveassets.com/web%20forms%2015.jpg" alt=""></figure>
Le client ne pourra alors plus soumettre ses réponses au formulaire Web sans remplir ce bloc. 
<div style="text-align: justify" class="support-note success primary">Remarque&nbsp;: Pour en savoir plus sur Pipedrive et le RGPD, consultez <a href="https://support.pipedrive.com/hc/fr/articles/360000335129-Pipedrive-and-GDPR" target="_blank" rel="noreferrer noopener">cet article</a></div>

Web Forms

cr-er-un-formulaire-web

Créer un formulaire web

diteur-de-formulaires

Éditeur de formulaires

types-de-blocs

Types de blocs

style

Style

options-d-envoi

Options d'envoi

partager-et-int-grer

Partager et intégrer

champs-de-consentement-pour-les-formulaires-web

Champs de consentement pour les formulaires Web

Formulaires web

<div class="support-note success primary">Remarque&nbsp;: Ces actions sont accessibles aux utilisateurs administrateurs globaux et aux utilisateurs standard pour lesquels l'autorisation correspondante a été activée. Pour bénéficier des formulaires web dans votre compte, il faut que votre abonnement comprenne l'<a href="https://support.pipedrive.com/article/leadbooster-add-on" target="_blank" rel="noreferrer noopener">extension LeadBooster</a>. </div>
L'entrée en vigueur du RGPD en 2018 a eu un impact important sur les entreprises de vente et de marketing, en particulier pour ce qui concernait la génération de prospects, la prospection et le e-commerce. Vous pouvez en apprendre plus sur la conformité au RGPD pour votre équipe de vente dans <a href="https://www.pipedrive.com/en/blog/gdpr-compliance" target="_blank" rel="noreferrer noopener">cet article de blog</a>.
Dans Pipedrive, nous avons la fonctionnalité <a href="https://support.pipedrive.com/article/web-forms">Formulaires Web</a>, l'un des outils les plus précieux pour collecter des prospects depuis votre site web. Cependant, en temps que contrôleur de l'information collectée, et en fonction des données que vous recueillez, vous devez, pour vous mettre en conformité avec le RGPD, informer vos clients si vous traitez leurs données et leur indiquer la nature de ce traitement.
<hr>
<h2 style="text-align: justify"><a name="configuration-des-champs-personnalis-s"></a>Configuration des champs personnalisés</h2>
Il vous faut tout d'abord penser précisément à ce qui est demandé à vos clients. Par exemple, vous pouvez leur demander de déclarer&nbsp;:
<ul><li>J'ai lu la Politique de confidentialité.</li><li>J'accepte les Conditions générales d'utilisation.</li><li>Je souhaite m'abonner à la newsletter.</li></ul>
Chacune des autorisations dont vous avez besoin nécessite un <a href="https://support.pipedrive.com/article/custom-fields" target="_blank" rel="noreferrer noopener">champ personnalisé</a> pour l'obtenir, et nous recommandons de créer des champs personnalisés de personne, puisque c'est à des personnes que vous demandez l'autorisation.
<div class="support-note success primary">Remarque&nbsp;: Le <a href="https://support.pipedrive.com/article/what-types-of-custom-fields-are-there" target="_blank" rel="noreferrer noopener">type de champ personnalisé</a> nécessaire dépend des options affichées sur votre check-list. Un champ à option simple doit avoir deux ou plusieurs options pour être utilisé dans un bloc de formulaire web (par exemple, «&nbsp;Oui&nbsp;» ou «&nbsp;Non&nbsp;»). Pour ajouter un bloc avec une seule option (par exemple «&nbsp;Oui&nbsp;»), utilisez plutôt un champ à options multiples. </div>
Politique de confidentialité
Pour la politique de confidentialité, créez un champ à options multiples, donnez-lui le nom approprié et ajoutez des options pour oui et, au besoin, non.
<figure style="margin-left:auto;margin-right:auto;text-align:center;"><img src="https://kb-cms.pipedriveassets.com/gdpr%20web%20forms%201.jpg" alt=""></figure>
Conditions générales d'utilisation
Pour les conditions générales d'utilisation, créez un champ à options multiples, donnez-lui le nom approprié et ajoutez des options pour oui et, au besoin, non. 
<figure style="margin-left:auto;margin-right:auto;text-align:center;"><img src="https://kb-cms.pipedriveassets.com/gdpr%20web%20forms%203.jpg" alt=""></figure>
Infolettre 
L'abonnement à une infolettre n'étant pas obligatoire, vous pouvez utiliser un champ à option simple, lui donner un nom approprié et ajouter des options pour oui et non. 
<figure><img src="https://kb-cms.pipedriveassets.com/gdpr%20web%20forms%202.jpg" alt=""></figure>
Une fois vos champs personnalisés créés, vous pouvez configurer votre formulaire web.
<hr>
<h2 style="text-align: justify"><a name="mise-en-place-d-un-formulaire-web"></a>Mise en place d'un formulaire web</h2>
Allez dans Prospects &gt; Formulaires Web &gt; «&nbsp;Éditeur de formulaire&nbsp;», puis utilisez le «&nbsp;+&nbsp;» au-dessus du bouton d'enregistrement pour ajouter vos blocs.
<figure style="margin-left:auto;margin-right:auto;text-align:center;"><img src="https://kb-cms.pipedriveassets.com/gdpr%20web%20forms%207.jpg" alt=""></figure>
Politique de confidentialité/Conditions générales d'utilisation 

Voici quelques points à garder présents à l'esprit lorsque vous créez les blocs de votre formulaire web&nbsp;:
<ul><li>Utilisez un bloc champ à renseigner</li><li>Sélectionnez le champ personnalisé que vous avez créé dans le menu déroulant sous champ à renseigner sur la droite</li><li>Surlignez votre texte et utilisez l'option «&nbsp;lier&nbsp;» pour créer un hyperlien vers une éventuelle documentation </li><li>Utilisez une visibilité personnalisée si vous souhaitez qu'une seule option soit disponible lors du remplissage du formulaire (par exemple «&nbsp;Oui&nbsp;») </li><li>Cochez la case obligatoire pour assurer que la question ne puisse pas être sautée</li></ul>
<figure style="margin-left:auto;margin-right:auto;text-align:center;"><img src="https://kb-cms.pipedriveassets.com/gdpr%20web%20forms%204.jpg" alt=""></figure>
Infolettre 
<div class="support-note success primary">Remarque&nbsp;: Contrairement à la notice de confidentialité ou aux nonditions d'utilisation, il n'est pas nécessaire que les utilisateurs acceptent ou s'abonnent à votre newsletter. </div>
La seule différence importante entre votre bloc infolettre et les autres est que vous n'avez pas besoin de consentement pour l'envoyer, et qu'il n'est donc pas nécessaire de limiter les réponses disponibles à une seule. 
<figure style="margin-left:auto;margin-right:auto;text-align:center;"><img src="https://kb-cms.pipedriveassets.com/gdpr%20web%20forms%205.jpg" alt=""></figure>
Une fois que vous avez fini d'ajouter vos blocs au formulaire web, cliquez sur «&nbsp;Enregistrer&nbsp;» dans le coin supérieur droit de votre écran&nbsp;:
<figure style="margin-left:auto;margin-right:auto;text-align:center;"><img src="https://kb-cms.pipedriveassets.com/gdpr%20web%20forms%206.jpg" alt=""></figure>
Vous pouvez consulter notre <a href="https://support.pipedrive.com/article/web-forms" target="_blank" rel="noreferrer noopener">article sur les formulaires web</a> pour apprendre la façon de les configurer.

How can I create a web form that is GDPR compliant?

configuration-des-champs-personnalis-s

Configuration des champs personnalisés

mise-en-place-d-un-formulaire-web

Mise en place d'un formulaire web

Comment créer un formulaire web conforme au RGPD ?

<div class="support-note success primary">Remarque : Cette page n'est accessible qu'aux utilisateurs administrateurs disposant de l'extension payante Formulaires web.</div>
Une fois que vous avez partagé ou inséré votre <a href="https://support.pipedrive.com/fr/article/web-forms">formulaire web</a>, vous pourrez suivre sa performance et son statut.
<figure><img src="https://kb-cms.pipedriveassets.com/Screen%20Shot%202021-06-11%20at%204.00.31%20PM.png" data-image="21591" alt="web form performance"></figure>
<ul><li>Vues — le nombre de fois que votre formulaire web a été vu.</li><li>Interactions — le nombre de fois qu'un visiteur a interagi avec votre formulaire web. On dit qu'une personne « interagit » avec un formulaire en ligne si elle a commencé à le remplir sans toutefois le soumettre. </li><li>Soumissions — le nombre de fois que le formulaire a été rempli et envoyé.</li><li>Conversion — le pourcentage de vues qui ont abouti à une soumission. </li><li>Statut — actif ou inactif. si vous désactivez votre formulaire web, il figurera dans « Formulaire web inactifs » et prendra la forme d'un lien erroné pour vos visiteurs. </li></ul>
Cliquez sur le bouton « ... » à côté de chaque formulaire web si vous souhaitez modifier, partager, insérer, désactiver, dupliquer ou supprimer ce dernier.

Web Forms: performance and status

Formulaires web : Performance et statut

Base de connaissances

Formulaires web

Vous avez des questions ?