Formulaires : recueillir les demandes de votre site
Les formulaires d'un site Briks envoient chaque message au studio, où il est conservé pour vous, et une fois le site en production, chacun vous est aussi envoyé par e-mail. Cette page explique comment ajouter un formulaire, le tester en toute sécurité, retrouver les envois et les transmettre à d'autres outils.
Comment fonctionne un formulaire
- Un visiteur remplit le formulaire. Les champs obligatoires, les adresses e-mail et les numéros de téléphone sont vérifiés sur la page avant tout envoi.
- Le message part chez Briks, qui le garde dans la liste Forms de votre projet et fait sonner la cloche dans le studio avec son objet et sa page.
- En production, Briks vous l'envoie aussi par e-mail. Sur un aperçu, il est conservé mais non envoyé par e-mail.
- Le visiteur voit « Sending your message… », puis un remerciement (par défaut « Thank you. Your message has been received. »). Si l'envoi échoue, il voit une erreur simple et son texte reste dans le formulaire.
- Chaque formulaire envoyé compte comme une demande dans Analytics.
Ajouter un formulaire
Un formulaire fait partie d'une page, donc vous l'ajoutez comme tout autre changement : en le demandant dans le studio. Nommez les champs, dites lesquels sont obligatoires, et donnez-lui un objet pour distinguer vos formulaires dans la liste et dans votre boîte de réception.
Ouvrir le studio
Où : Studio
Ouvrez votre projet. La zone de saisie se trouve sous la conversation.
Décrivez le formulaire
Où : Prompt box
Indiquez sur quelle page il se place, ses champs, lesquels sont obligatoires, le texte du bouton, l'objet, et ce que les visiteurs lisent une fois le message envoyé.
Envoyer
Où : Send
Une modification bloque 5 crédits et vous êtes facturé selon le travail nécessaire. Ce qui n'est pas utilisé vous est rendu.
Regardez le résultat
Où : Your site
Une fois publiée, ouvrez la page et vérifiez aussi le formulaire à la largeur d'un téléphone.
Sur la page Contact, ajoutez un formulaire de demande avec nom, e-mail, téléphone, date du mariage, lieu et un message. Rendez le nom, l'e-mail et la date obligatoires. Bouton : Check my date. Objet : Wedding enquiry. Après l'envoi, affichez : Thanks, I'll reply within two working days.
Les entrées arrivent sous Forms avec l'objet Wedding enquiry, et en production l'objet de chaque e-mail indique « Wedding enquiry from Tamsin Hale Photography's website ».
Testez-le dans l'aperçu
Avant de publier en production, envoyez quelques tests depuis l'adresse de l'aperçu. Chaque entrée est conservée avec une étiquette preview et aucun e-mail n'est envoyé : vous pouvez donc essayer un formulaire autant de fois que vous voulez.
Ouvrir l'aperçu
Où : Top bar
Sur un grand écran, cliquez sur l'adresse de votre site à côté du nom du projet. Elle s'ouvre dans un nouvel onglet. Sur un écran plus petit, utilisez Open in new tab au-dessus de l'aperçu.
Essayez de le casser
Où : Your site
Laissez un champ obligatoire vide et envoyez : le formulaire doit vous l'indiquer. Saisissez une adresse e-mail incorrecte : il doit signaler qu'elle semble invalide.
Envoyez-en un vrai
Où : Your site
Remplissez tout correctement et envoyez. Vous devriez voir le message de remerciement.
À trouver dans le studio
Où : Settings, Forms
Ouvrez ou actualisez la page Forms. Votre test apparaît en haut, marqué preview.
Où apparaissent les envois
La page Forms liste les 100 messages les plus récents, du plus récent au plus ancien. Chacun indique quand il est arrivé, l'objet du formulaire, la page d'où il vient, et l'une de quatre marques : emailed, not emailed (l'e-mail a échoué), preview, ou held, not emailed pour les spams probables. En dessous, chaque champ et sa réponse. Tous les membres de l'espace de travail peuvent lire la liste, Viewers compris.
Un message qui ressemble à du spam est conservé, marqué Likely spam, jamais envoyé par e-mail, et aucun webhook ni avis n'est émis pour lui. S'il est réel, un Owner, un Admin ou un Editor appuie sur Not spam pour retirer la marque. Il n'est pas envoyé par e-mail ensuite, répondez-y donc depuis la liste.
Où vont les e-mails
En production, chaque envoi est transmis par e-mail à la personne qui a créé le projet. Si elle a quitté l'espace de travail, il va au premier Owner de l'espace de travail. Il n'existe aucun réglage pour envoyer les e-mails de formulaire à une autre adresse aujourd'hui. L'e-mail hebdomadaire d'analyse et les alertes de trafic vont à la même personne.
- Subject: l'objet du formulaire et le nom de votre site, comme dans l'exemple ci-dessus.
- Répondre : si le formulaire comporte un champ e-mail, le message est réglé pour répondre au visiteur : en cliquant sur Répondre, vous lui répondez directement.
- Quota : ces e-mails vont de Briks vers vous, ils n'utilisent donc pas votre quota d'e-mails du site.
Spam et limites
- Chaque formulaire contient un champ caché que personne ne voit. Un robot qui le remplit est remercié et rien n'est conservé.
- Un visiteur peut envoyer 5 messages en 10 minutes, et un site en accepte jusqu'à 300 par jour. Au-delà, les visiteurs lisent « Too many messages were sent from here. Try again a little later. »
- Un formulaire peut avoir jusqu'à 20 champs, et chaque réponse peut compter jusqu'à 5,000 caractères. Les champs laissés vides sont retirés de l'entrée.
Envoyer les entrées vers un autre outil avec un webhook
Un webhook est un message que Briks envoie à l'adresse web d'un autre service lorsqu'il se passe quelque chose sur votre site. Avec l'événement Form received, chaque nouvelle entrée est transmise dès son arrivée. Chaque envoi est signé afin que l'autre outil puisse vérifier qu'il vient de votre projet, et il est retenté jusqu'à 5 fois en 45 minutes environ si cet outil ne répond pas.
Obtenez une adresse depuis l'autre outil
Où : Your other tool
La plupart des outils d'automatisation, de tableur et de liste de clients peuvent vous donner une adresse web qui accepte les webhooks entrants. Copiez-la.
Ajouter le webhook
Où : Add webhook
Collez-la dans Address, ajoutez une Note si vous le souhaitez, et sous Events vérifiez que Form received est coché. Cliquez sur Add webhook.
Gardez la clé de signature secrète
Où : Your signing secret
Aucune question avant la création, aucun texte à approuver, aucun style ni bandeau d'accueil à choisir, et aucune image
Testez-le
Où : Webhooks
Utilisez Send a test event dans le menu du webhook, puis envoyez un vrai test depuis votre aperçu.
Chaque envoi contient l'objet du formulaire, la page, chaque champ et chaque réponse, l'adresse de réponse du visiteur, et si l'entrée vient de la production. Les entrées de l'aperçu sont transmises aussi : faites-les ignorer par votre outil s'il ne doit voir que les vraies.
| Plan | Webhooks par projet |
|---|---|
| Free | 1 |
| Starter | 5 |
| Pro | 10 |
| Studio | 25 |
| Agency | 50 |
Ashdown Builders ajoute un webhook Form received qui pointe vers l'outil de tableur utilisé par son bureau, de sorte que chaque demande de devis arrive sur une nouvelle ligne.
L'e-mail arrive toujours, l'entrée apparaît toujours sous Forms, et l'équipe du bureau travaille à partir de la feuille de calcul.
Un envoi est arrivé, mais aucun e-mail.
Regardez la marque de l'entrée. preview signifie que le site n'est pas encore en production. not emailed signifie que l'envoi a échoué, et que l'entrée est bien conservée dans la liste. Si elle indique emailed, regardez dans vos spams et vérifiez qui a créé le projet.
Plusieurs personnes peuvent-elles recevoir les e-mails ?
Les e-mails de formulaire arrivent chez une seule personne. Transférez-les depuis cette boîte, ou utilisez un webhook pour publier chaque entrée dans un outil partagé par votre équipe.
Puis-je supprimer une entrée ?
Pas aujourd'hui.