pour ça on va dans google map à cette adresse : https://www.google.com/maps/@49.0339558,2.0098537,1724m/data=!3m1!1e3?entry=ttu&g_ep=EgoyMDI2MDkwMi4wIKXMDSoASAFQAw%3D%3D ,
Comment intégrer une carte Google Maps sans API dans WordPress avec Divi ?
Dans ce tutoriel, je vais vous montrer comment intégrer facilement une carte Google Maps dans WordPress avec le thème Divi, sans utiliser d’API Google Maps.
Cette méthode est très simple et permet par exemple d'afficher l'adresse de votre entreprise directement sur votre page Contact.
1. Aller sur Google Maps
Pour commencer, on va dans Google Maps à cette adresse :
Une fois sur Google Maps, on écrit dans la barre de recherche l'adresse que l'on souhaite afficher sur notre site.
Lorsque l'adresse apparaît, on clique sur le bouton « Partager ».
2. Récupérer le code de la carte
Une fenêtre va s'afficher.
On clique ensuite sur « Intégrer une carte ».
Google Maps va alors afficher un aperçu de la carte ainsi qu'un code HTML.
Il suffit de cliquer sur « Copier le contenu HTML » pour récupérer le code.
Le code ressemble généralement à ceci :
<iframe
src="https://www.google.com/maps/embed?pb=..."
width="600"
height="450"
style="border:0;"
allowfullscreen=""
loading="lazy">
</iframe>
3. Modifier la taille de la carte si nécessaire
Google Maps permet de choisir différentes tailles pour la carte.
Mais si on souhaite que la carte prenne toute la largeur disponible sur notre page, on peut directement modifier le code. On cherche :
width="600"
et on le remplace par :
width="100%"
La carte va ainsi automatiquement prendre 100 % de la largeur disponible.
On peut également modifier la hauteur avec :
height="450"
Par exemple, si on souhaite une carte moins haute :
height="350"
4. Ajouter la carte dans Divi
Maintenant, on retourne dans WordPress.
On ouvre la page sur laquelle on souhaite afficher la carte, par exemple la page Contact, puis on clique sur Modifier avec Divi.
À l'endroit où l'on souhaite ajouter la carte :
Ajouter un module → rechercher « Code » → sélectionner le module Code.
On colle ensuite directement dans ce module le code que nous avons récupéré sur Google Maps.
On enregistre les modifications.
Et voilà ! La carte avec l'adresse s'affiche directement sur notre page WordPress.
Conclusion
Avec cette méthode, il n'est pas nécessaire de créer une clé API Google Maps ni de configurer l'API dans Divi.
Il suffit simplement de :
Google Maps → rechercher l'adresse → Partager → Intégrer une carte → Copier le HTML → ajouter un module Code dans Divi → coller le code.
C'est une méthode simple et rapide pour ajouter une carte Google Maps sur une page Contact créée avec WordPress et Divi.