Growform Multi Step Form Builder
  • Use cases
    • Génération de leads dans le domaine de la finance et de l’assurance
    • Génération de leads
    • Génération de leads juridiques
    • Page immobilière
    • Génération de leads dans le domaine de l’énergie solaire et de l’énergie
    • Génération de leads dans le secteur de la construction et des métiers
  • Modèles
  • Intégrations
  • Tarification
  • Nous contacter
  • Log in
  • Free trial

Growform API / Comment accéder aux données de soumission de formulaire de manière programmatique ?

Growform n’a pas encore d’API publique, mais il est possible d’accéder de manière programmatique à des informations sur les prospects lors de la soumission du formulaire.

Par exemple, vous souhaitez peut-être afficher un message personnalisé à l’écran ou effectuer des calculs avancés qui ne peuvent pas être réalisés avec Growform.

Il existe deux méthodes pour accéder aux données des formulaires dans le navigateur de l’utilisateur :

1.) Utiliser Google Tag Manager pour accéder à l’événement “Formulaire complété”.
2.) Transmettre les données du formulaire dans la chaîne de requête à une autre page

Nous examinerons chaque méthode plus en détail ci-dessous…

1.) Utiliser Google Tag Manager pour accéder à l’événement “Formulaire complété”.

Tout d’abord, vous devrez configurer des conteneurs Google Tag Manager personnalisés avec Growform. Un guide complet est disponible ici (commencez par “1 – Créez ou connectez-vous à votre compte Google Tag Manager”).

Une fois les conteneurs installés, il est facile d’accéder aux données :

1.) Ouvrez votre conteneur parent GTM et créez une nouvelle balise. Définissez le type de balise personnalisée comme “HTML personnalisé” et nommez-la “Console log the fields object”.

2.) Sous déclenchement, choisissez “Formulaire rempli”.

3.) Entrez un code personnalisé sous “HTML”. Dans cet exemple, nous avons fait un simple console.log(). Vous pouvez saisir deux crochets pour choisir “Champs (remplis lors de la soumission du formulaire)”.

4.) Cliquez sur “Enregistrer” et veillez à publier votre conteneur.

Voici à quoi il devrait ressembler :

d8df98092866238c0a19545854e6da8c.png

Lorsque vous soumettez un formulaire, vous devriez maintenant voir l’objet de soumission du formulaire dans votre console JavaScript.

2.) Transmettre les données du formulaire dans la chaîne de requête à une autre page

Cette méthode semble un peu bricolée, mais elle peut être tout à fait transparente pour l’utilisateur si votre code est rapide. Nous enverrons les informations du formulaire à une autre page que vous contrôlez et les traiterons à cet endroit.

Pour ce faire, choisissez votre formulaire dans Growform et cliquez sur “Editer les paramètres du formulaire”.

Saisissez ensuite l’URL où vous hébergerez votre script personnalisé / page de remerciement et assurez-vous que l’option “Envoyer les champs du formulaire en tant que paramètres de requête” est cochée avant de cliquer sur “Enregistrer” :

Enfin, sur votre page hébergée en externe, vous pouvez utiliser JavaScript pour obtenir les paramètres de la chaîne de requête.

template_name
_id
friendly_id
above_fold_header
above_fold_description
long_description_header
long_description
how_does_it_work_header
how_does_it_work_text
screenshot_url
template_page_name
featured
how_it_works_new

Post a Comment

Recent Posts

  • 6 bonnes pratiques essentielles de conception de formulaires mobiles pour augmenter les conversions
  • Nous passons en revue les meilleurs outils de génération de leads B2B pour dynamiser vos campagnes
  • Prix de Typeform : Découvrez les coûts cachés et une meilleure alternative
  • Comment optimiser l’évaluation des prospects B2B pour accélérer les ventes ?
  • Voici les meilleures alternatives à Google Forms pour une collecte de données plus efficace

Categories

  • Conception de formulaires en plusieurs étapes
  • Conception de la forme
  • Conformité
  • Convertri
  • CRO
  • Formulaire de confiance
  • Génération de leads
  • Google Tag Manager
  • Hubspot
  • Immobilier
  • Intégration
  • Marketing
  • Non classifié(e)
  • Offres spéciales de génération de leads
  • Outils
  • Prospection
  • Tutoriels
  • Tutoriels Unbounce
  • Unbounce
  • Utilisation de growform

Try Growform Multi Step Form Builder »

Guides

  • Comment créer de beaux formulaires Asana sans code
  • Comment créer des formulaires Hubspot à plusieurs étapes (sans code)
  • Comment ajouter un formulaire Growform à plusieurs étapes à Instapage
  • Comment ajouter un formulaire Growform à plusieurs étapes à Leadpages
  • Comment ajouter un formulaire Growform à plusieurs étapes à Unbounce
  • Comment ajouter un formulaire Growform à plusieurs étapes à Webflow
  • Comment ajouter un formulaire Growform à plusieurs étapes à WordPress

Features

  • Toutes les caractéristiques
  • Maîtriser les formulaires de logique conditionnelle : Un guide pratique avec des exemples
  • Guide des formulaires conversationnels : Créez facilement des formulaires engageants
  • Formulaires intégrables pour votre site web
  • Des formulaires de capture de prospects qui convertissent en 2023 : 5 conseils puissants + exemples
  • Vérification du plomb : Méthodes en temps réel et en masse pour des données précises
  • Sauts logiques : Créez des formulaires dynamiques pour un meilleur engagement des utilisateurs
  • TrustedForm par ActiveProspect : Le guide ultime pour 2024
  • Comment mettre en place Jornaya (construire un formulaire Jornaya) avec Growform
  • Comment créer un formulaire d’assistant : Guide étape par étape
  • Règles de la FCC sur la génération de prospects : Comment garantir la conformité avec 1-1 Consent
  • Alternatives

More

  • Partenaires affiliés
  • Conditions d’utilisation
  • Vie privée et GDPR
  • Service status
  • Blog
  • Help docs
  • Climate pledge
  • Glossaire Growform : Maîtrisez aujourd’hui les formulaires de conversion
© 2020 - 2024 Growform Ltd. All rights reserved. Growform is a company registered in England and Wales. Company No. 13097518. Registered office: Kemp House, 160 City Road, London, United Kingdom, EC1V 2NX , UK
  • English
  • Français
  • Español
  • Italiano
  • Deutsch