Lorsque vous intégrez un formulaire de contact ou une page de réservation dans votre application, plateforme ou site web, vous pouvez ajouter des données dans l'URL pour préremplir certaines réponses aux questions et améliorer l'expérience du client.
L'ajout de données à l'URL est assez simple et peut se faire via un paramètre d'URL. Comme les formulaires de contact et les pages de réservation comportent plusieurs types de questions, vous devrez bien réfléchir aux données à ajouter pour chaque type de question.
La fonctionnalité de pré-remplissage fonctionne pour tous les types de questions des formulaires de contact. Pour les pages de réservation cependant, le pré-remplissage n'est pas encore fonctionnel pour tous les types de questions. Cette fonctionnalité sera bientôt mise à jour !
Dans cet article
Ajouter des données via un paramètre URL
Nous prendrons ici l'exemple d'un formulaire de contact, mais sachez que vous pouvez faire de même pour vos pages de réservation.
Tout ce que vous avez à faire, c'est d'ajouter un paramètre contenant des informations à l'URL du formulaire de contact pour préremplir les questions.
L'URL d'un formulaire de contact ressemble à ceci :
- Domaine Teamleader Focus : https://cloud.teamleader.eu/<teamname>/forms/<formname>/
- Domaine personnalisé : https://something.mydomain.com/forms/<formname>/
Vous pouvez ajouter un paramètre en ajoutant ?questions.<id>=<valeur>.
Vous pouvez ajouter une deuxième question en ajoutant &questions.<id>=<valeur>.
Ainsi, un formulaire de contact avec 2 questions remplies ressemblera à ceci :
https://cloud.teamleader.eu/<teamname>/forms/<formname>/?questions.<id>=<valeur>&questions.<id>=<valeur>
ID Question
Vous pouvez copier l'ID d'une question d'un formulaire de contact en suivant les étapes suivantes :
- Rendez-vous vers https://meeting.teamleader.eu/contact-forms/
- Cliquez sur l'icône Crayon à côté du formulaire de contact que vous souhaitez préremplir
- Cliquez sur les 3 points à côté de la question que vous voulez préremplir
- Cliquez sur Copier ID de la question
Types de question
Les réponses à la plupart des types de question sont assez simples, il suffit de retaper la valeur.
Quelques exemples :
- Ligne simple : questions.<id>=simon
- Adresse électronique : questions.<id>=simon@company.com
- Numéro de TVA : questions.<id>=BE0123456789
Certains types de question requièrent un type spécifique de valeur de réponse. Ce sont les valeurs à définir :
| Type de question | Réponses | Exemple |
| Sélection unique | Le libellé de l'option. Si la question comporte une "autre option", il vous suffit de taper le mot. | Option 1 or mot au hasard |
| Sélection multiple | Une liste d'options séparées par des virgules. Si la question comporte une option "autre", l'une des valeurs peut être un mot aléatoire. | Option 1,Option 2,mot au hasard *voir remarque 1 |
| Oui/Non | 0 (=non) or 1 (=oui) | 0 |
| Case à cocher | 1 (=cochée) | 1 |
| Adresse | Une liste séparée par des virgules avec 5 valeurs : rue, numéro, code postal, ville, code pays**. | Dok-Noord, 3A/101, 9000, Gent, BE |
| Date | aaa-mm-jj | 2023-09-07 |
*Remarque 1 : pour les questions à sélection unique ou multiple, la réponse doit être la valeur exacte.
- Lettres en majuscules doivent être ajoutées.
- Espaces doivent être ajoutés au format de %20.
- Nouvelles lignes doivent être ajoutées au format %0A ou /n
**Remarque 2 :le pays de l'adresse doit être indiqué selon les codes officiels des pays, en lettres capitales. Par exemple, si le pays est la Belgique, vous devez remplir "BE".
Remarque 3 : Il n'est pas possible de préremplir une question de type Pièce jointe/fichier.
Exemple
Pour préremplir les questions du formulaire suivant comme ci-dessous :
- Max
- James
- maxjames@company.com
- Oui
- 1994-01-16
- Option 1 & Autre = Cheese
- Dok-Noord,3A/101,9000,Gent,Belgium
Je dois ensuite ajouter le paramètre suivant à l'URL du formulaire de contact :
?questions.<id>=Max&questions.
<id>=James&questions.
<id>=maxjames@company.com&questions.
<id>=1&questions.<id>=1994-01-16&questions.
<id>=Option%201,cheese&questions.<id>=Dok-Noord,3A/101,9000,Gent,Belgium
Remarque : Option 1 comporte une majuscule et un espace et doit être ajouté en tant qu'Option%201.
Le résultat :
