Store Locator Elementor : ajouter une carte de boutiques

Elementor n'a pas de localisateur de magasins intégré. Vous en ajoutez un en collant le code d'intégration d'un fournisseur dans le widget HTML, ou le shortcode d'une extension dans le widget Shortcode, sur la page où la carte doit apparaître. Cela vaut pour dix emplacements comme pour deux cents.

Elementor construit des pages, pas des cartes

Elementor construit des mises en page dans WordPress. Il ne fournit pas son propre moteur de cartographie ni de géocodage, donc un localisateur vient toujours d'ailleurs.

Cet ailleurs est soit une extension WordPress qui enregistre un shortcode, soit un widget SaaS qui vous donne un extrait HTML prêt à l'emploi. Elementor documente un widget Shortcode dédié pour le premier cas et un widget HTML pour le second.

Ce guide suppose une page construite avec Elementor. Si vous utilisez plutôt l'éditeur de blocs de WordPress, les étapes d'installation diffèrent assez pour mériter leur propre guide.

Extension ou widget SaaS : ce qui change réellement

Une extension de localisateur native WordPress enregistre généralement un shortcode comme [store-locator]. Déposez ce shortcode dans le widget Shortcode et l'extension affiche la carte à cet endroit, sans modifier de PHP ni de template.

Les données de localisation restent dans votre propre base WordPress, et l'extension suit le même cycle de mise à jour que toute autre extension WordPress ; vous ou votre hébergeur appliquez les mises à jour de l'extension et du cœur pour qu'elle continue de fonctionner.

Un localisateur SaaS fonctionne différemment : créez un compte chez le fournisseur, ajoutez-y vos emplacements, et copiez le code d'intégration qu'il génère, généralement un iframe ou un court script. Collez-le plutôt dans le widget HTML.

Les serveurs du fournisseur hébergent les données de localisation et la plupart des fonctionnalités du localisateur, vous n'avez aucune extension à mettre à jour, et le coût de votre côté est une requête externe plutôt qu'une charge supplémentaire sur votre propre hébergement.

Un localisateur manquant ou défaillant coûte une visite qui n'apparaîtra jamais dans votre historique de commandes, parce que la vente a lieu en magasin, pas au moment du paiement en ligne.

Ce risque est le même sur Elementor que sur toute autre plateforme, c'est pourquoi il vaut mieux le tester avant le lancement plutôt qu'après la plainte d'un client.

Comment ajouter un localisateur de magasins à une page Elementor

Le processus est le même quel que soit le widget choisi :

1. Rassemblez le nom, l'adresse, le numéro de téléphone et les horaires de chaque emplacement dans un tableau ; de nombreuses extensions et widgets SaaS prennent en charge l'import CSV.
2. Choisissez entre une extension, où les données restent dans votre propre base, et un widget SaaS, où le fournisseur héberge les données et la plupart des fonctionnalités du localisateur.
3. Créez le compte chez le fournisseur ou activez l'extension, puis ajoutez ou importez vos emplacements.
4. Copiez le shortcode ou le code d'intégration que l'outil génère une fois vos emplacements ajoutés.
5. Dans l'éditeur Elementor, glissez un widget Shortcode ou un widget HTML sur la page et collez ce que vous avez copié.
6. Réglez la section ou le conteneur englobant en pleine largeur si la carte a besoin de plus d'espace horizontal que votre colonne de contenu par défaut.
7. Prévisualisez sur ordinateur et mobile, puis recherchez une adresse proche d'un de vos vrais magasins pour confirmer que l'épingle et le résultat sont corrects.

Que tester avant le lancement

• Chaque adresse de votre vraie liste se géocode-t-elle vers la bonne épingle, y compris avec un format inhabituel ou un code postal manquant ?
• Le widget a-t-il besoin de votre propre clé API Google Maps et d'un compte de facturation, ou est-il livré avec son propre fournisseur de cartes ? Un examen plus approfondi de ce choix vaut la lecture au préalable.
• Une extension de cache ou de minification sur votre site Elementor supprime-t-elle le script que produit le widget HTML ? Testez avec le cache activé, pas seulement dans un aperçu propre.
• Si vous annulez, pouvez-vous exporter votre liste d'emplacements, ou reste-t-elle verrouillée dans le tableau de bord du fournisseur ?
• Si vous voulez un widget qui évite entièrement l'étape de la clé API Google Maps, Progus Store Locator fonctionne via les deux voies présentées ici, un shortcode pour l'installation façon extension ou un code d'intégration pour le widget HTML, et ses cartes par défaut ne nécessitent aucune clé API.

Quand c'est prêt à être mis en ligne

Confirmez trois choses avant d'annoncer la fonctionnalité à vos clients : chaque adresse renvoie la bonne épingle, la recherche résout aussi bien un code postal partiel qu'un code complet, et la page se charge à une vitesse raisonnable sur une connexion mobile.

En conclusion

Un localisateur de magasins n'est pas une tâche de configuration ponctuelle. Les horaires changent, des magasins ferment, de nouveaux revendeurs rejoignent le réseau : traitez-le comme votre catalogue produits, avec un responsable attitré, pas comme une mise en place unique.

Testez avec votre propre liste d'adresses avant de vous engager sur un plan, pas avec les données de démonstration du fournisseur. L'écart entre une démo propre et une vraie liste au format incohérent est l'endroit où la plupart des projets de localisateur s'enlisent, sur les sites Elementor comme ailleurs.