FROM CACHE - fr_header
Cette communauté a fait place à une assistance de pair-à-pair. L’assistance Shopify ne sera plus proposée pour cette communauté. Nous vous encourageons à entrer en contact avec d’autres marchands et partenaires pour obtenir de l’aide et partager vos expériences ! Veuillez continuer à signaler tout ce qui va à l'encontre de notre Code de conduite ou tout contenu que vous souhaitez faire supprimer.

Intégrer un localisateur de coordonnée (google map)

RÉSOLU

Intégrer un localisateur de coordonnée (google map)

Eleneby
Touriste
13 0 1

Bonjour à tous,

Comment pouvons-nous intégrer une sorte de Google Map sur son site sur la page produit afin que les clients puisse chercher une localisation précise un peu comme sur le site suivant : https://ourcuffs.com/collections/all/products/custom-coordinates-cuff-2

Merci par avance de votre réponse ! 

Bonne journée

 

1 SOLUTION APPROUVÉE

Armelle
Shopify Staff (Retired)
666 368 164

Succès.

Bonjour @Eleneby !

 

Avez-vous plusieurs emplacements que vous souhaiteriez montrer dans la map? Et recherchez-vous une apparence avancée semblable à cet exemple? Si vous répondez oui à ces deux questions, vous voudrez lire la première solution. Si, au contraire, vous n'avez qu'un emplacement à montrer et que vous souhaitez une addition simple et gratuite de la map, à la page des produits, lisez ma deuxième solution. 

 

Solution 1 - L'installation d'une application

En effet, il y a des applications qui vous permettront de montrer une carte interactive avec plusieurs de vos emplacements à la fois. J'ai fait quelques recherches, dans notre App Store, pour vous lister celles qui semblent les plus convenables pour vous. Les voici ci-bas. 

 

Certaines de ces applications offrent un essai gratuit donc, profitez-en pour déterminer celle qui vous plaît. N'oubliez simplement pas de supprimer les applications que vous n'utilisez pas avant la fin de leur essai gratuit pour éviter les frais d'applications récurrents. De plus, dans les liens présentés, ci-haut, vous trouverez une section ''Assistance'' où se trouvent les liens de contact de l'équipe d'assistance de chaque application. Comme ce sont des applications tierces, il est important de communiquer avec leur équipe pour toute question en lien direct avec leur service.

 

17-04-67900-35474

 

Solution 2 - Ajouter le lien embed de votre adresse Google Maps

Cette deuxième solution est très pratique si vous voulez éviter l'utilisation excessive d'applications qui peuvent ralentir votre site Web, si vous ne trouvez pas d'applications qui vous conviennent et/ou si vous recherchez un moyen rapide d'ajouter une carte Google Map pour montrer une seule adresse. Voici les instructions à suivre. 

 

1. Allez sur Google Maps et entrez votre adresse. 

2. Cliquez sur le bouton Share à gauche, en dessous de votre adresse. 

 

17-10-21554-62328

 

3. À la boîte d'apparition, cliquez sur Embed a map

4. Cliquez sur Copy HTML pour copier le code embed de votre map. 

 

17-13-91603-89959

 

5. Rendez-vous à votre interface d'administrateur Shopify et cliquez sur Produits > Le produit de votre choix. Dans la boîte de description du produit, cliquez ensuite sur le bouton </>. Le texte de votre description aura une allure d'un code HTML. Collez le code HTML de la map dans la boîte de description (préférablement à la fin du code déjà présent pour simplifier les choses) et enregistrez le tout.

6. Vérifiez le résultat dans votre boutique et répétez le tout pour vos autres produits. 

 

17-18-95549-42950

 

Voici le résultat dans ma boutique test.

 

17-27-93847-10426

 

Bien sûr, cette idée est pratique si vous n'avez pas beaucoup de produits dans votre boutique. Sinon, la première solution serait à considérer. Je vois définitivement l'avantage à intégrer une map plus facilement dans la page de produit, via l'admin Shopify et non par une application tierce. C'est une suggestion que je peux partager à nos développeurs pour l'amélioration de nos services dans le futur. Ceci reste une considération qu'ils prendront sans en être une garantie de réalisation de cet ajout pour autant. 

 

