<html lang="fr-fr" dir="ltr"><head></head><body>### [Activer les aperçus des entrées](https://wpforms.com/docs/how-to-show-entry-previews-in-wpforms/)

**Publié :** 24 novembre 2023
**Auteur :** Umair Majeed

**Extrait :** Apprenez à montrer aux utilisateurs leurs réponses avant ou après la soumission de votre formulaire.

**Contenu :**

Voulez-vous montrer aux utilisateurs des aperçus de leurs entrées avant ou après la soumission de votre formulaire ? Notre champ Aperçu des entrées vous permet d'ajouter facilement une page d'aperçu à n'importe quel formulaire de votre site. De plus, nos paramètres de confirmation de formulaire vous permettent également d'afficher des aperçus des entrées dans vos confirmations.

Ce guide vous montrera comment utiliser le champ Aperçu des entrées et le paramètre de confirmation dans WPForms.

Veuillez activer JavaScript dans votre navigateur pour compléter ce formulaire.

 - Étape 1 sur 2

### Essayez cette démo de formulaire !

Nom \*Prénom

Nom

E-mail

Commentaire ou message

Suivant

Aperçu en cours de mise à jour...

**Ceci est un aperçu de votre soumission. Elle n'a pas encore été soumise !**
 Veuillez prendre un moment pour vérifier vos informations. Vous pouvez également revenir en arrière pour apporter des modifications.

Précédent

