Aller au contenu principal

WP Location Finder: Configuration de l'API Map

1. Comment créer une API de carte ?

1.1 Obtenir une clé API Google Maps et des services API

Chaque fois que vous utilisez les API Google Maps, si votre domaine a été créé après le 22 juin 2016, vous devez inclure une clé pour valider votre requête.
Obtenez une clé et activez l'API : https://developers.google.com/maps/documentation/javascript/get-api-key

Plus d'informations : https://developers.google.com/maps/documentation/javascript/usage?hl=en

Tout d'abord, accédez à la console Google Cloud , sélectionnez un projet ou créez-en un. Cliquez ensuite sur « + Créer des identifiants » et sélectionnez « Clé API » .

 

créer une clé API

 

Suivez ensuite l'étape suivante et cliquez sur Créer pour obtenir une nouvelle clé API. Conservez-la pour l'étape suivante.

 

clé API créée

 

De plus, certains services API requis doivent être activés. Dans la console Google, accédez à API et services et recherchez-les comme indiqué ci-dessous :

  • API JavaScript de cartes
  • API de géocodage
  • API de géolocalisation
  • API Places
  • API Directions

 

activer-api-services

 

1.2 Comment créer un identifiant Google Maps ?

Pour créer un identifiant de carte, veuillez vous rendre sur de gestion des cartes . Cliquez ensuite sur « Créer un identifiant de carte » .

 

créer-nouvelle-carte-id

 

Ensuite, sur la page Créer un nouvel ID de carte, procédez comme suit :

  • Nom : saisissez le nom de l’identifiant de la carte.
  • Description : décrivez à quoi sert l’identifiant de la carte (facultatif)
  • Type de carte : sélectionnez JavaScript, puis choisissez un type de carte raster (par défaut) ou vectorielle.

 

nouveaux champs d'identifiant de carte

 

N'oubliez pas de cliquer sur Enregistrer pour afficher votre nouvel identifiant de carte. Veuillez le conserver pour les paramètres.

 

carte-id-créée

 

Remarque : Un ID de carte est un identifiant unique qui représente le style et les paramètres de configuration de Google Maps stockés dans Google Cloud. Utilisez l’ID de carte « DEMO_MAP_ID » à des fins de test si vous n’en possédez pas.

 

1.3 Comment créer un jeton OpenStreetMap ?

Commencez par vous rendre ici pour créer un nouveau compte ou vous connecter à votre compte existant. Cette étape est indispensable avant de pouvoir générer des jetons d'accès.

Une fois connecté(e), recherchez l' « Jetons d'accès » dans vos paramètres utilisateur ou le menu de votre compte et sélectionnez-la. Dans la section « Jetons d'accès », repérez et sélectionnez l' « Créer un jeton d'accès » pour lancer le processus de génération. Tous les champs nécessaires à la création du jeton seront visibles directement sur la page « Jetons d'accès ». Pour créer votre jeton :

  • Saisissez un nom descriptif dans le « Étiquette » pour vous aider à identifier ce jeton ultérieurement.
  • Laissez les deux champs supplémentaires ci-dessous vides (les paramètres par défaut conviennent à la plupart des utilisateurs)
  • Cliquez sur le « Créer » pour générer votre nouveau jeton d'accès

 

jeton d'accès

 

Votre nouveau jeton d'accès s'affichera une fois créé. Veillez à le copier et à le conserver en lieu sûr, car vous en aurez besoin lors des prochaines étapes de configuration.

 

jeton généré

 

2. Section des paramètres principaux

Fournisseur de cartes

Accédez à Menu Location Finder > Paramètres > Paramètres principaux pour configurer vos préférences de fournisseur de cartes. Vous trouverez deux options disponibles : Google et OpenStreetMap .

