Guide de l'utilisateur des formulaires Web

Introduction

Vous pouvez partager les formulaires sous forme de liens directs, les intégrer sur votre site web via un iframe, ou les injecter dans une page à l'aide d'un extrait JavaScript. Les formulaires sont entièrement personnalisables, prenant en charge plusieurs types de champs et des comportements de soumission flexibles. Que vous meniez une campagne de génération de leads ou que vous collectiez des retours clients, les formulaires Web simplifient le processus de conversion des visiteurs de votre site en prospects suivis dans votre pipeline.

Comment configurer un formulaire Web

Étape 1 : Créer et nommer votre formulaire

1. Accédez à la section Formulaires Web dans ellocharlie.

2. Cliquez sur Créer un nouveau formulaire ou Ajouter un formulaire.

3. Saisissez un Nom du formulaire — c'est ainsi que vous identifierez le formulaire en interne.

4. Ajoutez éventuellement une Description pour documenter l'objet du formulaire (par exemple, « Capture de leads pour la vente d'été »).

5. Décidez si vous souhaitez Afficher le titre du formulaire aux visiteurs — activez cette option si vous souhaitez que le nom du formulaire s'affiche en haut du formulaire sur votre site web.

Étape 2 : Ajouter et configurer les champs

1. Cliquez sur Ajouter un champ pour commencer à ajouter des champs au formulaire.

2. Pour chaque champ, saisissez un Libellé (le texte visible par les visiteurs) et éventuellement un Espace réservé (texte d'indication à l'intérieur du champ de saisie).

3. Sélectionnez le Type de champ:

   • Texte sur une seule ligne — pour les réponses courtes telles que les noms ou les adresses e-mail

   • Texte multiligne — pour les réponses plus longues telles que les messages ou les descriptions

   • Liste déroulante — pour sélectionner une option parmi une liste prédéfinie

   • Case à cocher — pour les confirmations de type oui/non ou d'acceptation

4. Activez Obligatoire si le champ doit être renseigné avant la soumission.

5. Répétez l'opération pour chaque champ nécessaire.

Étape 3 : Associer les champs aux propriétés du prospect

1. Pour chaque champ ajouté, sélectionnez la Propriété du prospect à laquelle il est associé.

2. Propriétés standard du prospect incluses :

   • Prénom

   • Nom

   • E-mail

   • Téléphone

   • Entreprise

