Composants de contact
Dialogue d’assistance et popover d’avis pour échanger avec les utilisateurs.
L’application fournit deux composants permettant aux utilisateurs de vous contacter.
ContactSupportDialog
Ce composant affiche un formulaire d’assistance dans une fenêtre modale.
Champs du formulaire
- email — affiché uniquement pour un visiteur non connecté
- subject — objet du message
- message — contenu du message
Utilisation simple
<ContactSupportDialog />Par défaut, un bouton « Contacter l’assistance » est affiché.
Utilisation personnalisée
Vous pouvez personnaliser le déclencheur en fournissant un enfant :
<ContactSupportDialog>
<button>Besoin d’aide ?</button>
</ContactSupportDialog>Comportement
- À l’envoi, un e-mail part vers l’adresse définie dans
NEXT_PUBLIC_EMAIL_CONTACT. - Une notification confirme la réussite ou signale l’échec.
- La fenêtre se ferme automatiquement après un envoi réussi.
ContactFeedbackPopover
Ce composant ouvre un popover permettant de donner rapidement un avis sur l’application.
Champs du formulaire
- email — affiché uniquement pour un visiteur non connecté
- message — contenu de l’avis
- review — niveau de satisfaction :
- (1) — très insatisfait
- (2) — plutôt insatisfait
- (3) — neutre
- (4) — satisfait
Utilisation simple
<ContactFeedbackPopover />Par défaut, un bouton « Donner mon avis » est affiché.
Utilisation personnalisée
Vous pouvez personnaliser le déclencheur :
<ContactFeedbackPopover>
<button>Donnez-nous votre avis</button>
</ContactFeedbackPopover>Comportement
- Le popover se ferme après un envoi réussi.
- Une notification confirme la réussite ou signale l’échec.
FAQ
Quand utiliser ContactSupportDialog ?
Utilisez ContactSupportDialog pour permettre de signaler un problème ou de poser une question. Il est notamment intégré aux pages d’erreur.
Quand utiliser ContactFeedbackPopover ?
ContactFeedbackPopover convient aux retours rapides sur l’expérience utilisateur. Plus discret qu’une fenêtre modale, il permet une évaluation immédiate.