### [Comment créer une page de profil à l'aide de l'extension Post Submissions](https://wpforms.com/developers/how-to-build-an-profile-form-using-post-submissions/)

**Publié le :** 17 juillet 2020
**Auteur :** Umair Majeed

**Extrait :** Ce tutoriel vous aidera à créer une page de profil utilisateur à l'aide de l'extension Post Submissions. 

**Contenu :**

Souhaitez-vous créer des sections de profil personnalisées qui s'affichent sous le contenu des articles invités ? Grâce à l'extension Post Submissions, vous pouvez créer des profils d'auteur professionnels qui s'affichent automatiquement sous chaque article invité.

Ce guide vous montrera comment configurer des pages de profil à l'aide de WPForms et des champs personnalisés de WordPress.

## Configuration du formulaire

Pour commencer, vous devez créer un nouveau formulaire ou modifier un formulaire existant avec l'extension [Post Submissions](https://wpforms.com/docs/how-to-install-and-use-the-post-submissions-addon-in-wpforms/) activée. Ce formulaire permettra de collecter les informations de profil qui apparaîtront sous chaque article invité.

Ajoutez les champs essentiels à votre formulaire, tels que Nom (Texte sur une seule ligne), Date de naissance (Date), Description personnelle (Texte en paragraphe), Influences (Texte en paragraphe) et Objets indispensables (Texte en paragraphe).

Notez l'ID de chaque champ, car vous en aurez besoin lors de l'ajout du snippet de code. Si vous avez besoin d'aide pour trouver les ID des champs, consultez notre guide sur la manière de trouver les ID des formulaires et des champs.

Si vous avez besoin d'aide pour créer un formulaire avec l'extension Post Submissions, veuillez consulter notre [guide détaillé de l'extension Post Submissions](https://wpforms.com/docs/how-to-install-and-use-the-post-submissions-addon-in-wpforms).

## Création de champs personnalisés WordPress

Avant de commencer à créer votre formulaire, vous devez déterminer quels champs personnalisés vous souhaitez inclure dans vos articles WordPress. Pour créer des champs personnalisés dans WordPress, [veuillez consulter ce tutoriel](https://www.wpbeginner.com/wp-tutorials/wordpress-custom-fields-101-tips-tricks-and-hacks/ « Champs personnalisés WordPress 101 : conseils, astuces et hacks »).

Pour ce tutoriel, nous allons ajouter une section de profil comprenant le nom de l’auteur, sa date de naissance et quelques autres informations personnelles mais amusantes à son sujet. Ces informations apparaîtront sous l’article pour chaque contribution d’invité acceptée.

![Créez votre formulaire pour saisir les champs de profil](https://wpforms.com/wp-content/uploads/2022/09/user-profile-create-form.jpg)## Mappage des champs du formulaire aux champs personnalisés

Accédez à **Paramètres » Soumissions d'articles** dans votre générateur de formulaires. Dans la section **Métadonnées d'article personnalisées**, saisissez le nom de votre champ personnalisé (par exemple « date de naissance ») et sélectionnez le champ de formulaire correspondant dans le menu déroulant (par exemple « Date de naissance »). Répétez cette opération pour chaque champ personnalisé que vous avez créé.

![Mettez en correspondance les champs de votre formulaire avec vos champs personnalisés pour votre section de profil](https://wpforms.com/wp-content/uploads/2022/09/wpforms-map-custom-fields-user-profile.jpg)## Ajout de l'extrait de code

L'extrait de code suivant créera la section de profil sous chaque soumission d'article invité :

Si vous ne savez pas où ni comment ajouter des extraits de code à votre site, veuillez consulter ce guide sur l’[ajout de code JavaScript ou PHP personnalisé](https://wpforms.com/developers/how-to-add-custom-php-or-javascript-for-wpforms/).

Veuillez noter que vous devrez modifier l’ID du formulaire et les ID des champs pour qu’ils correspondent à ceux de votre formulaire. Pour obtenir de l'aide afin de trouver les identifiants de formulaire et de champ corrects, consultez ce [guide sur la recherche des identifiants de formulaire et de champ](https://wpforms.com/developers/how-to-locate-form-id-and-field-id/).

En ajoutant l'extrait de code ci-dessus, vous ajouterez automatiquement à chaque soumission d'article d'invité la section de profil utilisateur qui apparaîtra directement sous l'article.

Et c'est tout ce dont vous avez besoin pour créer une section de page de profil à l'aide de l'**extension Post Submissions**.

![Vos champs personnalisés s'afficheront désormais sur votre formulaire de profil](https://wpforms.com/wp-content/uploads/2022/09/wpforms-display-user-profile.jpg)Souhaitez-vous pouvoir exclure certains articles et pages de vos formulaires de soumission d'articles ? Consultez notre article sur [Comment exclure des articles, des pages ou des catégories des choix dynamiques](https://wpforms.com/developers/how-to-exclude-posts-pages-or-categories-from-dynamic-choices/ "Comment exclure des articles, des pages ou des catégories des choix dynamiques").

## Foire aux questions

#### Q : Pourquoi mon code HTML est-il supprimé ?

**R :** C'est parce que dans l'extrait de code, nous utilisons `esc_html` pour afficher ce qui a été saisi. Cela signifie que de nombreux éléments HTML de type span ou div utilisés pour la mise en forme sont supprimés. Si vous avez besoin d'autoriser le code HTML dans ces champs, utilisez plutôt `wp_kses_post`.

## Action de référence

[wpforms\_post\_submissions\_process](https://wpforms.com/developers/wpforms_post_submissions_process/ « Utilisation de l'action wpforms_post_submissions_process »)

**Catégories :** Modules complémentaires

**Balises :** PHP

---