Formulaire de devis sur un site artisan : champs, UX et suivi

Juin 2026 · 14 min de lecture · Par GothamDev Studio

Un formulaire de devis mal pensé fait fuir : trop de champs, pas de confirmation, spam non filtré. Sur les sites artisans que nous livrons, le formulaire complète le téléphone et WhatsApp — il capture les détails (type de clim, nombre de splits, adresse…) pendant que les urgences passent par le mobile. Voici la structure qui convertit.

1. Principe : friction minimale, qualification progressive

Mode rapide : nom, téléphone, email, ville, message — suffisant pour un premier rappel.

Mode détaillé (devis) : champs métier — type d'installation, quantité, date souhaitée, photos optionnelles.

Un site lent ou mal structuré pénalise directement votre positionnement Google : nous visons un score Lighthouse mobile supérieur à 90 sur nos livraisons vitrine, landing et refonte.

2. Champs recommandés par métier

Climatisation : type (split, gainable, mixte), nombre d'unités, étage, accès extérieur.

Bien-être / santé : prestation, zone post-op si pertinent, créneaux préférés.

BTP / artisanat : type travaux, surface, photos chantier, délai souhaité.

• Téléphone obligatoire (rappel rapide)
• Ville ou code postal
• Case RGPD explicite
• Honeypot invisible anti-bot

3. UX mobile et accessibilité

Labels visibles, champs larges (44 px), clavier numérique sur tel, erreurs en français clair.

Bouton d'envoi contrasté, état loading, message de succès immédiat — pas de redirection obscure.

GothamDev accompagne des artisans, PME et créateurs en Gard, Drôme, Ardèche, Vaucluse et à l'international — un seul interlocuteur du cadrage à la mise en ligne, avec 821 avis vérifiés sur LeGeekShop (4,87★).

4. Anti-spam sans frustrer les vrais clients

Honeypot, rate limiting serveur, validation email/téléphone basique. reCAPTCHA ou Turnstile seulement si abus récurrent.

Ne bloquez jamais le premier essai avec un CAPTCHA agressif.

Un site lent ou mal structuré pénalise directement votre positionnement Google : nous visons un score Lighthouse mobile supérieur à 90 sur nos livraisons vitrine, landing et refonte.

5. Notification et suivi interne

Email instantané à l'artisan + copie au client (« nous revenons vers vous sous 24 h »).

Option : webhook vers Google Sheet, Notion ou CRM léger. SLA affiché sur le site renforce la confiance.

Le maillage interne compte autant que les mots-clés : reliez services, études de cas, articles de blog et pages villes pour concentrer l'autorité SEO vers vos pages qui convertissent.

6. Mesurer et optimiser

Événements analytics : envoi formulaire, clic tel, clic WhatsApp. Comparez les sources (Google, fiche Maps, direct).

A/B test : titre du bloc devis, couleur CTA, placement WhatsApp flottant.

GothamDev accompagne des artisans, PME et créateurs en Gard, Drôme, Ardèche, Vaucluse et à l'international — un seul interlocuteur du cadrage à la mise en ligne, avec 821 avis vérifiés sur LeGeekShop (4,87★).

7. Synthèse : plan d'action 30 jours

Appliquez ce guide par étapes — pas tout en même temps. Mesurez une métrique par semaine (trafic organique, appels, ventes, FPS serveur…) pour savoir ce qui fonctionne.

GothamDev peut prendre en charge tout ou partie de ce plan : audit initial gratuit, devis transparent et livrables testés avant mise en production.

• Semaine 1 : audit URLs, objectifs, benchmark concurrents locaux
• Semaine 2 : arborescence, wireframes, rédaction des textes clés
• Semaine 3 : développement, intégrations, tests mobile
• Semaine 4 : SEO technique, Search Console, mise en ligne + suivi 30 jours