3. WordPress+NinjaForms-améliorersaconversion
MeetupWordPress–Rennes–15/11/2016
Plugin de création de formulaires
La concurrence : Contact Form 7 (gratuit), Gravity Forms (payant)
Gratuit avec des add-ons payants (modèle freemium)
• Pièces jointes, logique conditionnelle, étapes, layouts, etc.
Ninja Forms c’est quoi ?
Le form builder (presque) gratuit le plus complet
“The most powerful, flexible, and easiest
WordPress form builder in existence!”
3
4. WordPress+NinjaForms-améliorersaconversion
MeetupWordPress–Rennes–15/11/2016 Comment ça fonctionne ?
Créer un formulaire en quelques cliques sans connaissances techniques
4
Comment créer son premier formulaire avec Ninja Forms ?
1. Créer un nouveau formulaire
2. Ajouter des champs : Nom, Prénom, Email, Objet, Message.
3. Définir les propriétés des champs : Requis, format du champ
4. Ajouter des « actions » : Redirection, message de confirmation, notifications
5. Paramètres avancés du formulaire : Nom, activation de l’AJAX, etc.
6. Insérer le formulaire dans le contenu grâce à son shortcode
7. Récupérer les soumissions
6. WordPress+NinjaForms-améliorersaconversion
MeetupWordPress–Rennes–15/11/2016 Améliorer sa conversion
Un formulaire ne sert à rien s’il n’est pas ou mal utilisé
6
Comment améliorer la conversion d’un formulaire ?
1. Explicitez clairement le but du formulaire (titre clair)
2. Utilisez des intitulés de champs efficaces (idem bouton de soumission !)
3. N’utilisez pas les placeholder comme des labels
4. N’abusez pas des placeholder non plus, préférez les infos bulle ou les descriptions
5. Expliquez le format des masques attendus ! (ex : jj/mm/aaaa)
6. Evitez « le tout majuscule » (pas forcément plus beau et moins lisible)
7. Evitez les champs superflus (ne pas tomber dans l’excès)
8. Des formulaires pré-remplis pour « faciliter le remplissage », l’utilisateur est fainéant !
7. WordPress+NinjaForms-améliorersaconversion
MeetupWordPress–Rennes–15/11/2016 Pré-remplissez vos formulaires
Plusieurs méthodes : arguments et/ou champs cachés
7
Créez des liens avec des arguments :
- Développement avec des hooks
- Création de shortcodes
- Des liens dans vos campagnes de mailings
Exemple avec Mailchimp :
http://www.example.com/request?cp_name=*|URL:USERNAME|*&cp
_company=*|URL:COMPANY|*&cp_email=*|URL:EMAIL|*
Attention :
Certains arguments tels que « name » sont réservés par le core WordPress, il ne faut pas
les utiliser dans vos constructions d’URLs sous peine de 404.
La liste complète des variables de requêtes du core sont ici :
https://codex.wordpress.org/WordPress_Query_Vars
9. WordPress+NinjaForms-améliorersaconversion
MeetupWordPress–Rennes–15/11/2016 Bonus : Emails de notifications
Petite astuce pour embellir vos emails WordPress
9
Par défaut, les emails sont envoyés sans design, ni mise en forme.
Utilisez un plugin tel que WP Better Emails vous permet d’envoyer vos
emails en HTML et non Plain text.
Appliquez votre propre template HTML et adaptez son design à celui
de votre site.
Pour que cela fonctionne avec Ninja Forms, vous devez sélectionner
« Plain Text » dans le format de la notification.