Ajouter un repère : le champ Carte est ici

Il y a quelques semaines, la veille de la fête de la Saint-Valentin organisée par la classe de mon fils, je me suis retrouvée à faire ce que tous les parents font à la dernière minute : commander à la hâte des cupcakes en ligne auprès d'une chaîne de boulangeries locale. Le site web était magnifique. Les photos m'ont presque donné envie de doubler ma commande. Le formulaire de commande ? Clair, simple, exactement ce qu'il faut quand on veut passer rapidement à la caisse.

Et puis j'ai cliqué sur le champ « Lieu de ramassage ».

Un menu déroulant. Trois adresses. Juste les noms de rue et les codes postaux.

Je vis ici et je ne savais toujours pas lequel était le plus proche. J'ai donc ouvert Google Maps dans un nouvel onglet, copié la première adresse, fait une recherche, suis retourné au formulaire, copié la deuxième adresse... vous voyez le tableau. Le temps que je m'y retrouve, j'avais perdu la moitié de ma motivation pour terminer la commande.

Et je me suis dit : c'est exactement le problème que nous venons de résoudre.

Ce que l'extension Geolocation fait déjà (très bien)

Si vous avez déjà utilisé notre module complémentaire Geolocation, vous savez déjà qu'il s'agit de l'un des outils les plus puissants de la boîte à outils WPForms Pro. Il apporte une véritable intelligence géographique à vos formulaires et est très apprécié des utilisateurs, à juste titre.

La saisie semi-automatique des adresses permet aux visiteurs de commencer à taper et d'obtenir des suggestions en temps réel grâce à Google Places ou Mapbox. Ils choisissent une suggestion et l'adresse complète s'affiche automatiquement. 

Il détecte également où se trouvent vos visiteurs, soit via leur navigateur, soit via leur adresse IP, et peut préremplir les données de localisation avant même qu'ils n'aient tapé un seul caractère. Vous voyez leur ville, leur région, leur pays et leurs coordonnées directement sur la page des détails de l'entrée, et vous pouvez extraire ces données dans des e-mails de notification, des confirmations ou des exportations à l'aide de balises intelligentes.

Tout cela tourne autour d'une seule question : où se trouve la personne qui remplit ce formulaire ? Et c'est extrêmement utile. Mais désormais, grâce au champ Carte, l'extension Géolocalisation ne se limite plus à leur emplacement. Elle concerne désormais également vos emplacements.

Rencontrez le champ Carte

J'ai hâte que des entreprises comme ma boulangerie locale découvrent le champ Carte, un tout nouveau type de champ que vous pouvez glisser-déposer dans n'importe quel formulaire.

Il affiche une carte interactive intégrée sur laquelle sont indiqués tous les emplacements de votre choix. Magasins, bureaux, lieux d'événements, points de retrait. Tout cela directement dans le formulaire.

Pas d'iframes. Pas d'intégrations séparées. Pas besoin d'assembler un widget de carte et un formulaire sur la même page. Vous ajoutez le champ Carte, configurez vos emplacements, et c'est tout.

Faites-en votre

Il ne s'agit pas d'une intégration générique de Google Maps avec une épingle rouge par défaut.

Chaque lieu que vous ajoutez est associé à un marqueur personnalisé. Choisissez parmi plus de 2 000 icônes : une tasse de café pour votre café, un sac de courses pour votre magasin, un haltère pour votre salle de sport (oui, vous pouvez littéralement associer le marqueur au lieu). Choisissez n'importe quelle couleur dans un sélecteur de couleurs complet ou collez une valeur hexadécimale pour correspondre exactement à votre marque.

Vous pouvez même télécharger votre propre image comme marqueur. Votre logo, l'icône de votre marque, tout ce qui vous représente.

Voici un détail qui peut sembler insignifiant, mais qui fait toute la différence : vous pouvez redimensionner vos marqueurs. Réglez-les sur « grand » et vos repères personnalisés ressortiront immédiatement par rapport aux points d'intérêt par défaut sur la carte. Le regard de vos visiteurs ira directement vers ce qui compte.