Soumettre ![Chargement](https://wpforms.com/wp-content/plugins/wpforms/assets/images/submit-spin.svg)

 ---

Avant de plonger dans le tutoriel ci-dessous, assurez-vous que WPForms est [installé et activé](https://wpforms.com/docs/install-wpforms-plugin/) sur votre site WordPress. Vous pouvez ensuite [créer un nouveau formulaire](https://wpforms.com/docs/creating-first-form/) ou modifier un formulaire existant pour ouvrir le constructeur de formulaires et accéder au champ Aperçu des entrées.

### Ajout d'un champ Aperçu des entrées à votre formulaire

Tout d'abord, vous devrez ajouter un champ Aperçu des entrées à votre formulaire. Ce champ n'est disponible qu'avec une licence payante, vous le trouverez donc sous **Champs fantaisistes** dans le constructeur de formulaires.

![Le champ Aperçu des entrées dans le constructeur de formulaires](https://wpforms.com/wp-content/uploads/2021/08/entry-preview-field.png)

Cliquez sur **Aperçu des entrées** ou faites-le glisser dans la zone d'aperçu pour l'ajouter à votre formulaire.

L'ajout d'un champ Aperçu des entrées à votre formulaire ajoutera également automatiquement un champ Séparateur de page et divisera votre formulaire en plusieurs pages.

![Le champ Aperçu des entrées avec séparateur de page dans la zone d'aperçu du constructeur de formulaires](https://wpforms.com/wp-content/uploads/2021/08/entry-preview-page-break.png)

**Remarque :** Pour plus de détails sur les options disponibles pour les séparateurs de page dans WPForms, veuillez consulter notre tutoriel sur les [formulaires multipages](https://wpforms.com/docs/how-to-create-multi-page-forms-in-wpforms/#Customizing_Form_Page_Settings).

Le champ Aperçu des entrées nécessite un formulaire multipage pour fonctionner, et vous ne pouvez pas supprimer le champ Séparateur de page qu'il ajoute à votre formulaire, sauf si vous supprimez d'abord le champ Aperçu des entrées.

Dans la plupart des cas, nous recommandons de placer l'aperçu des entrées à la fin de votre formulaire afin que les utilisateurs ne voient l'aperçu qu'après avoir rempli tous les champs.

**Remarque :** Bien que vous puissiez ajouter d'autres champs à votre formulaire après le champ Aperçu des entrées, il n'affichera que les données des pages de formulaire précédentes.

Par exemple, si vous placez un champ Aperçu des entrées sur la deuxième page d'un formulaire à 3 pages, il n'affichera que les entrées et sélections de l'utilisateur provenant des champs de la première page du formulaire.

### Personnalisation de votre champ Aperçu des entrées

Ensuite, cliquez sur le champ Aperçu des entrées dans la zone d'aperçu du constructeur de formulaires pour ouvrir ses options de champ.

Ici, vous pouvez utiliser le commutateur **Afficher l'avis d'aperçu** pour afficher ou masquer un message supplémentaire avant l'aperçu des entrées.

![Activation de l'avis du champ Aperçu des entrées](https://wpforms.com/wp-content/uploads/2021/08/entry-preview-field-display-preview-notice-1.png)

Vous pouvez également personnaliser l'avis qui apparaîtra avant l'aperçu des entrées lorsque ce formulaire sera publié sur votre site.

![Modification de l'avis d'aperçu pour un champ Aperçu des entrées](https://wpforms.com/wp-content/uploads/2021/08/entry-preview-field-edit-preview-notice.png)

Ce champ accepte du texte ainsi que des balises HTML.

### Choix d'un style d'aperçu des entrées

Dans l'onglet **Avancé** des options de champ, vous pouvez choisir parmi 4 styles différents pour l'aperçu des entrées de votre formulaire : Basique, Compact, Tableau ou Tableau, Compact.

![Choix d'un style d'aperçu des entrées](https://wpforms.com/wp-content/uploads/2021/08/entry-preview-styles.png)

Toutes ces options affichent les mêmes informations, simplement dans des mises en page différentes.

#### Le style d'aperçu des entrées Basique

Le style d'aperçu des entrées Basique est une simple liste d'étiquettes de champ suivies de l'entrée ou des sélections de l'utilisateur. Voici un exemple de la façon dont ce style apparaît sur le frontend.

![Le style Basique d'aperçu des entrées](https://wpforms.com/wp-content/uploads/2021/08/entry-preview-basic-1.png)

#### Le style d'aperçu des entrées Compact

Le style Compact utilise du texte comme le style Basique, mais place les étiquettes de champ et l'entrée de l'utilisateur dans des colonnes séparées afin qu'ils occupent moins d'espace sur la page.

![Le style Compact d'aperçu des entrées](https://wpforms.com/wp-content/uploads/2021/08/entry-preview-compact-1.png)

**Remarque :** Vous souhaitez en savoir plus sur les moyens de condenser vos formulaires ? Consultez notre tutoriel sur les [dispositions multicolonnes](https://wpforms.com/docs/how-to-create-multi-column-form-layouts-in-wpforms/).

#### Le style d'aperçu des entrées Tableau

Le style Tableau affiche les entrées dans un tableau avec des lignes ombrées pour distinguer les étiquettes de champ de l'entrée de l'utilisateur.

![Le style Tableau d'aperçu des entrées](https://wpforms.com/wp-content/uploads/2021/08/entry-preview-table-1.png)

#### Le style d'aperçu des entrées Tableau, Compact

Enfin, le style Tableau, Compact place les entrées dans un tableau avec des colonnes séparées pour les étiquettes de champ et l'entrée de l'utilisateur.

![Le style Tableau, Compact d'aperçu des entrées](https://wpforms.com/wp-content/uploads/2021/08/entry-preview-table-compact-1.png)

### Ajout de CSS personnalisé à un champ Aperçu des entrées

Vous pouvez également ajouter des classes CSS personnalisées dans le champ **Classes CSS** des options de champ avancées.

![Les options de champ avancées d'Aperçu des entrées](https://wpforms.com/wp-content/uploads/2021/08/entry-preview-advanced-field-options.png)

**Remarque :** Vous souhaitez en savoir plus sur l'utilisation des classes CSS personnalisées dans WPForms ? Consultez notre [guide sur l'ajout de CSS personnalisé à vos formulaires](https://wpforms.com/docs/how-to-add-custom-css-to-your-wpforms/) pour plus de détails.

### Configuration des confirmations d'aperçu des entrées

Vous pouvez utiliser les confirmations d'aperçu des entrées à la place ou en plus du champ Aperçu des entrées.

Le champ Aperçu des entrées permet aux utilisateurs de revenir en arrière et de modifier leurs entrées ou sélections. Cela peut être utile si vous souhaitez permettre aux visiteurs de corriger les erreurs dans leurs entrées avant de soumettre votre formulaire.

Cependant, il existe des situations où vous voudrez peut-être permettre aux utilisateurs de prévisualiser leurs entrées sans leur donner la possibilité de modifier leurs entrées ou sélections. Dans ces cas, vous pouvez utiliser une confirmation d'aperçu des entrées à la place.

Pour ce faire, allez dans **Paramètres » Confirmations** dans le constructeur de formulaires. Pour toute confirmation que vous avez créée, vous pouvez activer l'option **Afficher l'aperçu des entrées après le message de confirmation**.

![Activation de la confirmation d'aperçu des entrées](https://wpforms.com/wp-content/uploads/2021/08/enable-entry-preview-confirmation.png)

**Remarque :** Besoin d'aide pour configurer les confirmations de votre formulaire ? Nos tutoriels sur les [paramètres de confirmation WPForms](https://wpforms.com/docs/setup-form-confirmation-wpforms/) et la [création de confirmations de formulaire conditionnelles](https://wpforms.com/docs/how-to-create-conditional-form-confirmations/) contiennent tous les détails.

Une fois ce paramètre activé, une liste déroulante apparaîtra où vous pourrez sélectionner le [style d'aperçu des entrées](#style) que vous souhaitez utiliser pour cette confirmation.

![Sélection du style de confirmation d'aperçu des entrées](https://wpforms.com/wp-content/uploads/2021/08/entry-preview-confirmation-style-1.png)

Assurez-vous de sauvegarder vos modifications avant de quitter le constructeur de formulaires. Sur le frontend, votre confirmation d'aperçu des entrées pourrait ressembler à ceci.

![Un exemple de confirmation d'aperçu des entrées](https://wpforms.com/wp-content/uploads/2021/08/entry-preview-confirmation-2.png)

Voilà ! Vous pouvez maintenant laisser les utilisateurs prévisualiser leurs entrées avant ou après la soumission de vos formulaires.

Ensuite, vous souhaitez en savoir plus sur la gestion des entrées des utilisateurs ? Consultez notre [guide complet des entrées dans WPForms](https://wpforms.com/docs/complete-guide-to-form-entries/) pour tous les détails.

**Catégories :** Création de formulaires, Champs

---</body></html>