Jak dodać Google Maps do strony Divi?
Mapa Google na stronie kontaktowej to standard. Pomaga klientom znaleźć Twoje biuro, restaurację, gabinet. W Divi można to zrobić na kilka sposobów. Oto pełen przewodnik.
Sposób 1: Wbudowany moduł Map (najprościej)
Divi Builder → dodaj moduł „Map”. Wprowadź adres lub współrzędne GPS. Ustaw zoom, styl mapy. Gotowe. Wymaga jednak Google Maps API Key.
Krok: Pobranie Google Maps API Key
1. Idź na console.cloud.google.com. 2. Stwórz nowy projekt. 3. Włącz: Maps JavaScript API, Places API, Geocoding API. 4. Stwórz Credentials → API Key. 5. Wklej w Divi → Theme Options → Maps API Key.
Sposób 2: Embed mapy Google
Bez API Key. Idź na maps.google.com, znajdź swoje miejsce, kliknij „Udostępnij” → „Osadź mapę” → skopiuj iframe. Wklej w Divi do modułu „Code”.
Sposób 3: WP Google Maps (wtyczka)
Najpopularniejsza wtyczka mapowa. Pozwala dodać wiele pinów, customowe ikony, kategorie miejsc. Idealna dla sieci sklepów, oddziałów.
Optymalizacja prędkości — mapa lazy load
Mapa Google jest ciężka (1-2MB). Lazy load: ładuj mapę dopiero gdy jest widoczna. Wtyczki: WP Rocket lazy load, Lazy Load by WP Rocket, A3 Lazy Load.
