Successfully reported this slideshow.
We use your LinkedIn profile and activity data to personalize ads and to show you more relevant ads. You can change your ad preferences anytime.

WordPress et Ninja forms

227 views

Published on

Améliorez la conversion de vos formulaires.

Meetup WPrennes #6 - 15 novembre 2016

Published in: Internet
  • Be the first to comment

  • Be the first to like this

WordPress et Ninja forms

  1. 1. WordPress+NinjaForms-améliorersaconversion MeetupWordPress–Rennes–15/11/2016 WordPress+ Ninja Forms Améliorez la conversion de vos formulaires MeetupWordPress–Rennes–15/11/2016
  2. 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. 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. 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
  5. 5. WordPress+NinjaForms-améliorersaconversion MeetupWordPress–Rennes–15/11/2016 Exemple pratique Créer son premier formulaire 5
  6. 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. 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
  8. 8. WordPress+NinjaForms-améliorersaconversion MeetupWordPress–Rennes–15/11/2016 Exemple pratique Pré-remplissez vos formulaires 8
  9. 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. 10. WordPress+NinjaForms-améliorersaconversion MeetupWordPress–Rennes–15/11/2016 Merci ! A vous le micro 10 MeetupWordPress–Rennes–15/11/2016

×