Chaque épingle peut avoir un nom et une description, de sorte que lorsque quelqu'un clique dessus, il voit immédiatement les détails dont il a besoin. C'est raffiné. Cela semble faire partie intégrante de votre site. Parce que c'est le cas.

Laissez les visiteurs choisir un emplacement

C'est la partie qui m'enthousiasme le plus !

Lorsque vous ajoutez deux emplacements ou plus au champ Carte et que vous activez la liste des emplacements, vous pouvez activer la sélection d'emplacement. Cela ajoute des boutons radio sous la carte, et soudainement, le champ Carte n'est plus seulement visuel. Il s'agit d'un champ de formulaire.

Votre visiteur voit les repères sur la carte. Il clique sur un emplacement. Le marqueur effectue un petit rebond satisfaisant pour confirmer son choix. Il soumet le formulaire et vous obtenez le nom, l'adresse et les coordonnées de l'emplacement sélectionné, clairement indiqués dans l'entrée.

Fini les menus déroulants remplis d'adresses postales qui ne veulent rien dire sans contexte. Fini les champs de texte où quelqu'un tape « celui de la rue principale » et où vous devez deviner de quoi il s'agit.

Quand le champ Carte fait toute la différence

Revenons à ma situation avec la boulangerie. S'ils avaient inclus le champ « Carte » dans leur formulaire de commande, je n'aurais jamais quitté la page. Quelques clics sur la carte, un rapide coup d'œil, un clic sur le point le plus proche, et le tour est joué. C'est tout. Voilà toute l'expérience.

Ou supposons que vous gériez un studio de fitness avec deux sites et que vous souhaitiez proposer un cours d'essai gratuit. Les deux studios sont indiqués sur la carte. Les gens choisissent celui qui est le plus proche. La sélection est intégrée à vos inscriptions, vous savez donc combien de personnes vous pouvez attendre à chaque site.

Peut-être n'avez-vous pas besoin de sélectionner quoi que ce soit. Vous disposez simplement d'un formulaire de contact et vous souhaitez que les visiteurs puissent voir où vous vous trouvez. Un seul repère sur la carte. Aucune sélection requise. Juste une carte interactive personnalisée intégrée au formulaire, qui fournit aux visiteurs les informations dont ils ont besoin sans qu'ils aient à quitter la page.

Et en arrière-plan, tout reste bien organisé. Le nom et l'adresse du lieu sélectionné apparaissent directement dans les détails de l'entrée avec un lien « Afficher sur la carte ». Les données sont exportées vers Google Sheets et imprimées sur les pages d'entrée. Aucun nettoyage n'est nécessaire.

Va mettre un repère

Le champ Carte fait partie du module complémentaire Géolocalisation, inclus dans tous les forfaits WPForms Pro et supérieurs. Si vous avez déjà installé le module complémentaire, le champ Carte vous attend dès maintenant dans le générateur de formulaires. Si vous découvrez le module complémentaire Géolocalisation, consultez notre guide de configuration pour commencer et notre guide d'utilisation du champ Carte pour obtenir des instructions détaillées.

Vous n'utilisez pas encore WPForms Pro ? C'est le moment idéal pour changer cela. Découvrez nos offres et accédez au champ Carte, à l'extension complète de géolocalisation et à plus de 2 000 modèles, extensions professionnelles et autres fonctionnalités.

J'aimerais beaucoup savoir comment vous utilisez le champ Carte, et l'équipe travaille déjà d'arrache-pied sur la suite. J'ai hâte de vous en faire part.

Jusqu'à la prochaine fois,

Lauren

P.S. Un grand merci à tous les membres de notre cercle VIP. C'est une publication dans ce groupe qui a donné naissance à l'idée du champ Carte. Si vous n'en faites pas encore partie, rejoignez-nous. C'est là que naissent bon nombre de nos meilleures fonctionnalités.