Utiliser Gravity Forms avec WPML

Lors de ce cours tutoriel, nous allons vous montrer comment traduire des formulaires créés avec Gravity Forms en utilisant WPML.

Pourquoi traduire les formulaires

Vous pouvez utiliser n’importe quel plug-in de formulaire de contact et simplement créer différents formulaires par langue. Quels sont donc les avantages de traduire le même formulaire en différentes langues ?

La commodité, tout simplement.

Créer un formulaire est un processus complexe. Il vous faut souvent inclure une logique pour les notifications, la validation et d’autres paramètres cachés. En outre, il est souvent plus facile d’insérer un seul formulaire de contact à votre contenu, sans vous soucier du formulaire à insérer selon la langue.

WPML vous permet de créer un jeu de formulaires avec Gravity Forms, dans votre langue. Ensuite, il vous suffit de traduire les textes qui s’affichent dans les formulaires, et WPML affichera le formulaire dans la bonne langue. Le formulaire étant le même, toute modification apportée se répercutera dans toutes les langues.

Prêt ? Allons-y !

Traduction des formulaires Gravity Forms

1. Créer un formulaire

Pour traduire un formulaire, vous devez d’abord en configurer un sur votre site avec Gravity Forms. Si vous avez besoin d’aide, consultez la documentation de création de formulaires avec Gravity Forms. Ci-après, vous pourrez découvrir un simple formulaire de contact que j’ai créé dans le tableau de bord de WordPress. La langue utilisée par défaut est l’anglais (si la vôtre ne l’est pas, lisez la rubrique ci-dessous « Quand l’anglais n’est pas la langue utilisée par défaut »).

gravity-forms

 

2. Envoyer dans le panier de traductions

Au moment de traduire des formulaires Gravity Forms, seul le texte est traduit. WPML filtre les textes repris dans votre formulaire et utilise les traductions quand disponibles.
Pour ce faire, sont utilisés le module de gestion de traduction Translation Management de WPML ainsi que le composant additionnel « Gravity Forms Multilingual ». Si vous les utilisez pour la première fois, nous vous recommandons fortement de lire la documentation ayant trait à Translation Management de WPML.

 

01GFML_ajouter au panier

a. Accédez à WPML > Translation Management .
b. Choisissez « Gravity Form » dans le filtre Type, cliquez sur le bouton bleu « Afficher ». Un ou plusieurs de vos formulaires s’afficheront dans la liste des documents à traduire.
c. Sélectionnez « Traduire » puis cliquez sur le bouton « Ajouter au panier de traductions ».
d. Allez dans le « Panier de traductions, choisissez un traducteur puis cliquez sur le bouton bleu « Tout envoyer en traduction ».

02GFML_Choisir un traducteur

3. Traduire les chaînes de votre formulaire

Considérons que vous avez déjà créé des utilisateurs traducteurs. Si tel n’est pas le cas, découvrez comment le faire.

Vos traducteurs doivent se connecter à WPML. Ils y verront un menu « Traducteurs » et découvriront les travaux de traduction que vous avez créés à leur intention.

a. Accédez à WPML > Traductions et trouvez votre formulaire (nous utilisons dans l’exemple un formulaire intitulé WPML EN).

03_GFML_Prendre et modifier les chaînes

 

 

b. Cliquez sur le bouton « Le prendre et modifier » en regard du nom du formulaire pour traduire toutes les chaînes (si vous le souhaitez, utilisez aussi Traduction de chaînes).
c. Indiquez ensuite « Cette traduction est terminée » quand vous avez terminé la traduction.
d. Cliquez sur le bouton « Enregistrer la traduction ».

04_GFML_Traduire

4.Voir les formulaires traduits

WPML ne crée pas de nouveaux formulaires sur base des champs traduits. Au lieu de cela, il affiche les formulaires sous leur forme traduite. Lorsque vous insérez le formulaire récemment traduit dans la rubrique « langue traduite » d’une page, le fichier s’affichera dans ladite langue.

Par exemple, voici à quoi ressemble notre formulaire de contact une fois inséré dans une page en espagnol :

GFML Tout traduit

Ce que la traduction comprend

Gravity Forms Multilingual traduira pour vous tous les champs créés dans le formulaire : les champs standards, avancés, de message, de tarification et de questionnaire (prise en charge de cette dernière fonctionnalité depuis la version Gravity Forms Multilingual 1.3.7).

Vous pouvez bien entendu également traduire les messages de confirmation et les notifications du formulaire en utilisant le composant additionnel de traduction de chaînes WPML > String Translation. Vous pouvez chercher la chaîne désirée grâce au champ de recherche de la fonction « Sélectionner les chaînes en contexte », en cochant la case de contexte « gravity_form-{form_id} ».

Modifier les choix de champs du formulaire

Certain types de champs dans Gravity Forms comprennent plusieurs options parmi lesquelles l’utilisateur doit choisir. Citons notamment les champs Menu déroulant, Choix multiple, Boutons radio et Cases à cocher.

Veuillez noter que l’ajout de nouveaux choix ou la modification de la position des choix pour les champs déjà traduits peut entraîner la perte des traductions. Dans ce cas, vous devez traduire à nouveau le champ modifié.

Contenu envoyé dans les formulaires traduits

Remarque : Gravity Forms n’a pas de logique de langue. Quand vous envoyez du contenu dans un formulaire traduit, ledit contenu sera créé dans la langue par défaut. Utilisez les filtres et crochets de Gravity Forms pour écrire votre propre logique. Vous pourrez ainsi déterminer la langue du contenu envoyé une fois celui-ci créé par Gravity Forms.

1. Plug-ins requis

    1. WPML Multilingual CMS 3.2.6 (ou version ultérieure, composants additionnels String Translation et Translation Management inclus)
    2. Gravity Forms 1.9 (ou versions ultérieures)
    3. Gravity Forms Multilingual 1.3.3 (ou versions ultérieures)