FORMULAIRE MULTI-STEP PER

Objectif

Créer un formulaire interactif (type quiz) pour une landing page, avec plusieurs étapes, fluide (sans rechargement de page), pour générer des leads qualifiés sur une offre de Plan Épargne Retraite (PER).

Contexte
Je fais de la génération de leads via Google Ads.
Actuellement j’ai un formulaire classique, mais il convertit mal.
Je veux un formulaire :
• plus fluide
• plus engageant
• avec une progression étape par étape
• sans rechargement de page

Intégration
Le formulaire sera intégré dans une landing page via Landingi.
Donc besoin d’un code :
• intégrable dans un bloc HTML
• autonome (HTML + CSS + JS)
• responsive (mobile très important)

Fonctionnement attendu
Multi-step (étapes)
Le formulaire doit fonctionner en étapes successives :
Exemple :
1. Question simple (ex : êtes-vous imposable ?)
2. Revenus mensuels
3. Impôts payés
4. Capacité d’épargne
5. Coordonnées (nom, email, téléphone)
chaque étape :
• s’affiche dynamiquement
• sans recharger la page
• avec bouton “suivant”

UX / Design
• boutons cliquables (pas de champs texte si possible)
• design simple et propre
• barre de progression (%)
• transitions fluides
• mobile first

Comportement
• validation simple (ne pas passer étape si rien sélectionné)
• navigation avant / arrière
• affichage rapide

Envoi des données
À la fin du formulaire :
envoyer les données vers :
• un webhook (Google Apps Script)
format simple (JSON)
puis redirection vers :
• une page “merci”

Tracking (important)
à la fin du formulaire :
• déclencher un événement (Google Tag Manager ou dataLayer)
OU
• rediriger vers une page /merci-per

Responsive
• doit fonctionner parfaitement sur mobile
• priorité UX mobile

Contraintes
• pas de reload de page
• pas dépendant d’un outil externe payant
• doit être facilement modifiable (textes / questions)

Résultat attendu
Un formulaire :
• fluide
• rapide
• engageant
• qui augmente le taux de conversion

Envoyez moi vos tarifs dans vos msg
merci