Comment créer un formulaire de contact WordPress avec Ninja Forms ?

Ninja Forms, principal concurrent de WPForms (voir le test) , 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.

wp ninjas

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.
ninja forms création de formulaire

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.

ninja forms tuto

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

ninja forms création de formulaire

Quand vous avez fini, cliquez sur DONE.

ninja forms création de formulaire

Éditer 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.

ninja forms création de formulaire

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

ninja forms création de formulaire

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.

ninja forms création de formulaire

Placer un 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.

WP Ninjas création de formulaire

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.

WP Ninjas création de formulaire

Méthode 2 : Avec des shortcodes

Dans le tableau de bord de Ninja Forms, vous pouvez voir à côté de chacun de vos formulaires un short code à sa droite.

WP Ninjas création de formulaire

Dans l’éditeur de page, il vous suffit d’insérer le shortcode de votre formulaire pour l’intégrer à votre article.

WP Ninjas création de formulaire

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.

WP Ninjas création de formulaire

Méthode 4 : Insérer un formulaire avec un lien

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.

ninja forms création de formulaire

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 ?!

ninja forms création de formulaire

Sauvegarder un champ pour le réutiliser plus tard

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

ninja forms création de formulaire

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

ninja forms création de 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.

Nous serions ravis de connaître votre avis

Laisser un commentaire

error: Contenu protégé - DMCA
globalwordpress
Logo