Successfully reported this slideshow.
Your SlideShare is downloading. ×

WordPress et Ninja forms

Ad

WordPress+NinjaForms-améliorersaconversion
MeetupWordPress–Rennes–15/11/2016
WordPress+
Ninja Forms
Améliorez la conversio...

Ad

WordPress+NinjaForms-améliorersaconversion
MeetupWordPress–Rennes–15/11/2016 Brice Capobianco
Site // b-website.com
Twitte...

Ad

WordPress+NinjaForms-améliorersaconversion
MeetupWordPress–Rennes–15/11/2016
Plugin de création de formulaires
La concurre...

Ad

Ad

Ad

Ad

Ad

Ad

Ad

Upcoming SlideShare
WordPress + HTTPS
WordPress + HTTPS
Loading in …3
×

Check these out next

1 of 10 Ad
1 of 10 Ad

More Related Content

Slideshows for you (19)

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

×