De nombreux sites Web requièrent la capacité de créer et d’éditer des contenus en amont. Des exemples englobent des sites classés, de listage, immobiliers et d’emploi. Le module d’extension Forms facilite l’ajout de cette capacité. Forms vous permet de créer des formulaires en amont en vue de créer et d’éditer des contenus. Ces formulaires peuvent contenir des champs personnalisés, valider des saisies et envoyer des e-mails de notification.

Si vous n’êtes pas familiarisé avec le module d’extension Forms, nous vous recommandons de consulter d’abord le cours de formation Forms.

Pour créer un nouveau formulaire d’édition de contenu en amont, allez aux Formulaires de publication->Toolset et cliquez sur En ajouter un nouveau. Choisissez le type de formulaire que vous souhaitez créer (“nouveau contenu” ou “éditer le contenu”) ainsi que de nombreuses autres options relatives au formulaire.

Formulaire Forms pour soumettre une nouvelle annonce
Formulaire Forms pour soumettre une nouvelle annonce

Le formulaire peut créer un nouveau contenu ou éditer le contenu existant. Les formulaires Forms de contenu en amont prennent en charge les pages, publications et types de publication personnalisée WordPress (voir les instructions pour créer des formulaires Forms pour les produits WooCommerce).

Pour créer des formulaires pour les utilisateurs, utilisez les formulaires d’inscription d’utilisateur en amont. Si vous avez besoin d’autoriser à créer un contenu et de le modifier, créez deux formulaires, un pour chaque fonction.

Conception de formulaires de soumission de contenu en amont

Les formulaires Forms prêts à être créés sont vides. La manière la plus simple de démarrer est de cliquer sur le bouton Autogénérer un formulaire.

Fonctionnalité Autogénération de formulaire dans Formulaires de publication Forms
Fonctionnalité Autogénération de formulaire dans Formulaires de publication Forms

L’autogénérateur crée un formulaire entièrement fonctionnel incluant tous les champs faisant partie du contenu.

Contenu de formulaire de base autogénéré.
Contenu de formulaire de base autogénéré.

Vous pouvez utiliser cette stylisation de formulaire par défaut ou modifier l’HTML afin de personnaliser la mise en page.

Vous pouvez quasiment tout modifier dans le formulaire Forms. Les codes abrégés (textes entre crochets) sont les champs et les contrôles de formulaire. Ne les modifiez pas, mais si vous le souhaitez, vous pouvez ajouter des classes pour contrôler leur stylisation. Vous pouvez modifier l’HTML autour de ces codes abrégés.

Il existe des codes abrégés Forms spéciaux qui contrôlent la fonctionnalité de base de chaque formulaire. Ces codes abrégés incluent :

  • [credform class='cred-form cred-keep-original'] : obligatoire
  • [cred_field field='form_messages' value=''] : facultatif, utilisé pour placer les messages de validation
  • [cred_field field='form_submit' value='Submit' urlparam=] : obligatoire (le formulaire ne fonctionnera pas sans bouton d’envoi)
  • [/credform] : obligatoire

La suppression des codes abrégés obligatoires de vos formulaires entraînera leur rupture.

Vous pouvez insérer des champs supplémentaires appartenant à la publication à l’aide du bouton Ajouter des champs de publication. Le bouton Ajouter des champs génériques vous permet d’ajouter des champs n’appartenant pas à la publication. Testez ces deux boutons et voyez les possibilités qu’ils offrent.

Notifications par e-mail après soumission de formulaire

Une fois les formulaires soumis, Forms peut envoyer des e-mails de notification. Vous pouvez configurer de multiples e-mails de notification proposant des contenus différents à différents destinataires. Les e-mails de notification peuvent être envoyés à un auteur de contenu, administrateur de site Web ou à n’importe quel utilisateur ou adresse e-mail en particulier.

Étudions deux exemples de notification par e-mail.

Envoi d’un e-mail de notification pour les brouillons récemment soumis

Si les formulaires génèrent des ‘brouillons’, vous aurez probablement besoin d’un éditeur ou administrateur pour réviser et publier le contenu. Il vous faudra ensuite disposer d’un moyen pour avertir l’administrateur ou l’éditeur qu’une nouvelle publication est en attente d’être approuvée. Créez pour cela une notification à envoyer lors de la soumission du contenu et sélectionnez l’administrateur du site comme destinataire.

Confirmation de soumission de contenu à la personne qui soumet

