Séance de remise en form(s) : soigner le recueil d’informations dans son site WordPress
Présenté par Pierre Mobian
WordCamp Biarritz, vendredi 06 octobre 2023
Le développement d’un site se fait au service de la présentation mais aussi du recueil d’informations. Cette phase est parfois délaissée et mal présentée, conduisant à des frustrations et échecs, voire des conséquences lourdes de communications ratées. Revoyons les conseils utiles à la mise en place de formulaires efficaces, de leur conception au traitement des données :
Extensions de formulaires pour WordPress: panorama des offres du marché, aperçu des avantages et limites.
Bonnes pratiques (ergonomie, OPQUAST, accessibilité), et sécurité: réaliser des formulaires sécurisés sans faire fuir les utilisateurs/trices.
Cas concrets: quelques erreurs de jeunesse, puis mises en place pour une coopérative funéraire et un club de sport de systèmes d’inscription complets et efficaces – avec adoption enthousiaste de WordPress en conséquence.
Comment bien rédiger le Cahier des charges de votre site web
WordCamp Biarritz - Pierre Mobian
1. Pierre MOBIAN
WordCamp Biarritz 2023
Pierre MOBIAN
WordCamp Biarritz 2023
Collecter des informations
dans WordPress
Séance de remise en form(s)
2. Pierre MOBIAN
WordCamp Biarritz 2023
Pierre MOBIAN
@netagence
Formulaires et données WordPress
Gestion de projets
Productivité
Accompagnement, formations
Qualité, maintenance
Facilitateur de projets numériques
3. Pierre MOBIAN
WordCamp Biarritz 2023
Un site Web, cahier des charges
Contenus
Attractifs, optimisés +
trucs SEO
UN DIAPORAMA !
17 photos minimum
Actus
Tous les mois
Menus jolis
Déroulants et animés
Nous trouver
Carte et photos
Nous contacter
Email, tél, formulaire
Pierre MOBIAN
WordCamp Biarritz 2023
4. Pierre MOBIAN
WordCamp Biarritz 2023
Un site Web, en vrai
ECommerce
Commandes, réservations,
paiements
Avis
Votes, notes
étoilées…
Devis, prise RDV
Leads, prospects
Sondages, quiz
ELearning, enquêtes
Participatif
Contenus utilisateurs
Nous contacter
Clients, SAV,
Helpdesk
Pierre MOBIAN
WordCamp Biarritz 2023
FORMULAIRES
Text 1 Text 2 Text 3
Text 4 Text 5 Text 6
5. Pierre MOBIAN
WordCamp Biarritz 2023
Concevoir
(Bien) Utiliser
Garantir
Ressources, principes
Données et communication
Suivre et vérifier
Formulaires WordPress
7. Pierre MOBIAN
WordCamp Biarritz 2023
Ergonomie Bonnes pratiques La touche finale
Lisibles, intuitifs,
accessibles :
UX-UI
Gestion d’erreurs,
communication :
OPQUAST
Les trucs en plus pour
améliorer
Formulaires : Penser utilisateurs/trices
8. Pierre MOBIAN
WordCamp Biarritz 2023
● Retour à la même page ou accueil
● Aucune confirmation ni message
● Une erreur, mais où ?
● Champs bloqués, incohérents
● Confirmation obscure, cachée
● La session qui expire
Ergonomie et formulaires WordPress
La petite boutique des horreurs
9. Pierre MOBIAN
WordCamp Biarritz 2023
Pierre MOBIAN
WordCamp Biarritz 2023
Ergonomie et formulaires
La petite boutique des horreurs
23. Pierre MOBIAN
WordCamp Biarritz 2023
Data maison Bonnes pratiques La touche finale
Stocker et transmettre Backups, notifications Réellement Garantir la
Protection sur la
Distance (RGPD)
Formulaires : Données et reprises
26. Pierre MOBIAN
WordCamp Biarritz 2023
Montrer patte blanche
Formulaires : Données et reprises
Se DMARCer du Spam
● Comptes email
● Sites Web
● Services mailing
27. Pierre MOBIAN
WordCamp Biarritz 2023
Mise en place
et suivi
Formulaires : Données et reprises
Se DMARCer du Spam
● PostMark
● Mail-Tester.com
● mxtoolbox.com
28. Pierre MOBIAN
WordCamp Biarritz 2023
Sauvegarde locale…
pas à vie
Formulaires : Données et reprises
Comment Nullement Ignorer la Loi
(CNIL)
29. Pierre MOBIAN
WordCamp Biarritz 2023
Conformité et
tranquillité
Formulaires : Données et reprises
Comment Nullement Ignorer la Loi
(CNIL)
35. Pierre MOBIAN
WordCamp Biarritz 2023
Pierre MOBIAN
WordCamp Biarritz 2023
Restaurant, gîte Annecy
Les notifications perdues…
36. Pierre MOBIAN
WordCamp Biarritz 2023
Pierre MOBIAN
WordCamp Biarritz 2023
Restaurant, gîte Annecy
Les notifications perdues…
37. Pierre MOBIAN
WordCamp Biarritz 2023
Pierre MOBIAN
WordCamp Biarritz 2023
Restaurant, gîte Annecy
Les notifications retrouvées
38. Pierre MOBIAN
WordCamp Biarritz 2023
Pierre MOBIAN
WordCamp Biarritz 2023
La coopérative funéraire de Rennes
D’un tableur manuel
à WordPress et ses formulaires
43. Pierre MOBIAN
WordCamp Biarritz 2023
CREDITS: Photos libres Freepik, Opquast, icones Flaticon.
Merci !
Pierre MOBIAN
pierre@mobian.fr
@netagence
Des questions ?
Editor's Notes
multiples disciplines des projets numériques
Diversité : technique mais aussi capacités relationnelles, méthodo. Dirigeants, juristes, équipes Dev comme Design, hébergeurs, Sécurité: Intéressant et gratifiant quand implications, long terme.QQ un qui prévoit, regarder devant ! Pas décollé, et position de co-pilote: analyser, prévoir, conseiller.
Mesure; "KPI": messages/devis/demande RDV etc, (ou ecommerce / commande et paiement) LE critère principal, critique, donc à traiter comme tel...Le site comme un commercial en plus, ou en tous cas comme facteur de communication.
Considérer avec la/le respo projet la logique, et limiter 1 form par site, multi sujets ?
Visiteurs pas responsables des attaques ! Charge pas sur lui, idem mail / InBlack. Partisan de la gêne minimale, si pas d'attaque, pas d'obstable au client: volatile, distrait. Taux d'abandon proportionnel à captcha pénible, étude basée sur aucun chiffre sourcé, pas bien, mais crédible. En plus soucis RGPD avec des captchas…
Minorer les inconvénients. Honeypot: champ censé rester vide, caché en Javascript ou CSS. Sécurité: serveur pas CMS. filtrer par source IP, agent, URL, pays…Mutualisé aussi meme si plus basique.
Principe agnostique ! Majeur et éprouvés: CF7, WPForms, Ninja forms, GravityForms. Différent selon que form posé, OU générateur de forms: facilité usage et fonctionnalités comptent, voir CdC avec client. Limites: prise en main spécifique, achat: reste OK.Modules: Paiement, signature, PDF, NL, quiz, sondage. Extension CRM, outil externe…Modules newsletters: fournis par provider, limites design, gestion erreurs.
Sécurité juste survolée, mais custom à éviter, OU passer par fonctions filtrages WP.
Adopté GravityForms. Sécurité : custom à éviter / XSS injections, OU passer par fonctions filtrages WP.
LE petit truc pas bien relu, pénible. OK si ethestique, pas si casse le form.
Ex public ciblé, sur tablette, sur Mac, mobile si outside, tourisme etc… tester comme eux !
Evidemment large sujet, temps de travail à compter côté client, ajustable ex nature des tests. Mais pros donc role de conseiller, au moins expliciter le besoin, pas juste détachés du but au risque d’etre vus comme simple livreurs techniques…
Ex d’interventio intéressante: « simple » module; a changé façon de travailler et vue de WP voire opensource.
Design first, regles UX UI vu le public
Simple, clair, pas de place au doute.
Des gens formidables, entreprise de pompes funèbres, mais pas que vu les qualités humaines en plus. Et maintenant fans de WP !
WordPress, site fait avec, contenus, plugins, design SEO, et form contacts marche -> WP ça marche.