Télécharger pour lire hors ligne
Téléchargé parBrice Capobianco
WordPress et Ninja forms
Le document présente un meetup sur l'amélioration des conversions de formulaires avec Ninja Forms pour WordPress. Il couvre les fonctionnalités du plugin, la création de formulaires, et propose des astuces pour optimiser leur utilisation afin d'augmenter le taux de conversion. Des conseils sont également fournis sur l'utilisation efficace des champs et la personnalisation des notifications par email.
WordPress et Ninja forms
- 1. WordPress+NinjaForms-améliorersaconversion MeetupWordPress–Rennes–15/11/2016 WordPress+ Ninja Forms Améliorez laconversion de vos formulaires MeetupWordPress–Rennes–15/11/2016
- 2. WordPress+NinjaForms-améliorersaconversion MeetupWordPress–Rennes–15/11/2016 Brice Capobianco Site// b-website.com Twitter // @BriceCapobianco Plugins // • Simple Revisions Delete • Re-add text underline and justify • WP Plugin Info Card • WP Envato Affiliate Card (add-on) 2 Resp. commercial en agence & freelance WordPress
- 3. WordPress+NinjaForms-améliorersaconversion MeetupWordPress–Rennes–15/11/2016 Plugin de créationde 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 çafonctionne ? 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
- 5.
- 6. WordPress+NinjaForms-améliorersaconversion MeetupWordPress–Rennes–15/11/2016 Améliorer saconversion 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 vosformulaires 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
- 8.
- 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.
- 10. WordPress+NinjaForms-améliorersaconversion MeetupWordPress–Rennes–15/11/2016 Merci ! A vousle micro 10 MeetupWordPress–Rennes–15/11/2016