Un autre exemple type d’utilisation de notification automatique est l’envoi des confirmations aux utilisateurs concernant les contenus soumis avec succès. Après avoir publié un formulaire, les utilisateurs ont la possibilité de recevoir un e-mail de confirmation automatique “Merci pour votre publication !”. Vous pouvez inclure différentes informations à ces notifications, comme un lien vers leur publication.

Configuration d’un e-mail de notification pour les formulaires Forms

Vous pouvez configurer des notifications pour un formulaire dans la section Réglages de notification.

Section Notification pour formulaire de publication Forms
Section Notification pour formulaire de publication Forms

Validation des champs de saisie dans le formulaire

Les formulaires Forms garantissent la validité des contenus soumis. Si vous configurez un champ comme ‘requis’, Forms s’assurera que ce champ n’est pas blanc. Certains champs présentent des formats requis (champs ‘e-mail’ et ‘numérique’). Forms affichera une erreur si les champs sont manquants ou formatés incorrectement, en demandant à l’utilisateur de rectifier avant l’envoi.

Exemple de message pour la validation des formulaires de publication Forms ayant échoué
Exemple de message pour la validation des formulaires de publication Forms ayant échoué

Une validation de saisie automatique est également importante pour la sécurité de votre site, car elle empêche l’injection d’un code malveillant.

Utilisez HTML et CSS pour styliser les messages de validation du formulaire et des champs.

Protection anti-SPAM intégrée pour les formulaires

Forms vous permet d’empêcher l’envoi de pourriels vers votre site en ayant recours à reCAPTCHA. Lorsque vous définissez le formulaire, vous pouvez choisir d’y inclure le champ reCAPTCHA. Saisissez alors vos informations d’identification de compte pour pouvoir utiliser le formulaire.

Champ reCAPTCHA tel qu'il est décrit sur les formulaires de publication Forms.
Champ reCAPTCHA tel qu’il est décrit sur les formulaires de publication Forms.

Pour utiliser reCAPTCHA, vous devez d’abord enregistrer les clés publiques et privées via la page d’accueil reCAPTCHA de Google. Vous pourrez ensuite insérer le champ dans n’importe quel formulaire à l’aide de la fonctionnalité Formulaires Forms autogénérés ou en l’insérant manuellement à l’aide du bouton Ajouter une publication.

En plus du champ reCAPTCHA utilisé pour combattre les pourriels, vous pouvez également limiter l’accès aux formulaires à l’aide du module d’extension Access.

Affichage des formulaires en amont du site

Vous pouvez insérer des formulaires Forms dans n’importe quel contenu WordPress. Ceci inclut des pages, des publications et tout type personnalisé. Lorsque vous modifiez un contenu, cliquez sur le bouton Formulaires Forms et sélectionnez les formulaires.

Boîte de dialogue d'insertion des formulaires Forms.
Boîte de dialogue d’insertion des formulaires Forms.

Le formulaire s’affiche alors sur la page.

Formulaire Forms qui alimente un site de petites annonces
Formulaire Forms qui alimente un site de petites annonces

En plus d’insérer des formulaires Forms pour créer de nouveaux contenus, vous pouvez également insérer ceux qui modifient un contenu. Lorsque vous insérez des formulaires d’édition, vous pouvez choisir soit de les afficher directement dans une publication ou sur une page, soit d’insérer un lien au formulaire d’édition lui-même. Des options avancées permettent de choisir les contenus à éditer (publication actuelle ou publication spécifique).

Forms vous permet en plus d’insérer des liens qui supprimeront une publication sélectionnée ou une page. Les options avancées permettent de choisir les contenus à supprimer (publication actuelle ou publication spécifique).

Création de produits WooCommerce à l’aide des formulaires Forms

Les formulaires Forms peuvent aussi être utilisés pour créer des produits WooCommerce en amont.

Vous pouvez ajouter tous les champs de produit WooCommerce par défaut à ces formulaires. Vérifiez la création de produits WooCommerce à l’aide de la page de documentation sur les formulaires Forms pour de plus amples détails.

Formulaire Forms pour soumettre un nouveau produit WooCommerce
Formulaire Forms pour soumettre un nouveau produit WooCommerce

Contrôle de l’accès aux formulaires de contenu en amont

Vous pouvez contrôler l’accès aux formulaires Forms à l’aide du module d’extension Access qui fait partie intégrante de Toolset.

À l’aide d’Access, vous pouvez contrôler les personnes autorisées à utiliser tel ou tel formulaire. Certains formulaires peuvent être ouverts par tout le monde, d’autres pour certains rôles et certains formulaires sont destinés à des utilisateurs spécifiques.

Pour en savoir plus, consultez le Contrôle d’accès aux formulaires Forms.