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