Le guide pour les artisans et entreprises de service

Si vous lisez cet article, c’est probablement que vous avez déjà un site, ou que vous êtes en train d’en créer un. Vous vous demandez comment rendre votre formulaire de contact engageant et attrayant.

Sur un site professionnel, ce formulaire peut sembler n’être qu’un détail. Et pourtant, c’est souvent le point de contact le plus important avec vos futurs clients.

Malheureusement, il est souvent mal conçu, ou même absent. Or c'est dommage de rater des ventes à cause d'un formulaire de contact qui ne fonctionne pas. Surtout si vous voulez que les gens viennent vers vous pour obtenir des devis.

➜Comme je ne suis pas du genre à vous laisser seul(e), démuni(e) dans la nature, je vous ai préparé un générateur de formulaire de contact. Vous pourrez l'intégrer à votre site internet. Pour télécharger votre formulaire personnalisé, je vous donne rendez-vous en bas de la page.

Pourquoi c'est difficile de faire un formulaire de contact ?

Parce que lorsqu’on crée son site soi-même, mettre en place un formulaire fonctionnel et bien relié à sa boîte mail c'est déjà sportif. Cela est vrai si vous utilisez des CMS comme Wordpress. En effet, entre les outils à connecter, les champs à choisir, le RGPD à respecter… Beaucoup finissent par utiliser un simple e-mail cliquable, ou par abandonner cette étape importante.

Résultat : des prospects perdus, des messages non reçus, et des occasions de vente qui disparaissent dans le vide.

Dans cet article, je vous guide pas à pas pour savoir quoi mettre (et ne pas mettre) dans un formulaire de contact professionnel. L’objectif est que vos visiteurs vous contactent facilement et que vous puissiez leur répondre sans rater aucune demande.

Vous pouvez soit le faire en natif avec votre constructeur de site ( Wordpress Elementor ou Hostinger) soit choisir une solution externe ( Jotform) si vous souhaitez quelque chose de plus complet.

Pourquoi avoir un bon formulaire de contact est essentiel

Sur Internet, vos visiteurs ne vont pas chercher votre numéro dans les petites lignes.
Ils veulent un moyen simple, rapide et rassurant de vous joindre.

Un bon formulaire de contact permet :

• D’éviter les messages incomplets (du type “Bonjour, j’ai besoin d’un devis” sans plus de détails)

• De faciliter votre organisation (vous avez toutes les infos essentielles en un coup d’œil)

• De rassurer vos clients : un site bien pensé donne une image sérieuse et professionnelle

Un formulaire bien conçu, c’est une porte ouverte vers plus de demandes, plus de clarté… et plus de clients.

Les champs indispensables

Pas besoin de beaucoup de questions. Un formulaire efficace est clair, rapide à remplir, et va à l’essentiel. Vous pouvez rendre obligatoire ou nom les champs. Voici les champs à prévoir :

1. Nom et prénom

   Pour vous permettre de personnaliser votre réponse. Vous créez un vrai lien dès le premier message.

2. Adresse e-mail

   Indispensable pour répondre facilement.
   Astuce : pensez à activer un accusé de réception automatique.

3. Numéro de téléphone (facultatif)

   Utile si vous préférez rappeler votre client ou si vous avez besoin d’échanger rapidement.
   Vous pouvez le rendre non obligatoire pour ne pas bloquer les plus réservés.

4. Objet de la demande (optionnel)

   Un petit menu déroulant pour aider à trier les messages :

   • Demande de devis

   • Prise de contact

   • Question technique

   • Autre

5. Message libre

   Le cœur du formulaire. Laissez de la place pour que le visiteur explique sa demande dans ses mots.

Pensez à ajouter une case à cocher sous votre formulaire avec une mention du type :

« J’ai lu et j’accepte la politique de confidentialité »,
en y intégrant un lien vers votre page dédiée.

Cela permet d’informer vos visiteurs de manière transparente sur l’utilisation de leurs données personnelles et de recueillir leur consentement explicite, comme l’exige le RGPD. Et, d'être au carré vis à vis de la loi.

Les erreurs fréquentes à éviter

Voici ce qui peut freiner vos prospects sans que vous le réalisiez :

• Trop de champs à remplir : cela décourage les visiteurs, surtout sur mobile

• Des informations inutiles : SIRET, adresse postale… réservez-les pour plus tard, en plus c'est intrusif pour le prospect, ne demandez que l'essentiel.

• Aucun message de confirmation : le visiteur ne sait pas si sa demande a bien été envoyée

• Pas de délai de réponse annoncé : une phrase comme “Je vous réponds sous 24h” inspire confiance

Comment inciter à l’envoi du formulaire

