Toutes les clefs pour réussir dans le e-commerce

Mes modules Prestashop

Ajouter google maps sur Prestashop

Aujourd’hui je vous propose un tutoriel pour ajouter une carte google maps à votre boutique avec OpartMultiHtmlBlock.

On considère dans cet article que vous avez déjà téléchargé et installé le module OpartMultiHtmlBlock indispensable à ce tuto.

  1. Rendez-vous sur la page de Google maps.
  2. Indiquez l’adresse (physique pas internet) de votre boutique puis cliquez sur le bouton rechercher (celui avec une loupe)
  3. Cliquez sur le bouton en forme d’ancre et copiez le code html.
  4. Rendez-vous dans la rubrique “modules” de l’administration de votre boutique.
  5. Recherchez le module “Op’art multi html block” puis cliquez sur “configurer”.
  6. Indiquez comme nom “googlemaps” et comme description “Google maps” et cliquez sur le bouton “sauvegarder”.
  7. Cliquez sur le lien “cliquez ici pour voir votre nouveau module”.
  8. Cliquez sur le bouton “installer” du nouveau module qui vient d’être créé, puis sur “configurer”.
  9. Cliquez sur le bouton “html” et collez le code que vous avez copié précédemment.
  10. Repérez dans le code html les éléments width et height et modifiez leur valeur en fonction de la taille que vous voulez allouer à la carte.
  11. Cliquez sur le bouton “mettre à jour” puis sur “save”.
  12. Rendez-vous sur la page d’accueil de votre boutique et rafraîchissez-la pour voir le résultat.

La vidéo

D’autres exemples d’utilisation d’Op’art multi html Block

Ajouter un badge Google+ en 55 secondes
Ajouter une like box Facebook en 1min30

Demandez votre vidéo

Si vous avez un besoin précis auquel mon module pourrait répondre mais que vous n’êtes pas sûr de savoir comment faire, n’hésitez pas à utiliser les commentaires ou le formulaire de contact pour me détailler votre demande. J’essaierai de vous expliquer la marche à suivre et si ça peut intéresser du monde j’en ferai un tutoriel en vidéo.

Poster un Commentaire

1 Commentaire sur "Ajouter google maps sur Prestashop"

Recevoir un email pour
avatar
Trier par:   plus récent | plus vieux | Plus de vote
Autoankauf Düsseldorf
Invité
Autoankauf Düsseldorf

Merci.

wpDiscuz