Pourquoi ce snippet ?
Le snippet "Google Maps & Traduction" est idéal pour les sites internationaux ou locaux qui souhaitent être à la fois visibles sur une carte et compréhensibles par tous :
- Intégration simple de Google Maps pour afficher votre emplacement
- Ajout d’un module de traduction automatique (Google Translate)
- Compatible mobile et PC
- Idéal pour restaurants, agences, hôtels et sites multilingues
Code snippet (coller dans votre CSS)
/* Images responsive */
img { max-width: 100%; height: auto; display:block; }
/* Fix common slider/carousel overflow */
.carousel, .slider, .slick-list, .swiper-container {
overflow:hidden !important;
}
/* Prevent elements with large fixed width from breaking layout */
[x-large], [data-wide], .wide-element {
max-width: 100% !important;
box-sizing: border-box !important;
}
/* Optional helper: center page and hide tiny subpixel overflow */
.page-wrapper { max-width:100%; margin:0 auto; overflow-x:hidden; }
/* End snippet */
Tu peux personnaliser ces règles (ajouter sélecteurs spécifiques de ton thème) pour corriger des cas particuliers. Si tu veux, je te fournis une version adaptée à ton site (dis-moi l’URL ou colle le HTML problématique).
FAQ — Anti-débordement
Comment intégrer ma carte Google Maps ?
Il suffit de récupérer le code iframe fourni par Google Maps et de le coller dans le snippet.
Combien de langues sont disponibles ?
Le module Google Translate supporte plus de 100 langues différentes.
Est-ce que c’est optimisé pour mobile ?
Oui, la carte et le module de traduction s’adaptent parfaitement aux écrans mobiles.
Ils l'ont testé
Lucas Fernandes — Consultante
“Mes clients internationaux peuvent lire mon site dans leur langue et trouver facilement mon restaurant sur la carte.”
Koffi Mensah — Entrepreneur
« Intégré en 2 minutes sur mon tunnel Systeme.io — les pages sont enfin centrées sur téléphone. »
Julien Moreau — Funnel builder
« Outil indispensable dans mon kit : corrige les problèmes d’iframes et carrousels sans prise de tête. »