Vous avez un bon formulaire. Il reste maintenant à donner envie de cliquer sur “Envoyer”.

1. Ajoutez un texte d’introduction au-dessus du formulaire

Une phrase accueillante qui met en confiance.
Exemples :

• Une question ? Un besoin de devis ? Écrivez-moi, je vous réponds sous 24h.

• Décrivez-moi votre besoin en quelques lignes, je vous recontacte rapidement.

• Prise de contact simple et sans engagement.

2. Personnalisez le bouton d’envoi

Au lieu de “Envoyer”, utilisez une formule plus engageante :

• Recevoir ma réponse

• Envoyer ma demande

• Je prends contact

• C’est parti

Comment créer un formulaire de contact sur WordPress avec Elementor

Si vous utilisez WordPress avec Elementor, voici les étapes détaillées pour mettre en place un formulaire simple, efficace et conforme au RGPD :

Étape 1 : Installer Elementor Pro

Le widget “Formulaire” est uniquement disponible dans la version Pro d’Elementor.

Si vous ne l’avez pas encore, vous devrez souscrire à Elementor Pro pour débloquer cette fonctionnalité.

Étape 2 : Ajouter le widget “Formulaire”

Dans votre page de contact :

1. Cliquez sur le bouton “+ Ajouter une section”

2. Glissez-déposez le widget “Formulaire” dans votre section

Étape 3 : Configurer les champs

Par défaut, Elementor propose déjà :

• Nom

• Email

• Message

Comme tout est en anglais, vous aurez besoin de tout mettre en Français, pour cela, cliquez sur chaque champ pour :

• Modifier le label (ex. : “Votre nom” plutôt que “Name”)

• Rendre un champ obligatoire si besoin

• Ajouter d’autres champs (ex. : Téléphone, liste déroulante, case à cocher RGPD…)

Étape 4 : Ajouter une case RGPD

Cliquez sur “Ajouter un élément” > Case à cocher

Configurez-la ainsi :

• Label : J'ai lu et j'accepte la politique de confidentialité

• Cochez la case “Obligatoire”

• Ne cochez pas “Case cochée par défaut”

Astuce : vous pouvez aussi ajouter un lien vers votre politique de confidentialité, en mettant du texte juste au-dessus du formulaire, ou dans le champ “Label”.

Étape 5 : Configurer l’envoi du formulaire

Dans l’onglet “Actions après envoi”, sélectionnez :

• Email : pour recevoir les demandes dans votre boîte mail

• Merci : pour afficher un message de confirmation

Puis, dans la section “Email”, indiquez :

• L’adresse e-mail où vous souhaitez recevoir les messages

• L’objet de l’e-mail (ex. : “Nouveau message via le formulaire du site”)

• Le format d’affichage des champs

Étape 6 : Personnaliser le bouton d’envoi

Dans l’onglet “Contenu”, vous pouvez modifier le texte du bouton (ex. : “Envoyer ma demande”, “Je prends contact”).

Et dans l’onglet “Style”, vous pouvez ajuster :

• Les couleurs

• La police

• L’alignement

Étape 7 : Tester avant de publier

Une fois votre formulaire terminé, faites un test :

• Remplissez-le comme un vrai visiteur

• Vérifiez que vous recevez bien l’e-mail

• Contrôlez l’affichage du message de confirmation

Comment créer un formulaire de contact avec le constructeur de site Hostinger

Si vous avez construit votre site avec l’éditeur de site Hostinger, vous pouvez créer un formulaire de contact facilement, sans coder ni installer d’extensions.

Voici les étapes simples à suivre :

Étape 1 : Accéder à l’éditeur de site

1. Connectez-vous à votre compte Hostinger

2. Allez dans Sites web > Cliquez sur Éditer le site

3. Accédez à la page de contact (ou créez-en une nouvelle)

Étape 2 : Ajouter un formulaire

1. Cliquez sur “+ Ajouter une section”

2. Choisissez une section “Formulaire de contact” (plusieurs modèles sont proposés)

3. Cliquez sur Ajouter

Le formulaire est maintenant intégré à votre page.

Étape 3 : Personnaliser les champs

Cliquez sur le formulaire puis sur “Modifier le formulaire” :

• Nom et prénom

• Adresse e-mail

• Téléphone (facultatif)

• Message libre

Vous pouvez aussi ajouter un menu déroulant, des cases à cocher, ou tout autre champ utile à votre activité.

Étape 4 : Ajouter une case RGPD

1. Cliquez sur Ajouter un champ > Case à cocher

2. Intitulé : J’ai lu et j'accepte la politique de confidentialité.

3. Rendez cette case obligatoire, mais non cochée par défaut

Vous pouvez aussi insérer un lien vers votre politique de confidentialité.

