Formulaires
Les deux formulaires livrés avec le site, ce qu'ils vérifient, le captcha facultatif, et comment relier chacun à votre propre service.
Les formulaires
| Formulaire | Emplacement | Ce que les visiteurs remplissent | Ce qu'il vérifie |
|---|---|---|---|
| Contact | /contact | Nom, e-mail, téléphone (optionnel), sujet et message | Un nom de 2 à 100 caractères, un e-mail valide, un numéro de téléphone fait de chiffres et des signes usuels s'il est renseigné, un sujet de 5 à 200 caractères et un message de 20 à 2 000 |
| Formulaire de message | La dernière section de la page d'accueil, par-dessus la carte du monde | Nom, e-mail et message | Un nom d'au moins 2 caractères, un e-mail valide et un message d'au moins 5 |
Les deux affichent leurs messages dans la langue de la page quand le visiteur appuie sur le bouton, et le formulaire de contact les met ensuite à jour à mesure que chaque champ est corrigé. Le formulaire de contact marque ses champs obligatoires d'un astérisque rouge.
Ce qui se passe quand un visiteur en envoie un
Rien ne quitte le navigateur. Le template n'a pas de back end, chaque formulaire est donc prêt pour le vôtre :
- Le formulaire de contact patiente un instant, affiche « Message Sent Successfully! » sur son bouton pendant quelques secondes et vide ses champs.
- Le formulaire de message patiente un instant et affiche un panneau de remerciement avec un bouton Send Another Message.
Avant le lancement, reliez chaque formulaire que vous gardez à votre propre service : votre API, un service de formulaires ou votre plateforme d'e-mail. Supprimez celui dont vous n'avez pas besoin.
Gardez les clés secrètes sur un serveur. Tout ce qui est dans le code du navigateur, y compris une valeur NEXT_PUBLIC_, peut être lu par chaque visiteur.
Le captcha
Le formulaire de message de la page d'accueil peut demander la case Google reCAPTCHA v2 « Je ne suis pas un robot » avant l'envoi. Il ne le fait que si NEXT_PUBLIC_RECAPTCHA_SITE_KEY est définie lors de la construction du site : son bouton affiche alors Continue, l'étape suivante montre la case, et Confirm & Send termine. Sans la clé, le bouton affiche Send Message et envoie aussitôt.
Un captcha ne protège qu'un formulaire dont le serveur vérifie la réponse auprès de Google, avec la clé secrète fournie avec la clé de site. Définissez la clé de site une fois que votre point d'accès fait cette vérification. La case suit le thème clair ou sombre du site et la langue de la page.
Où chaque formulaire est envoyé
Inclus avec votre achat. Connectez-vous pour le lire, ou ouvrez-le dans votre téléchargement.
Le fichier et la fonction derrière le bouton d'envoi de chaque formulaire.
Relier un formulaire à votre endpoint
Inclus avec votre achat. Connectez-vous pour le lire, ou ouvrez-le dans votre téléchargement.
Un exemple complet qui envoie chaque formulaire à votre propre point d'accès, et une route serveur qui vérifie le captcha.
Les vérifications et leurs messages
Inclus avec votre achat. Connectez-vous pour le lire, ou ouvrez-le dans votre téléchargement.
Où les règles et les messages d'erreur de chaque formulaire sont définis, et comment les changer.