[Retour au blog](/fr/blog/)  **En bref** : créez un formulaire Tally et ajoutez des champs cachés nommés `eventId`, `bibNumber`, `selfieRequestId` et `ref`. Faites pointer votre bouton CTA vers l'URL du formulaire en ajoutant des paramètres comme `?eventId=123&bibNumber=456&ref=...`. Connectez ensuite Tally à [Zapier](https://tally.so/help/zapier-integration) (sans code) ou à des [webhooks](https://tally.so/help/webhooks) (plus de contrôle) pour acheminer les demandes, encaisser les paiements et livrer le résultat. Que sont les champs cachés de Tally (et pourquoi sont-ils parfaits pour les CTA) ? ----------------------------------------------------------------------------------- Les champs cachés de Tally sont des champs invisibles que vous ajoutez à un formulaire pour **transmettre des données via l'URL du formulaire** et les enregistrer avec chaque réponse. D'après la documentation de Tally, vous pouvez ajouter des champs cachés en tapant `/hidden` dans l'éditeur, nommer les champs (par exemple `name` et `ref`), puis transmettre leurs valeurs par des paramètres d'URL, comme ceci : https://tally.so/r/FORM_ID?name=Marie&ref=email Consultez le guide officiel de Tally sur les [champs cachés](https://tally.so/help/hidden-fields). Deux détails comptent pour les workflows de CTA : - **Les noms des champs cachés sont sensibles à la casse** (le paramètre d'URL doit correspondre exactement). - **Le premier paramètre commence par `?`** et les paramètres suivants utilisent `&`. Quels paramètres transmettre depuis votre bouton CTA ----------------------------------------------------- L'objectif est d'envoyer le minimum de valeurs permettant à votre équipe (ou à votre automatisation) d'identifier le contexte exact sans que l'utilisateur ait à le ressaisir. Pour les CTA de photographie d'événements, les paramètres les plus utiles sont : eventId L'événement ou la galerie où se trouve l'utilisateur. bibNumber Le numéro de dossard recherché (workflows de recherche pour les courses). selfieRequestId La recherche par selfie d'où vient l'utilisateur (si votre parcours utilise la recherche par selfie). ref Un pointeur de « contexte de retour » (souvent l'URL de la page ou une URL encodée en base64). Vous pouvez aussi transmettre des champs d'attribution marketing comme `utm_source`, `utm_medium` et `utm_campaign` si vous voulez mesurer les performances de vos CTA. Étape 1 : créez un formulaire Tally qui accepte des champs cachés -------------------------------------------------------------------- Dans l'éditeur de formulaire Tally, insérez des champs cachés en tapant `/hidden` et ajoutez un bloc par champ. Nommez chaque champ caché exactement comme les paramètres de l'URL de votre CTA (attention : sensible à la casse). Le guide de Tally sur les [champs cachés](https://tally.so/help/hidden-fields) détaille toute la procédure. Noms de champs cachés recommandés pour des CTA de type 9Pic AI : - **`eventId`** - **`bibNumber`** (facultatif) - **`selfieRequestId`** (facultatif) - **`ref`** (recommandé) - **`utm_source`, `utm_medium`, `utm_campaign`** (facultatif) Ajoutez ensuite les champs visibles que l'utilisateur doit remplir (par exemple : e-mail, téléphone, « De quoi avez-vous besoin ? », choix du pack, etc.). Gardez le formulaire court : un clic sur votre CTA traduit une forte intention, ne le gâchez pas. Étape 2 : préremplissez les champs visibles (e-mail, nom) à partir des champs cachés ---------------------------------------------------------------------------------------- Parfois, vous connaissez déjà l'e-mail du répondant (par exemple s'il est connecté ou si son adresse figure dans votre CRM). Tally permet de **préremplir** de nombreux champs de saisie en utilisant un champ caché comme « Default answer ». Documentation officielle : [préremplir les champs d'un formulaire](https://tally.so/help/pre-populate-form-fields). Tally signale deux limites importantes : impossible de préremplir les blocs de **paiement** ou d'**envoi de fichiers**, et les champs cachés sont sensibles à la casse. ### Exemple : préremplir un champ e-mail 1. Ajoutez un champ de saisie e-mail classique (par exemple « Votre e-mail »). 2. Ajoutez un champ caché nommé `email`. 3. Sur le champ e-mail, activez **Default answer** et choisissez le champ caché `email`. 4. Transmettez `?email=runner@example.com` dans l'URL du CTA. Étape 3 : construisez l'URL de votre CTA (avec des exemples de paramètres) ---------------------------------------------------------------------------- Une fois votre formulaire Tally publié, récupérez son URL (dans l'onglet Share) et ajoutez-y les paramètres. Le premier paramètre utilise `?`, et chaque paramètre supplémentaire utilise `&`. ### CTA d'achat de photos À utiliser quand un utilisateur consulte ses résultats de recherche et veut acheter des photos, demander une facture ou passer au paiement. https://tally.so/r/FORM_ID?eventId=123&bibNumber=456&ref=BASE64_OR_URLENCODED_VALUE ### CTA d'aide pour la recherche par selfie À utiliser quand votre interface propose la recherche par selfie et que vous voulez que l'assistance voie immédiatement quelle demande a échoué. https://tally.so/r/FORM_ID?eventId=123&selfieRequestId=abc123&ref=BASE64_OR_URLENCODED_VALUE ### CTA d'aide générale ou de contact Même sans numéro de dossard ni identifiant de recherche par selfie, transmettre `eventId` et `ref` suffit à accélérer le tri des demandes. https://tally.so/r/FORM_ID?eventId=123&ref=BASE64_OR_URLENCODED_VALUE Astuce : si votre CTA inclut déjà un paramètre `ref` (par exemple l'URL de la page actuelle, encodée par sécurité), Tally l'enregistre tel quel dans le champ caché. Considérez `ref` comme du « contexte », pas comme un secret. Cas d'usage des CTA pour les équipes de photographie d'événements -------------------------------------------------------------------- Voici des CTA efficaces que des équipes événementielles mettent en place quand elles veulent plus de souplesse qu'un parcours de paiement figé. Chacun fonctionne bien avec un formulaire Tally et des champs cachés : l'expérience utilisateur est rapide et le back-office dispose de tout le contexte. ### 1) Acheter des photos ou demander un lien de paiement Ajoutez un CTA « Acheter les photos » à côté des résultats de recherche. Le formulaire recueille l'e-mail, le téléphone (facultatif) et le pack souhaité. Les champs cachés enregistrent `eventId`, `bibNumber` ou `selfieRequestId`, ainsi que `ref`, pour que votre équipe traite la commande sans allers-retours. Si vous utilisez [9Pic Checkout](/fr/products/checkout/), vous pouvez aligner les questions de votre formulaire consacrées aux packs sur vos options de vente de photos. ### 2) Signaler une photo manquante (ou une mauvaise correspondance) Un CTA « Vous ne trouvez pas vos photos ? » peut recueillir une courte description (créneau horaire, couleur du dossard, tenue) et, en option, permettre d'importer une capture d'écran. Les champs cachés évitent la partie la plus pénible de l'assistance : demander au coureur d'expliquer où il en était dans le parcours. ### 3) Contacter l'assistance (tri rapide des demandes) Ajoutez un CTA « Besoin d'aide ? » dans l'interface de votre galerie. Envoyez les réponses vers Slack, par e-mail ou dans votre outil d'assistance, avec les champs cachés joints. C'est particulièrement utile quand plusieurs événements sont actifs et que l'assistance doit savoir de quel événement parle l'utilisateur. ### 4) Captation de prospects B2B auprès des organisateurs Ajoutez un CTA « Vous organisez un événement ? » sur les pages de course et les landing pages (par exemple [Marathons](/marathons/)). Utilisez les champs cachés pour l'attribution des campagnes et envoyez les prospects dans un CRM. Automatisez le workflow avec Zapier (paiements, livraison, notifications) ------------------------------------------------------------------------- Tally propose une intégration Zapier qui se déclenche à chaque **nouvelle réponse au formulaire** et peut se connecter à des milliers d'applications. La documentation de Tally précise aussi que l'intégration Zapier est gratuite pour tous les utilisateurs de Tally : [intégration Zapier](https://tally.so/help/zapier-integration). Automatisations courantes que les clients créent avec Zapier (ou des outils similaires comme Make, Integrately et Pipedream) : - **Workflow de lien de paiement** : nouvelle réponse « Acheter les photos » → création d'un Stripe Payment Link ou d'une facture dans votre outil de facturation → envoi du lien par e-mail au coureur → notification de votre canal opérations. - **Workflow de livraison** : réponse → création d'une commande dans Airtable, Notion ou votre CRM → attribution d'un responsable → envoi d'un e-mail de confirmation automatique → livraison d'un lien de téléchargement une fois la commande traitée. - **Workflow d'assistance** : réponse « Besoin d'aide ? » → création d'un ticket d'assistance (ou d'un message Slack) incluant `eventId` et `ref` → acheminement vers la bonne équipe selon le SLA. Remarque : l'offre gratuite de Zapier est limitée aux Zaps en deux étapes (selon le guide Zapier de Tally). Pour un acheminement en plusieurs étapes, il vous faudra peut-être une offre payante, ou des webhooks et votre propre moteur de workflows. Quand utiliser des webhooks (plutôt que Zapier ou Make) -------------------------------------------------------- Si vous avez besoin d'un contrôle total, Tally peut envoyer chaque réponse à votre endpoint en JSON (requête POST) via des webhooks. La documentation des webhooks de Tally souligne quelques détails opérationnels à prendre en compte dès la conception : un délai de réponse de 10 secondes, de nouvelles tentatives en cas d'échec et un secret de signature facultatif qui ajoute un en-tête `Tally-Signature` pour la vérification. Référence : [Webhooks](https://tally.so/help/webhooks). Choisissez les webhooks quand vous voulez : - **Lancer un parcours de paiement sur mesure** (créer votre propre logique de session de paiement, faire correspondre les packs, gérer la devise et enregistrer le traitement des commandes). - **Livrer automatiquement le résultat** (envoyer des liens de téléchargement, débloquer un accès, générer des PDF ou déclencher des tâches internes). - **Maîtriser la fiabilité et la sécurité** (vérifier les signatures, journaliser les événements et concevoir un traitement qui supporte sans risque les nouvelles tentatives). Bonnes pratiques : confidentialité, encodage des URL et conventions de nommage ------------------------------------------------------------------------------- - **Ne mettez pas de secrets dans les paramètres d'URL** : les URL peuvent être journalisées et partagées. Préférez des identifiants (comme `eventId`) aux données personnelles. - **Encodez `ref` correctement** : si vous transmettez une URL complète dans `ref`, encodez-la pour l'URL (ou en base64) afin qu'elle résiste au copier-coller et ne casse pas la chaîne de requête. - **Gardez des noms de champs cachés stables** : remplacer plus tard `eventId` par `event_id` cassera les CTA existants, sauf si vous mettez à jour les liens partout. - **Testez de bout en bout** : cliquez sur le CTA → envoyez le formulaire → vérifiez que les champs cachés apparaissent dans les réponses Tally → vérifiez que votre Zap ou votre webhook reçoit les valeurs attendues. Questions fréquentes --------------------- ### Les champs cachés de Tally sont-ils gratuits ? Oui. D'après la documentation de Tally, les champs cachés sont gratuits pour tous les utilisateurs de Tally. Voir le guide sur les [champs cachés](https://tally.so/help/hidden-fields). ### Les noms des champs cachés doivent-ils correspondre exactement aux paramètres d'URL ? Oui. Tally précise que les champs cachés sont sensibles à la casse : le nom du champ caché et le paramètre d'URL doivent correspondre exactement (par exemple, `eventId` est différent de `eventid`). ### Puis-je préremplir des champs de paiement via des paramètres d'URL ? D'après la documentation de Tally sur le préremplissage, impossible de préremplir les blocs de paiement (ni les blocs d'envoi de fichiers). Vous pouvez toutefois transmettre des champs cachés pour le contexte et, si besoin, gérer le paiement hors du formulaire grâce à l'automatisation. Voir : [préremplir les champs d'un formulaire](https://tally.so/help/pre-populate-form-fields). ### Zapier est-il pris en charge pour les réponses Tally ? Oui. Tally documente une intégration Zapier dont le déclencheur est une nouvelle réponse au formulaire, ce qui permet d'envoyer les données vers d'autres applications. Voir : [intégration Zapier](https://tally.so/help/zapier-integration). ### Faut-il utiliser Zapier ou des webhooks ? Utilisez Zapier pour une automatisation rapide sans code. Utilisez les webhooks quand vous avez besoin d'un contrôle plus fin, de la vérification des signatures et d'un traitement sur mesure. La documentation des webhooks de Tally décrit les requêtes POST en JSON, le délai de réponse de 10 secondes, le secret de signature facultatif et les nouvelles tentatives : [Webhooks](https://tally.so/help/webhooks). Prochaines étapes ------------------ Pour développer la vente de photos d'événements et l'assistance, les champs cachés sont un moyen simple de donner aux formulaires externes un aspect « natif », car le formulaire connaît déjà le contexte. Associez-les aux parcours de recherche de [9Pic BibTrack](/fr/products/bibtrack/) et [9Pic FaceFind](/fr/products/facefind/), envoyez les réponses vers vos outils et laissez votre équipe se concentrer sur le traitement des commandes plutôt que sur les allers-retours. Prêt à commencer ? -------------------- Rejoignez les organisateurs d'événements qui ont déjà livré 100M+ photos à 5M+ participants sur 5k+ événements avec 9Pic AI pour l'hébergement, la recherche par IA et la diffusion des médias. [Commencer](https://admin.9pic.ai/sign-up) [Réserver une démo](/fr/contact/)