WordPress : intégrer une carte Google Maps dans une page

image_pdf

L’éditeur de contenus Gutenberg propose le bloc HTML personnalisé vous permettant d’intégrer des <iframe> (contenu embarqué).

Récupérer le code <iframe> depuis Google Maps

  1. Se rendre sur https://www.google.fr/maps et renseigner l’adresse du lieu à géo-localiser
  2. Cliquer sur le bouton “Partager
  3. Cliquer sur l’onglet “Intégrer une carte
  4. Cliquer sur le lien “COPIER LE CONTENU HTML
Google Map récupérer une iframe

Intégrer le code <iframe> dans votre page via Gutenberg

Intégrez un nouveau bloc HTML personnalisé grâce au bouton “+” ou en tapant “/“, et copier le code <iframe> précédemment récupéré.

Gutenberg bloc HTML personnalisé

Cliquez ensuite sur l’onglet “Prévisualiser” pour vérifier le rendu.

Gutenberg bloc HTML personnalisé prévisualiser

Laisser un commentaire

Ce site utilise Akismet pour réduire les indésirables. En savoir plus sur comment les données de vos commentaires sont utilisées.