Si vous choisissez Google Maps comme fournisseur, vous devrez configurer les champs obligatoires suivants avec les identifiants obtenus lors des étapes de configuration précédentes :

  • Clé API Google Maps : La clé API Google Maps est obligatoire. Veuillez revenir à l’étape 1.1 si vous ne savez pas comment créer une nouvelle clé API.
  • ID de la carte : L’ID de la carte est un identifiant unique qui représente le style et les paramètres de configuration de Google Maps stockés dans Google Cloud.
    Il est obligatoire d’en définir un ; vous pouvez conserver l’ID par défaut (DEMO_MAP_ID) si vous n’en avez pas besoin.
  • Niveau de zoom par défaut de la carte : Niveau de zoom par défaut de la carte au premier chargement (régler le zoom automatique sur 0)
  • Type de cartes : Carte routière, Satellite, Hybride, Relief.
  • Couche cartographique : KML, Trafic, Transports en commun, Cyclisme.

 

paramètres de remplissage

 

Si vous sélectionnez OpenStreetMap comme fournisseur, vous devrez saisir le jeton d'accès que vous avez obtenu à l'étape 1.3 :

  • Jeton d'accès au géocodage : le jeton d'accès LocationIQ est requis pour la fonctionnalité de saisie automatique des adresses.
  • Niveau de zoom par défaut de la carte : Niveau de zoom par défaut de la carte au premier chargement (régler le zoom automatique sur 0)
  • Type de carte : Par défaut, OpenStreetMap HOT, Carto Light, Carto Dark,...
  • Calque de tuile personnalisé : Saisissez votre calque personnalisé.

 

Fournisseur OpenStreetMap

 

Après avoir configuré les paramètres de votre fournisseur de cartes, vous découvrirez plusieurs options de personnalisation compatibles avec Google Maps et OpenStreetMap, permettant d'améliorer les fonctionnalités de votre carte et l'expérience utilisateur :

  • Recherche par nom de lieu
  • Filtre de catégorie d'affichage
  • Afficher le filtre de pays
  • Filtre de rayon d'affichage
  • Unité de distance : km/mi
  • Distance pour la recherche par rayon : Distance dans l’outil de recherche par rayon
  • Filtre par étiquette d'affichage
  • Ouvrir les détails de l'emplacement dans un nouvel onglet

 

paramètres détaillés de la carte

 

Affichage de la carte

Les emplacements que vous avez créés seront affichés sur la carte dans la Paramètres .

 