Sinon, travaillez-vous encore sur votre boutique où est-ce qu'elle est déjà lancée au public? Comment va votre business pour l'instant?

To learn more visit the Shopify Help Center or the Community Blog.

Voir la solution dans l'envoi d'origine

2 RÉPONSES 2

Armelle
Shopify Staff (Retired)
666 368 164

Succès.

Bonjour @Eleneby !

 

Avez-vous plusieurs emplacements que vous souhaiteriez montrer dans la map? Et recherchez-vous une apparence avancée semblable à cet exemple? Si vous répondez oui à ces deux questions, vous voudrez lire la première solution. Si, au contraire, vous n'avez qu'un emplacement à montrer et que vous souhaitez une addition simple et gratuite de la map, à la page des produits, lisez ma deuxième solution. 

 

Solution 1 - L'installation d'une application

En effet, il y a des applications qui vous permettront de montrer une carte interactive avec plusieurs de vos emplacements à la fois. J'ai fait quelques recherches, dans notre App Store, pour vous lister celles qui semblent les plus convenables pour vous. Les voici ci-bas. 

 

Certaines de ces applications offrent un essai gratuit donc, profitez-en pour déterminer celle qui vous plaît. N'oubliez simplement pas de supprimer les applications que vous n'utilisez pas avant la fin de leur essai gratuit pour éviter les frais d'applications récurrents. De plus, dans les liens présentés, ci-haut, vous trouverez une section ''Assistance'' où se trouvent les liens de contact de l'équipe d'assistance de chaque application. Comme ce sont des applications tierces, il est important de communiquer avec leur équipe pour toute question en lien direct avec leur service.

 

17-04-67900-35474

 

Solution 2 - Ajouter le lien embed de votre adresse Google Maps

Cette deuxième solution est très pratique si vous voulez éviter l'utilisation excessive d'applications qui peuvent ralentir votre site Web, si vous ne trouvez pas d'applications qui vous conviennent et/ou si vous recherchez un moyen rapide d'ajouter une carte Google Map pour montrer une seule adresse. Voici les instructions à suivre. 

 

1. Allez sur Google Maps et entrez votre adresse. 

2. Cliquez sur le bouton Share à gauche, en dessous de votre adresse. 

 

17-10-21554-62328

 

3. À la boîte d'apparition, cliquez sur Embed a map

4. Cliquez sur Copy HTML pour copier le code embed de votre map. 

 

17-13-91603-89959

 

5. Rendez-vous à votre interface d'administrateur Shopify et cliquez sur Produits > Le produit de votre choix. Dans la boîte de description du produit, cliquez ensuite sur le bouton </>. Le texte de votre description aura une allure d'un code HTML. Collez le code HTML de la map dans la boîte de description (préférablement à la fin du code déjà présent pour simplifier les choses) et enregistrez le tout.

6. Vérifiez le résultat dans votre boutique et répétez le tout pour vos autres produits. 

 

17-18-95549-42950

 

Voici le résultat dans ma boutique test.

 

17-27-93847-10426

 

Bien sûr, cette idée est pratique si vous n'avez pas beaucoup de produits dans votre boutique. Sinon, la première solution serait à considérer. Je vois définitivement l'avantage à intégrer une map plus facilement dans la page de produit, via l'admin Shopify et non par une application tierce. C'est une suggestion que je peux partager à nos développeurs pour l'amélioration de nos services dans le futur. Ceci reste une considération qu'ils prendront sans en être une garantie de réalisation de cet ajout pour autant. 

 

Sinon, travaillez-vous encore sur votre boutique où est-ce qu'elle est déjà lancée au public? Comment va votre business pour l'instant?

To learn more visit the Shopify Help Center or the Community Blog.

Eleneby
Touriste
13 0 1

Bonjour Armelle je vous remercie de m'avoir répondu. Ce que je cherchais ressemble à ce que vous verrez dans la capture d'écran ci-dessous. Ce "localisateur" me permettrait de récolter une position via la longitude et la latitude comme sur Google map. Cette démarche de récolte de localisation rentre dans un but de personnalisation de produit.

 

Capture d’écran 2022-02-17 à 13.52.24.png