Créer une carte contributive avec le connecteur Jotform


La création d'une carte contributivevous permet de recenserles initiatives et événements sur lesquels vous souhaitez communiquer, récolter de la datade manière standardisée et fédérer un réseaude porteurs de projets...

Vous pouvez également modérer les contributionset n'afficher ainsi que les éléments que vous aurez sélectionnés.

Pourquoi Jotform ? :

  • un outil simple et puissant, 100% personnalisable
  • l'hébergement des photos sur leur plateforme simplifie leur connexion avec Wemap
  • sans créer de compte, le contributeur peut facilement remplir le formulaire et modifier quand il le souhaite les informations renseignées via un lien d'édition fourni automatiquement
  • un lien direct entre Jotform et Wemap se fait via une API et facilite ainsi la synchronisation des contributions sur votre carte Wemap

Etape 1 : Créez et personnalisez votre formulaire. 

Depuis la page d'accueil de Jotform, créez et gérez vos formulaires.

💡  Vous pouvez déterminer la ou les adresses mail qui recevront les notifications de contribution au formulaire (par défaut il s'agit de l'adresse de création du compte Jotform).

💡 Afin de donner au contributeur la possibilité de modifier les informations de son formulaire, ajouter le champ "edit link" au mail de validation de sa contribution. 

💡 Dans la rubrique"Publier" de la page de création de formulaire vous pouvez gérer le partage et l'intégration de votre formulaire.

Etape 2 :Modérez les contributions 📝

La vue "tableau" accessible par le bouton "Soumission" vous permet de piloter les données recueillies. 


💡 L'ajout d'une colonne de type checkbox (case à cocher), renommée "Publish",à votre formulaire permet la modération des contributions.

Seuls les contributions dont l'option "Publish" est cochée, seront importése sur votre carte.

Par défaut, sans cette colonne toutes les contributions remontent sur la carte.

Etape 4 : Connectez les contributions à votre carte Wemap

L'importation de vos contributions vers Wemap, nécessite une url qui se compose de cette manière : 

📌  https://eu-api.jotform.com/form/XXXXXXXX (ID du formulaire)/submissions?apikey=XXXXXXXXXXX (clé d'api)&orderby=id

Les champs XXXX sont à remplacer par vos informations : 

  • ID du formulaire : permet de désigner le formulaire auquel Wemap doit se connecter
  • Clé d'API : permet de donner l'autorisation à Wemap de se connecter à votre compte

Où trouver l'ID de votre formulaire ? 🕵️

D5D8C913-A614-4459-9CB7-D178052C9C48.jpeg

Où trouver l'API key de votre compte Jotform ? ( ou la créer le cas échéant) 👷‍♀️

Une fois votre URL créée, rendez-vous sur votre compte Wemap pro. Afin de transformer vos contributions en points geolocalisables sur une carte : cliquez sur créerune liste puisconnecter une app et sélectionner le connecteurJotform.

Renseignez l'URL, sélectionnez"content" et validez en cliquant sur "choose this path"

Vous pouvez alors procéder au mapping

Les colonnes de votre formulaire Jotform qui correspondent aux propriétés de vos points se retrouvent ici en bleu. Il vous suffit de faire correspondre ces valeurs avec les champs concernés.


📌  3 champs sont indispensables à l’importation de vos points : l'ID, le nom et l’adresse.

  • Faites correspondre la propriété ID de votre fichier avec le champ Unique ID
  • Les champs avancés nécessitent un formatage particulier, privilégiez le champs description pour toutes les infos de contact mail, tél, site web, etc... 
  • Les champs Adresse,Tags et Description peuvent comporter plusieurs valeurs.
  • Le contenu placé dans Description peut également être personnalisé (texte simple, titre avec icône, bouton d'action) .
  • Les différents champs Flux permettent de connecter le contenu des réseaux sociaux (Twitter, Facebook…)  pour afficher les publications en direct.
  • Le champ photo attend une valeur de type URL.
  • Dans le champ icône de catégorie vous pouvez choisir des icônes différentes selon un critère en particulier. Par exemple : vous avez une colonne “types d’activité” dans votre document excel et vous souhaitez les distinguer par des icônes spécifiques. Placez cette valeur (“types d’activité”) dans le champ icône de catégorie, une liste s’affiche et il vous suffit alors d’attribuer une icône à chaque item.

Une fois terminé cliquez sur connecter.

💡 Pour vous aider à déterminer à quelles colonnes du formulaire correspondent les valeurs : ouvrez l'URL JSON dans une autre fenêtre.  Afin de rendre les éléments plus visibles, nous vous conseillons de télécharger le Plug-in JSON Viewer 


Attachez la liste ainsi créée à votre carte

Etape 5 : Personnalisez votre carte 🎨  

Une carte Wemap dispose d'un pack d'optionsnatives (par défaut), des paramétrages de baseque vous pouvez choisir de conserver ou personnaliser selon votre contexte d'utilisation.

Tout savoir sur la personnalisation des options de carte 👉  👉 👉  C'est par ici !  

Etape 6 : Intégrez votre carte 🚀

Une fois votre carte créée vous pouvez récupérer un embed, un fragment de code, qui va vous permettre de l'intégrer sur vos différents supports(desktop et mobile). 

Tout savoir sur Comment intégrer votre votre carte 👉  👉 👉  C'est par ici !  

▶ ▶ ▶  Et bien sûr n'hésitez pas à regarder le replay de notre webinaire sur le sujet sur notre chaine Youtube

😥  Malgré tout vous ne trouvez pas la réponse à votre question ?

Contactez-nous à l'adresse : customers@getwemap.com

Évaluation de l'article Thanks for the feedback There was a problem submitting your feedback. Please try again later.

J'ai encore besoin d'aide Contactez-nous Contactez-nous