3. Propriétés de lead personnalisées — si vous avez créé des champs personnalisés dans ellocharlie (tels que Secteur d'activité, Fourchette budgétaire ou Intérêt produit), vous pouvez également y associer des champs de formulaire.

4. Le mappage détermine l'emplacement où les données soumises sont stockées dans la fiche lead. Par exemple, si vous avez un champ de formulaire intitulé « E-mail professionnel », associez-le à la propriété e-mail afin que les données soient enregistrées au bon endroit.

Étape 4 : Configurer le comportement après soumission

1. Définissez ce qui se passe après qu'un visiteur soumet le formulaire — deux options s'offrent à vous :

   • Message de remerciement: Affichez un message personnalisé au visiteur (par ex., « Merci pour votre inscription ! Nous vous contacterons bientôt. »).

   • URL de redirection: Redirigez le visiteur vers une autre page (par ex., votre page de remerciement, un téléchargement de ressource ou une démonstration produit). Tous les paramètres d'URL d'origine sont automatiquement transmis à l'URL de redirection, afin que vos analyses et pixels publicitaires continuent de fonctionner.

2. Choisissez une seule option — vous ne pouvez pas utiliser à la fois un message de remerciement et une URL de redirection sur le même formulaire.

Étape 5 : Personnaliser le style

1. Saisissez un Texte du bouton d'envoi personnalisé (par défaut : « Envoyer »).

2. Choisissez les Couleurs du bouton — définissez la couleur d'arrière-plan et la couleur du texte à l'aide de valeurs hexadécimales.

3. Sélectionnez éventuellement une Police Google pour personnaliser la typographie du formulaire.

Étape 6 : Activer votre formulaire

1. Basculez le formulaire sur Actif lorsque vous êtes prêt à commencer à recevoir des soumissions.

2. Les formulaires inactifs n'enregistrent aucune donnée — cela est utile si vous souhaitez tester le formulaire avant sa mise en ligne.

3. Une fois actif, le formulaire est prêt à recevoir des soumissions.

Comment intégrer un formulaire web

Les formulaires web peuvent être partagés et intégrés de trois façons :

Option 1 : Lien direct

1. Ouvrez votre formulaire dans ellocharlie.

2. Copiez l'URL directe du formulaire : https://your-domain.com/embed/form/{form-id}

3. Partagez ce lien dans des e-mails, sur les réseaux sociaux, dans des publicités ou partout où vous souhaitez diriger du trafic vers le formulaire.

4. Les visiteurs verront le formulaire sur une page dédiée.

Option 2 : Intégration via iframe

1. Copiez l'URL directe du formulaire (voir Option 1 ci-dessus).

2. Sur votre site web, créez un élément <iframe> pointant vers cette URL :

   <iframe src="https://your-domain.com/embed/form/{form-id}" width="100%" height="600"></iframe>
   

3. Ajustez les valeurs width et hauteur attributs pour s'adapter à la mise en page de votre page.

4. Le formulaire s'affichera dans l'iframe sur votre page.

Option 3 : Intégration JavaScript (recommandée)

1. Ouvrez votre formulaire dans ellocharlie.

2. Accédez à l'onglet Code d'intégration .

3. Copiez l'extrait JavaScript fourni.

4. Collez l'extrait dans le code HTML de votre site web à l'endroit où vous souhaitez que le formulaire apparaisse — généralement juste avant la balise de fermeture </body> ou dans la section de la page où vous souhaitez afficher le formulaire.

5. L'intégration JavaScript affiche le formulaire nativement dans votre page web, sans bordures d'iframe ni problèmes de défilement, offrant ainsi une expérience utilisateur fluide.

Suivi de l'attribution marketing avec les formulaires intégrés

Lorsque vous intégrez un formulaire sur une page contenant des paramètres UTM ou d'autres paramètres d'URL, ces paramètres sont automatiquement capturés lors de la soumission du formulaire :

1. Créez vos URL de campagne avec des paramètres UTM ajoutés :

   https://your-domain.com/embed/form/abc123?utm_source=google&utm_medium=cpc&utm_campaign=summer_sale
   

2. Lorsqu'un visiteur soumet le formulaire, tous les paramètres d'URL sont automatiquement capturés et enregistrés dans la fiche du prospect.

3. Si vous avez configuré une URL de redirection, tous les paramètres d'origine sont automatiquement ajoutés à la destination de redirection — garantissant ainsi que votre page de remerciement, vos outils d'analyse et vos pixels de conversion publicitaire reçoivent les données d'attribution.

4. Vous pouvez capturer n'importe quel paramètre d'URL, pas seulement les codes UTM — les paramètres personnalisés tels que ?ref=partner123&campaign_id=456 sont également enregistrés et disponibles dans vos enregistrements de soumissions.

Consultation des soumissions de formulaires web

Tableau de bord des analyses de formulaires

Chaque formulaire affiche un aperçu rapide de ses performances :

• Total des vues — nombre de fois que le formulaire a été chargé

• Total des soumissions — nombre de visiteurs ayant complété et soumis le formulaire

• Taux de conversion — le pourcentage de vues ayant abouti à des soumissions

Tableau des soumissions

1. Ouvrez un formulaire et accédez à l'onglet Soumissions .

2. Consultez la liste complète de toutes les soumissions avec :

   • Informations sur le visiteur (nom, e-mail, entreprise, etc.)

   • Horodatage de la soumission

   • Données de source/attribution (paramètres UTM et autres paramètres d'URL)

   • Toutes les valeurs des champs personnalisés

3. Cliquez sur n'importe quelle soumission pour afficher la fiche prospect complète créée à partir de cette soumission.

Exporter les données en CSV

1. Dans le tableau des soumissions, cliquez sur Exporter en CSV.

2. L'export comprend :

   • Tous les champs de prospect standard (Prénom, Nom, E-mail, Téléphone, Entreprise)

   • Toutes les valeurs des champs personnalisés

   • Les paramètres UTM en colonnes individuelles

   • Une colonne de chaîne de paramètres complète contenant tous les paramètres de requête URL capturés au moment de la soumission

3. Utilisez le fichier CSV pour la création de rapports, l'analyse ou l'importation dans des outils externes.

Workflows des formulaires web

Création de prospects à partir des soumissions de formulaires

Lorsqu'un visiteur soumet un formulaire :

1. ellocharlie crée automatiquement un nouveau enregistrement de prospect.

2. Toutes les valeurs de champs mappés sont renseignées sur le prospect.

3. L'horodatage de la soumission est enregistré.

4. Une capture JSON complète de tous les paramètres de requête d'URL est stockée sur l'enregistrement du prospect.

5. Le statut du prospect est automatiquement défini sur « Nouveau ».

6. Le prospect apparaît dans votre liste de prospects et est prêt pour le suivi.

Convertir un prospect en opportunité

Une fois que vous avez examiné un prospect et déterminé qu'il est qualifié, vous pouvez le convertir en opportunité :

1. Ouvrez l'enregistrement du prospect depuis votre liste de prospects.

2. Sélectionnez l'option Convertir en opportunité.

3. ellocharlie effectuera automatiquement les actions suivantes :

   • Créer un enregistrement d'entreprise associé (s'il n'en existe pas déjà un)

   • Créer un enregistrement de contact avec les informations du prospect

   • Créer une nouvelle opportunité dans votre pipeline de ventes

4. Toutes les données de formulaire originales et l'attribution marketing sont conservées sur l'opportunité.

5. L'opportunité est maintenant prête à progresser dans vos étapes de vente.

Utiliser l'automatisation avec les formulaires web

Vous pouvez configurer des Règles d'automatisation pour répondre automatiquement aux soumissions de formulaires et aux nouveaux prospects :

• Assigner automatiquement les nouveaux prospects à un membre de l'équipe

• Envoyer une notification Slack lorsqu'un formulaire est soumis

• Ajouter des étiquettes ou des notes aux prospects en fonction des données de soumission

• Créer des projets ou des tâches pour le suivi

• Déclencher d'autres actions en fonction des propriétés du prospect ou de la source de soumission

Consultez la documentation sur les automatisations pour des instructions de configuration détaillées.

Bonnes pratiques et FAQ sur les formulaires web

Bonnes pratiques

Inclure un champ e-mail Incluez toujours un champ e-mail mappé à la e-mail propriété. Cela garantit que la déduplication des prospects fonctionne correctement — si la même personne soumet plusieurs formulaires, ellocharlie peut la reconnaître comme le même prospect. L'e-mail est également indispensable pour la création de contacts lors de la conversion des prospects en opportunités.

Garder les formulaires courts Les formulaires trop longs ont des taux de conversion plus faibles. Ne recueillez que les informations dont vous avez vraiment besoin. Vous pourrez toujours demander plus de détails lors des conversations de suivi.

Utiliser des libellés de champs clairs Rédigez des libellés descriptifs et un texte d'espace réservé utile pour que les visiteurs comprennent quelles informations vous demandez.

Tester avant la mise en ligne Avant d'activer un formulaire, testez-le minutieusement. Vérifiez que :

• Tous les champs capturent correctement les données

• Les mappages de champs sont corrects

• Le message de remerciement ou l'URL de redirection fonctionne comme prévu

• Le formulaire s'affiche correctement sur votre site web

Tirer parti des paramètres UTM Si vous menez des campagnes payantes ou utilisez plusieurs canaux marketing, ajoutez toujours des paramètres UTM aux URL de vos formulaires. Cela vous permet de suivre quelles campagnes et quels canaux génèrent les prospects les plus qualifiés.

Surveiller les performances du formulaire Consultez régulièrement le tableau de bord analytique de votre formulaire (Vues, Soumissions, Taux de conversion) pour évaluer ses performances. Si les taux de conversion sont faibles, envisagez de simplifier le formulaire ou de tester différents messages.

Foire aux questions

Q : Que se passe-t-il lorsqu'un visiteur soumet un formulaire ? R : Un nouvel enregistrement de prospect est créé avec toutes les valeurs des champs mappés, l'horodatage de la soumission, ainsi qu'une capture JSON complète de tous les paramètres de requête d'URL présents au moment de la soumission. Le statut du prospect est défini sur « Nouveau ».

Q : Que se passe-t-il avec les paramètres UTM lorsque je définis une URL de redirection ? R : Tous les paramètres de requête de l'URL du formulaire d'origine sont automatiquement ajoutés à l'URL de redirection. Par exemple, si le formulaire a été chargé avec ?utm_source=google&gclid=xyz, ces paramètres seront transmis à votre destination de redirection, garantissant que les plateformes publicitaires et les outils d'analyse peuvent toujours les lire.

Q : Puis-je capturer des données au-delà des paramètres UTM ? R : Oui. Tout paramètre de requête présent dans l'URL du formulaire est capturé automatiquement — pas uniquement les paramètres UTM. Les paramètres personnalisés tels que ?ref=partner123&campaign_id=456 sont stockés et disponibles dans les enregistrements de soumissions et les exports CSV.

Q : Quels types de champs sont disponibles ? R : Texte sur une ligne, texte sur plusieurs lignes, liste déroulante et case à cocher. Chacun prend en charge un libellé, une option obligatoire et un texte d'espace réservé le cas échéant. Les téléchargements de fichiers, les sélecteurs de date et les champs à sélection multiple ne sont pas disponibles actuellement.

Q : Puis-je mapper des champs de formulaire à des propriétés de prospect personnalisées ? R : Oui. En plus des champs standard (Prénom, Nom, E-mail, Téléphone, Entreprise), vous pouvez mapper n'importe quel champ de formulaire à une propriété de prospect personnalisée que vous avez créée — comme Secteur d'activité, Fourchette budgétaire ou Intérêt produit.

Q : Puis-je utiliser à la fois un message de remerciement et une URL de redirection sur le même formulaire ? R : Non. Une URL de redirection et un message de remerciement sont mutuellement exclusifs — vous ne pouvez en utiliser qu'un seul par formulaire. Choisissez l'option qui correspond le mieux à votre flux de travail.

Q : Les prospects créés à partir de formulaires progressent-ils automatiquement dans mon pipeline ? R : Non. Les prospects créés à partir de formulaires démarrent avec le statut « Nouveau » et ne progressent pas automatiquement dans le pipeline sans action manuelle ou automatisation. Vous pouvez configurer des règles d'automatisation pour attribuer automatiquement des prospects, envoyer des notifications ou effectuer d'autres actions lors de la création de nouveaux prospects.

Q : Comment savoir si mon formulaire fonctionne correctement ? R : Consultez le tableau de bord analytique du formulaire pour les Vues, les Soumissions et le Taux de conversion. Vous pouvez également afficher le tableau complet des soumissions pour consulter les réponses individuelles et exporter les données en CSV pour une analyse plus approfondie.

Q : Que se passe-t-il si je désactive un formulaire ? R : Un formulaire inactif n'enregistre aucune donnée. Cela est utile si vous souhaitez mettre une campagne en pause ou tester des modifications avant de la remettre en ligne. Il vous suffit de réactiver le formulaire lorsque vous êtes prêt à reprendre la collecte des soumissions.

Q : Puis-je modifier un formulaire après son activation ? R : Oui. Vous pouvez modifier les champs du formulaire, le style, le comportement à la soumission et d'autres paramètres à tout moment. Les modifications prennent effet immédiatement pour les nouvelles soumissions. Les soumissions et prospects existants ne sont pas affectés par les modifications apportées à la configuration du formulaire.