Ninja Forms, principal concurrent de WPForms (voir le test) ou Gravity Forms, est un plugin de création de formulaires extrêmement complet et disponible gratuitement. Vous pouvez le télécharger et l’installer sur autant de sites que vous le souhaitez.

Un grand nombre d’extensions Premium vous permettent d’étendre les fonctionnalités de Ninja Forms, mais il serait trop long de toutes les énumérer ici. Je vous invite à aller voir directement sur leur site si ça vous intéresse (liste des extensions de Ninja Forms).

Dans cet article, je vais désormais vous montrer comment créer un formulaire WordPress à l’aide de ce plugin.

Création d’un formulaire avec Ninja Forms

Pour commencer, allez sur le tableau de bord de WordPress, et dans le menu Ninjas Forms cliquez sur Add New

Lorsque vous créez un nouveau formulaire, vous pouvez choisir un Template ou une page blanche.

Les Templates sont des modèles préfabriqués qui vous offrent différents choix de formulaires tel que :

  • Blankform : Pour débuter depuis une page blanche (nous allons y revenir)
  • Collect feedback : Vous permet de recueillir des réactions ou des remarques sur vos articles.
  • Contact us : Pour permettre à vos lecteurs de vous contacter.
  • Create a post : Permet à vos lecteurs de créer un article en utilisant un formulaire.
  • Edit user profile : Permet à vos lecteurs d’éditer leur profil.
  • Delete data request : Vous permet d’administrer vos lecteurs comme par exemple les ajouter et les effacer de votre base de données etc.

Créer un formulaire depuis une page blanche

Ajouter des champs

En premier lieu, sélectionnez l’option Blank Form et cliquez sur Add Field en bas à droite.

Ensuite, il vous suffit de choisir les champs que vous désirez et de les faire glisser dans le constructeur, tout simplement !

Quand vous avez fini, cliquez sur DONE

Editer les champs sélectionnés

Pour changer la nomination des champs, leur placement etc, cliquez simplement sur le champ que vous voulez changer et cliquez sur les paramètres de réglages.

Passez la souris sur l’icône représentant une roue bleue pour faire apparaitre les icônes de duplication et de suppression.

Prévisualiser et publier votre formulaire Ninja Forms

Prévisualisez les modifications apportées au formulaire en cliquant sur preview et publiez le en cliquant sur publish.

Ajouter votre formulaire dans une page ou article

Prévisualisez les modifications apportées au formulaire en cliquant sur preview et publiez le en cliquant sur publish.

Etape 5 : Placer votre formulaire sur votre site

Méthode 1: Bouton “Add Form”

Avec Gutemberg, vous avez maintenant la possibilité d’ajouter un formulaire directement dans un bloc de page. Pour ce faire, il vous suffit d’éditer votre page et de cliquer sur le bouton Add Ninja Forms.

Quand vous cliquez sur Add Ninja Forms, un menu déroulant apparait avec tous les formulaires que vous avez créés. Il ne vous reste plus qu’à sélectionner celui que vous désirez.

Méthode 2: A partir de Shortcodes

Dans le tableau de bord de Ninja Forms, vous pouvez voir à côté de chacun de vos formulaires un short code à sa droite.
Dans l’éditeur de page, il vous suffit d’insérer le shortcode de votre formulaire pour l’intégrer à votre article.

Méthode 3 : Option dans la barre latérale

Quand vous éditez une page ou un article, vous pouvez voir dans la barre latérale à droite une option appelée Append a Ninja Form. Si vous cliquez dessus vous voyez apparaitre un menu déroulant qui va vous permettre d’insérer votre formulaire à la fin de votre page.

Méthode 4: Créer un lien pour votre formulaire

Au lieu d’insérer un formulaire dans une page, vous pouvez préférer que vos lecteurs y aient accès directement depuis un lien. C’est possible avec WP Ninjas en cliquant sur l’icône à gauche du bouton publish.

Dans la fenêtre qui apparait, sélectionnez allow a public link et copiez l’url. Cette url, une fois partagée, permettra à vos lecteurs d’accéder directement au formulaire en cliquant directement sur le lien, pas mal non ?!

Sauvegarder un champ pour le réutiliser plus tard

Pour sauvegarder un champ, cliquez sur l’icône Etoile …

…votre champ sauvegardé apparaitra ensuite dans les options de construction du formulaire.

Voilà c’est terminé ! Comme vous pouvez le constater, Ninja Forms est un plugin de création de formulaire très agréable et facile à utiliser. Dans cet article, nous n’avons vu qu’un bref aperçu de ces multiples possibilités, c’est pourquoi si vous voulez découvrir tout ce que ce plugin a à vous offrir, je vous conseille de vous pencher sur la documentation très riche qui est fournie directement sur leur site en cliquant sur le bouton ci-dessous.
0 commentaires

Soumettre un commentaire

Votre adresse de messagerie ne sera pas publiée. Les champs obligatoires sont indiqués avec *