Champs cachés Tally : des CTA avec paramètres d'URL (pour l'achat, l'assistance et la livraison automatisée)
Vous voulez qu'un bouton CTA personnalisé (Acheter les photos, Besoin d'aide, Demander une photo manquante) ouvre un formulaire externe qui connaît déjà le contexte du coureur ? Avec les champs cachés de Tally et de simples paramètres d'URL, vous pouvez transmettre à un formulaire des identifiants comme eventId, bibNumber, selfieRequestId et un lien ref, puis automatiser les paiements et la livraison avec Zapier ou des webhooks.
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 (sans code) ou à des 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. 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 :
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 détaille toute la procédure.
Noms de champs cachés recommandés pour des CTA de type 9Pic AI :
eventIdbibNumber(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.
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
- Ajoutez un champ de saisie e-mail classique (par exemple « Votre e-mail »).
- Ajoutez un champ caché nommé
email. - Sur le champ e-mail, activez Default answer et choisissez le champ caché
email. - Transmettez
[email protected]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, 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). 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.
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
eventIdetref→ 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.
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
refcorrectement : si vous transmettez une URL complète dansref, 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
eventIdparevent_idcassera 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.
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.
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.
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.
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 et 9Pic 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.