Étape 5 : Rediriger le formulaire vers votre adresse mail

C’est une étape cruciale :
Il faut vous assurer que chaque message rempli sur votre site arrive bien dans votre boîte mail.

Pour cela :

1. Cliquez sur le formulaire

2. Ouvrez le panneau “Paramètres du formulaire”

3. Dans la section “Destinataire”, renseignez l’adresse e-mail professionnelle à laquelle vous souhaitez recevoir les demandes

4. Faites un test en remplissant le formulaire comme un client pour vérifier que vous recevez bien le message

Sans cette redirection, les messages peuvent rester bloqués dans la boite mail de l’éditeur de site sans que vous soyez prévenu.

Étape 6 : Personnaliser le bouton et le message de confirmation

• Bouton : remplacez “Envoyer” par un texte plus engageant comme “Je prends contact” ou “Recevoir ma réponse”

• Message après envoi : rassurez le visiteur avec une phrase comme
  Merci pour votre message, je vous réponds sous 24h.

Comment créer un formulaire de contact avec Jotform

Vous voulez un formulaire un peu plus personnalisé à intégrer sur votre site ? Les solutions en natif fournies par votre constructeur de site sont un peu trop limitées pour vous ? Vous avez besoin de poser des questions à votre prospect afin de l'accompagner au mieux dans sa demande de devis ? Vous voulez rendre les choses plus ludiques sous forme de quiz ?

J'ai découvert il y a peu un outil très performant qui offre des possibilités incroyables. D'ailleurs, vous pouvez passer par mon lien d'affiliation pour vous créer un compte. J'en fais la promo, parce que j'adore cet outil.

Jotform est une solution très pratique, gratuite jusqu’à 5 formulaires actifs, et très simple à intégrer sur n’importe quel site web, même sans compétences techniques. Vous aurez juste un bout de code à intégrer via un Iframe à insérer sur votre site.

Étape 1 : Créer un compte Jotform

1. Rendez-vous sur jotform.com

2. Créez un compte gratuit

3. Accédez à votre tableau de bord, puis cliquez sur “Créer un formulaire”

Étape 2 : Choisir un modèle ou partir de zéro

Jotform propose des modèles de formulaire de contact personnalisables. Vous pouvez :

• Choisir un modèle existant

• Ou cliquer sur “Créer un formulaire vide”

Étape 3 : Ajouter les champs essentiels

Dans l’interface visuelle, glissez-déposez les champs :

• Nom

• E-mail (obligatoire)

• Téléphone (facultatif)

• Message (champ texte long)

Ajoutez une case à cocher RGPD avec ce texte :

J’ai lu et j'accepte la politique de confidentialité ( avec un lien vers votre page de politique de confidentialité).

Cochez “obligatoire” pour cette case, mais ne la laissez pas cochée par défaut.

Étape 4 : Configurer les notifications

Dans l’onglet Paramètres > Notifications par e-mail :

• Vérifiez que l’adresse de réception est bien votre adresse mail professionnelle

• Personnalisez l’objet du mail (ex. : "Nouveau message depuis le formulaire de contact")

Cette étape est indispensable pour que vous receviez les demandes sans les rater.

Étape 5 : Personnaliser le bouton et le message de remerciement

Dans l’onglet Paramètres > Merci, vous pouvez :

• Personnaliser le message de confirmation après envoi

• Rediriger vers une page spécifique de votre site (par exemple, une page “merci + prise de rendez-vous”)

Étape 6 : Intégrer le formulaire sur votre site

Une fois le formulaire prêt :

1. Cliquez sur “Publier”

2. Copiez le code d'intégration iFrame ou utilisez le lien direct

3. Sur votre site Hostinger (ou tout autre éditeur), ajoutez un bloc HTML personnalisé et collez le code

Le formulaire est désormais visible sur votre site et connecté à votre adresse mail.

Bonus : les petits plus qui font pro

Voici quelques éléments que vous pouvez ajouter autour de votre formulaire :

• Une photo de vous ou de votre logo, pour créer un lien humain

• Vos horaires de réponse, pour gérer les attentes

• D’autres moyens de contact : téléphone, WhatsApp, messagerie Facebook…

• Une redirection après l’envoi, vers une page de remerciement ou un message de confirmation

Conclusion

Un bon formulaire de contact, c’est plus qu’un simple outil.
C’est votre allié pour capter les bonnes demandes, gagner du temps, et donner une image professionnelle.

Rappelez-vous :

• Allez à l’essentiel

• Soyez clair et rassurant

• Facilitez le passage à l’action

Et si votre formulaire n’était que la partie visible du problème ?