paramètres d'affichage de la carte

     

    Image couleur et marqueur

    Vous pouvez ici ajuster la couleur et l'image du marqueur par défaut.

     

    paramétrage du marqueur de couleur de localisation

    emplacement unique

    • Ajouter des champs pour chaque magasin : Ajoutez des champs spécifiques à chaque point de vente, comme le nom et les horaires d’ouverture des magasins.

     

    3. Paramètres de l'IA

    Pour utiliser cette fonctionnalité, accédez à Paramètres du plugin > Paramètres IA > onglet Tarification pour obtenir des crédits. Cliquez sur le « Obtenir des crédits IA maintenant » et finalisez votre achat.

     

    obtenir-crédit-IA

     

    Après avoir acquis des crédits, retournez dans Paramètres d'IA > onglet Paramètres > section Limites de longueur du contenu pour configurer les options suivantes :

    • Longueur des titres générés par l'IA : définissez le nombre maximal de mots pour les titres générés.
    • Longueur de la description IA : définissez le nombre maximal de mots pour les descriptions générées.

     

    plan de configuration de l'IA

     

    Dans la des paramètres globaux de l'IA , vous pouvez personnaliser la langue du contenu généré par l'IA. Activez l' option « Quota IA dans la barre supérieure » ​​pour afficher votre solde de crédits dans la barre supérieure de WordPress.

     

    crédit-sur-barre supérieure

     

    Une fois la configuration terminée, vous pouvez accéder à la fonctionnalité d'optimisation IA depuis la vue « Tous les emplacements » « Optimisation IA » en haut de la page, puis sélectionnez « Générer » dans la fenêtre contextuelle pour créer ou renseigner automatiquement les données SEO.

     

    bouton d'optimisation IA

     

    4. Lieux d'import/export

    Emplacements d'importation

    Pour importer vos emplacements, accédez à Menu Location Finder > Paramètres > section Importer. Choisissez votre CSV ou KML dans le champ approprié en fonction du format de vos données existantes.

     

    emplacements d'importation

     

    Besoin d'un modèle ? Cliquez simplement sur le « Télécharger un exemple de fichier CSV » pour obtenir notre fichier d'exemple et vérifier le format. Vous pouvez également cocher l' « Mettre à jour les emplacements existants s'ils correspondent, ou ajouter les nouveaux emplacements » si vous souhaitez mettre à jour vos données actuelles tout en ajoutant de nouvelles entrées.

    Lieux d'exportation

    Lorsque vous êtes prêt à exporter vos emplacements existants, accédez à la Exporter . Cliquez ensuite sur le « Exporter au format CSV » ou « Exporter au format KML » selon le format souhaité.

     

    lieux d'exportation

     

    Synchronisation

    Pour configurer la synchronisation automatique des fichiers CSV, accédez à Paramètres, puis à Importer/Exporter > onglet Synchronisation, et sélectionnez votre fichier CSV dans la bibliothèque multimédia. Activez l' « Activer la synchronisation automatique » et indiquez la fréquence de mise à jour souhaitée dans le « Intervalle de synchronisation (minutes) » .

    Le système importera automatiquement les données aux intervalles que vous aurez choisis, en mettant à jour les emplacements existants lorsque des correspondances seront trouvées et en créant de nouvelles entrées pour les données supplémentaires.

     

    emplacements de synchronisation

     

    5. Contrôle d'accès

    Pour gérer les autorisations de localisation (créer, modifier, supprimer, publier) pour chaque rôle utilisateur, accédez à Paramètres > Contrôle d'accès .

     

    contrôle d'accès

     

    WP Location Finder: Installation

    1. Installation

    Pour installer notre plugin, vous devez utiliser l'installateur WordPress standard ou décompresser et placer tous les dossiers dans /wp-content/plugin.

     

    plugin de téléchargement

     

    Cliquez ensuite sur « Activer l'extension » pour voir WP Location Finder dans le menu de gauche de WordPress.

    WP Location Finder est accessible depuis un menu latéral dédié. 

    Désormais, veuillez vous assurer de vous connecter à votre compte JoomUnited avant d'utiliser le plugin.

     

    licence de connexion Joom United

     

    2. Mettez à jour le plugin

     

    Pour mettre à jour WP Location Finder , vous pouvez utiliser le système de mise à jour intégré de WordPress. Vous pouvez également désinstaller et installer la nouvelle version à partir d'un fichier .zip téléchargé sur www.joomunited.com. Dans tous les cas, vous ne perdrez aucune donnée, car tout est stocké dans la base de données.

     

    wp-location-finder-install

     

    Veillez à toujours utiliser la dernière version afin d'éviter les problèmes de sécurité et de stabilité.

    Pour mettre à jour la version payante, vous devez vous connecter à votre compte JoomUnited. Si vous ne l'avez pas encore fait, cliquez simplement sur le lien « Connectez votre compte JoomUnited pour effectuer la mise à jour » ou « Connexion à JoomUnited »

     

    wp-location-finder-update

     

    Saisissez votre identifiant et votre mot de passe JoomUnited. Une fois connecté(e), le « Mettre à jour maintenant » apparaîtra ; cliquez dessus pour installer la nouvelle version.

     

    wp-location-finder-update

     

    Enfin, vous pouvez mettre à jour tous les plugins commerciaux JoomUnited à partir de la version standard de WordPress.

     

    wp-location-finder-mis à jour

     

    WP Location Finder: Configuration de la recherche et des emplacements

    1. Créez un emplacement

    Pour créer un nouveau lieu, accédez à Recherche de lieux > Tous les lieux. Cliquez sur le bouton « Ajouter un nouveau lieu » .

     

    ajouter un nouvel emplacement

     

    Ensuite, la page « Ajouter un nouveau lieu » s’affiche, avec deux panneaux principaux : à gauche, le champ des détails et à droite, la carte. En dessous se trouvent les champs où vous pouvez saisir ou sélectionner une valeur.

     

    • Nom du lieu : nom de l’adresse saisie.
    • URL : sera générée après la publication.
    • Description du lieu : 
    • Recherche de localisation : Veuillez saisir une adresse dans le champ de recherche afin d’obtenir les coordonnées de latitude et de longitude.

     

    ajouter-un-champ-d'emplacement

     

    Vous pouvez également utiliser la section de saisie manuelle d'adresse située sous la carte ; cliquez sur la flèche pour développer tous les champs.

     

    saisie manuelle d'adresse

     

    Faites défiler vers le bas pour obtenir des options plus détaillées concernant l'emplacement.

    • Image principale : choisissez une image représentative de l’emplacement.
    • Galerie d'images : téléchargez des images pour ce lieu.
    • Image du marqueur : sélectionnez-la dans le jeu d’icônes ou téléchargez votre propre icône.

     

    emplacement de l'icône de l'image

     

    • URL de contact de localisation
    • URL de remplacement de l'emplacement
    • Étiquettes : étiquette d’emplacement d’entrée.
    • Titre SEO de localisation
    • description méta SEO de l'emplacement

     

    détails de localisation

     

    Ensuite, vous pouvez sélectionner une ou plusieurs catégories pour l'emplacement.

     

    sélectionner-emplacement-catégorie

     

    Ensuite, dans la section Publier, vous pouvez configurer ces champs :

    • Statut : choisissez un statut parmi les 3 suivants : Brouillon, En attente de révision, Publié
    • Visibilité : Publique, Protégée par mot de passe, Privée
    • Date de publication : Immédiate, Publication programmée
    • Code court : utilisez-le pour publier n’importe où sur votre site.

     

    section de publication de l'emplacement

     

    Champs de stockage

    « Champs du magasin » apparaîtra lors de la création d'un nouvel établissement.

     

    champ de magasin à emplacement unique

     

    Aperçu de l'emplacement

    Pour afficher un aperçu de votre emplacement sur le site, rendez-vous simplement dans la Publier et cliquez sur le bouton  Aperçu »

     

    prévisualisation de l'emplacement

     

    2. Générateur de codes courts

    Pour générer un code court pour une carte, accédez à Menu Location Finder > Générateur de code court. Vous pouvez définir les options ci-dessous, dans la section Type d'affichage :

    • Recherche de localisation : [wplf type_of_view="location_search" default_address="Paris, France" categories="16" tags="27" map_zoom="Auto"]
    • Vue carte uniquement : [wplf type_of_view="map_view" default_address="Paris, France" categories="16" tags="27" map_zoom="Auto"]
    • Emplacement unique : [wplf id="578" map_zoom="Auto"]
    • Formulaire de soumission frontend : [wplf_submission]
    • Mes emplacements (interface utilisateur) : [wplf_my_locations items_per_page="8"]

     

    générateur de code court recherche de localisation

     

    Selon le type d'affichage sélectionné, un aperçu s'affichera pour vous montrer son rendu sur le site. Le code court généré apparaîtra en bas à gauche ; vous pourrez alors le copier et l'insérer où vous le souhaitez sur votre page.

     

    3. Catégories de localisation

    Pour gérer les catégories de lieux, veuillez accéder à Menu Location Finder > Catégories de lieux.  Dans cette section, vous pouvez facilement gérer vos catégories de lieux : les ajouter, les modifier ou les supprimer selon vos besoins !

     

    ajouter-catégories-emplacement

     

    4. Balises de localisation

    Pour gérer les balises de localisation, veuillez accéder au menu Localisateur de lieux > Balises de localisation. Dans cette section, vous pouvez facilement gérer vos balises de localisation : les ajouter, les modifier ou les supprimer selon vos besoins !

     

    ajouter-balises-locales