Posez une épingle : le champ Carte est là

Il y a quelques semaines, la veille de la fête de la Saint-Valentin à l'école de mon fils, je me suis retrouvée à faire ce que tous les parents font à la dernière minute : me précipiter pour commander des cupcakes en ligne dans une chaîne de boulangeries locale. Le site web était magnifique. Les photos seules m'ont presque donné envie de doubler ma commande. Le formulaire de commande ? Clair, simple, exactement ce que vous voulez quand vous essayez de finaliser rapidement votre achat.

Et puis j'ai cliqué sur le champ du lieu de retrait.

Une liste déroulante. Trois adresses. Juste des noms de rue et des codes postaux.

J'habite ici et je n'avais toujours aucune idée de laquelle était la plus proche. J'ai donc ouvert Google Maps dans un nouvel onglet, copié la première adresse, l'ai recherchée, suis retournée au formulaire, copié la deuxième adresse... vous avez compris. Au moment où j'avais compris, j'avais perdu la moitié de ma motivation pour terminer la commande.

Et j'ai pensé : c'est exactement le problème que nous venons de résoudre.

Ce que le module complémentaire Géolocalisation fait déjà (très bien)

Si vous avez utilisé notre module complémentaire Géolocalisation, vous savez déjà que c'est l'un des outils les plus puissants de la boîte à outils WPForms Pro. Il apporte une véritable intelligence de localisation à vos formulaires, et il est apprécié des utilisateurs pour une bonne raison.

La saisie semi-automatique d'adresses permet aux visiteurs de commencer à taper et d'obtenir des suggestions en temps réel alimentées par Google Places ou Mapbox. Ils choisissent une suggestion, et l'adresse complète se remplit automatiquement. 

Il détecte également où se trouvent vos visiteurs, soit par leur navigateur, soit par leur adresse IP, et peut pré-remplir les données de localisation avant qu'ils ne tapent 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 la saisie, et vous pouvez intégrer ces données dans les e-mails de notification, les confirmations ou les exportations à l'aide de balises intelligentes.

Tout cela est centré sur une question : où se trouve la personne qui remplit ce formulaire ? Et c'est incroyablement utile. Mais maintenant, avec le champ Carte, le module complémentaire Géolocalisation ne concerne plus seulement leur emplacement. Il concerne maintenant aussi vos emplacements.

Découvrez 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 dans n'importe quel formulaire.

Il affiche une carte interactive intégrée avec les emplacements de votre choix épinglés dessus. Magasins, bureaux, lieux d'événements, points de retrait. Directement dans le formulaire.

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

Personnalisez-le

Ce n'est pas une intégration générique de Google Maps avec une épingle rouge par défaut.

Chaque emplacement que vous ajoutez obtient un marqueur personnalisé. Choisissez parmi plus de 2 000 icônes : une tasse de café pour votre café, un sac de shopping pour votre magasin, un haltère pour votre salle de sport (oui, vous pouvez littéralement faire correspondre l'épingle à l'endroit). Choisissez n'importe quelle couleur parmi un sélecteur de couleurs complet, ou collez une valeur hexadécimale pour qu'elle corresponde exactement à votre marque.

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

Voici un détail qui peut sembler mineur mais qui fait une réelle différence : vous pouvez redimensionner vos marqueurs. Réglez-les sur grande taille, et vos épingles personnalisées ressortent immédiatement par rapport aux points d’intérêt par défaut sur la carte. Les yeux de vos visiteurs se portent directement sur ce qui compte.

Chaque épingle peut avoir un nom et une description, de sorte que lorsque quelqu’un clique dessus, il voit les détails dont il a besoin directement. C’est soigné. Cela donne l’impression d’appartenir à 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’emplacements. Cela ajoute des boutons radio sous la carte, et soudainement, le champ Carte n’est plus seulement visuel. C’est une saisie de formulaire.

Votre visiteur voit les épingles sur la carte. Il clique sur un emplacement. Le marqueur effectue ce 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é, capturés proprement dans l’entrée.

Fini les listes déroulantes remplies d’adresses postales qui ne veulent rien dire sans contexte. Fini les champs texte où quelqu’un tape « celui de la rue Principale » et vous devez deviner.

Là où le champ Carte fait une réelle différence

Revenons à ma situation de boulangerie. S’ils avaient eu le champ Carte sur leur formulaire de commande, je n’aurais jamais quitté la page. Des épingles sur une carte, un rapide coup d’œil visuel, taper sur la plus proche, terminé. C’est tout. C’est toute l’expérience.

Ou disons que vous gérez un studio de fitness avec deux emplacements et que vous souhaitez proposer un cours d’essai gratuit. Les deux studios sont sur la carte. Les gens choisissent celui qui est le plus proche. La sélection s’intègre dans vos entrées, vous savez donc combien de personnes attendre à chaque endroit.

Peut-être que vous n’avez pas du tout besoin de sélection. Vous avez juste un formulaire de contact et vous voulez que les visiteurs voient où vous êtes. Une épingle sur la carte. Aucune sélection requise. Juste une carte interactive et personnalisée directement dans le formulaire, donnant aux gens le contexte dont ils ont besoin sans quitter la page.

Et côté back-end, tout reste bien rangé. Le nom et l’adresse de l’emplacement sélectionné s’affichent directement dans les détails de l’entrée avec un lien « Voir sur la carte ». Il s’exporte dans Google Sheets, s’imprime sur les pages d’entrée. Aucun nettoyage nécessaire.

Allez placer une épingle

Le champ Carte fait partie du module complémentaire Géolocalisation, inclus dans tous les plans WPForms Pro et supérieurs. Si vous avez déjà installé le module complémentaire, le champ Carte vous attend dans le constructeur de formulaires dès maintenant. Si vous êtes nouveau dans le module complémentaire Géolocalisation, consultez notre guide d’installation pour commencer et notre guide sur l'utilisation du champ Carte pour des instructions détaillées.

Pas encore sur WPForms Pro ? C’est le moment idéal pour changer cela. Découvrez nos plans et accédez au champ Carte, au module complémentaire Géolocalisation complet, et à plus de 2 000 modèles, modules complémentaires pro et autres fonctionnalités.

J’adorerais 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 la partager.

À la prochaine,

Lauren

P.S. Un immense merci à tous les membres de notre Cercle VIP. Une publication dans ce groupe est ce qui a initialement suscité l'idée du champ Carte. Si vous n'en faites pas encore partie, rejoignez-nous. C'est là que bon nombre de nos meilleures fonctionnalités voient le jour.