Un formulaire de contact bien pensé, c’est essentiel. Mais encore faut-il qu’il soit intégré dans un site web clair, rassurant et conçu pour transformer les visiteurs en clients.

Vous avez des doutes sur l’efficacité de votre site actuel ?
Je vous propose un audit personnalisé pour faire le point ensemble sur votre présence en ligne, détecter ce qui freine vos visiteurs… et trouver les bonnes solutions pour booster vos demandes de contact.

Prenez rendez-vous dès maintenant pour un audit gratuit et sans engagement.

Créez votre formulaire de contact en 1 minute chrono !

Comme promis, je vous ai préparé un formulaire de contact gratuit et simple à mettre en place. Il est simple, sobre, et il fait le job ( = vous recevez les emails ). Une fois que vous l'aurez généré, il ressemblera à celui qui est présenté ci-dessous.

En plus, vous pouvez choisir sa couleur de fond, sa taille et la couleur du bouton.

En quelques clics, vous obtenez un formulaire prêt à coller sur votre site, avec réception des messages directement dans votre boîte mail — sans plugin, sans base de données, et 100 % gratuit.

Parfait pour les artisans et petites entreprises de services qui veulent aller à l’essentiel.

Comment utiliser ce générateur de formulaire ?

Ce générateur vous permet de créer un formulaire de contact HTML simple et prêt à l’emploi, à intégrer sur votre site web. Il ne nécessite aucune base en code et fonctionne grâce au service gratuit Formsubmit.

1. Renseignez votre adresse email : c’est à cette adresse que vous recevrez les messages envoyés via le formulaire.

2. Choisissez la couleur du bouton pour qu’il s’adapte à votre charte graphique.

3. Définissez la couleur de fond du formulaire et sa largeur (en pixels).

4. Cliquez sur « Générer le formulaire ».

5. Copiez le code HTML généré, puis collez-le dans une page de votre site web (en mode code ou HTML).

Le formulaire est prêt à l’emploi, 100 % responsive et conforme RGPD (case à cocher obligatoire avant envoi).

En bonus, un lien discret en bas du formulaire permettra à d’autres artisans de découvrir cet outil gratuit.

Comment intégrer votre formulaire de contact sur votre site ?

Pour rendre fonctionnel votre formulaire, suivez bien ces 3 étapes.

✅ Étape 1 : Collez le code sur votre site

Quel que soit votre outil, allez dans l'éditeur de texte et cherchez le widget " code HTML" Il ressemble à ce petit symbole </> :

• Sur WordPress (éditeur classique ou Elementor) :

  • Ajoutez un bloc HTML ou un widget “Code HTML”.

  • Collez le code à l’intérieur.

• Sur Hostinger Website Builder, Wix, Jimdo, etc. :

  • Recherchez l’élément “Code intégré / Embed HTML”.

  • Collez le code dans la zone prévue.

Enregistrez et publiez votre page. Félicitations ! Votre formulaire est maintenant en ligne !

✅ Étape 2 : Validez votre adresse mail

Allez sur votre site internet comme un utilisateur lambda et remplissez le formulaire de contact.

Entrez votre adresse mail ainsi que vos coordonnées.

Vous allez recevoir un mail de FormSubmitt, en anglais. Il faudra cliquer sur le gros bouton bleu "ACTIVATE FORM". Cela permettra d'activer votre formulaire. Vous pourrez refaire le test par la suite, vous recevrez tous vos messages dans votre boite mail.

✅ Étape 3 : Testez pour voir si tout fonctionne parfaitement

Essayez avec d'autres adresses email.

Et, pensez à enregistrer cet article, si vous pensez qu'il peut être utile à quelqu'un d'autre.

Vous constatez qu'il y a un lien tout moche...

C'est un peu décevant, n'est ce pas ? C'est normal, car vous souhaitez bien accueillir vos prospects et améliorer leur expérience utilisateur.

Ne vous inquiétez pas, je vous ai préparé une image sympa, pour remercier le visiteur et lui dire que son message va bientôt être pris en compte.

Pour l'incorporer à votre formulaire, il va falloir user d'attention, mais promis, ce ne sera pas trop technique

Après l'envoi du message, vous trouvez que c'est bizarre ?

Il va falloir remplacer une ligne de code par une autre

Dans le code qui vous a été fourni par le générateur, vous allez trouver une ligne qui ressemble à cela :

<input type="hidden" name="_next" value="https://webartisanpro.fr/merci.html">

Vous allez devoir la remplacer par :

<input type="hidden" name="_next" value="https://assets.zyrosite.com/AoPvVXPep7uowNew/merci-pour-votre-message-400-x-400-px-YX4lDnwbQxu5WGlz.jpg">

Cela vous permettra d'avoir un message sympa pour remercier la personne qui vous envoie un message.