Muszę wymyślić, jak dodać Google Mapy do WordPressa za pomocą JetElements?
Istnieje wiele wtyczek, których możesz użyć do dodania Google Mapy do Twojego strona internetowa WordPress. JetElements jest jeden. JetElements to dodatek Elementor premia opracowana przez Crocoblock. Dodaje kilka dodatkowych widżetów do twojego Elementor, w tym zaawansowaną mapę, którą możesz łatwo dodać Google Mapy do Twojej witryny WordPress.
Możesz wybrać 10 stylów mapy. Możesz także dodać wiele pinów.
W tym artykule pokażemy, jak korzystać z widżetu Zaawansowana mapa dodać Mapy Google do swojego strona internetowa WordPress.
Zanim zaczniesz, upewnij się, że zainstalowałeś Elementor i JetEements na Twoim WordPressie. Możesz skorzystać z darmowej wersjiElementor korzystać z JetElements. Jeśli chodzi o JetElements, musisz go kupić na swoim oficjalna strona internetowa za 19 USD.
Krok 1: Uzyskaj klucz API Map Google
Zanim będziesz mógł dodać Mapy Google do swojego Witryna internetowa korzystając z JetElements, musisz uzyskać klucz API, aby zintegrować JetElements z Google Maps. Interfejs API można uzyskać za pośrednictwem konsoli Google API. Więc odwiedź Konsola API Google i zaloguj się na swoje konto Google.
Po zalogowaniu utwórz nowy projekt, klikając menu rozwijane u góry i kliknij NOWY PROJEKT.
Nadaj nazwę swojemu projektowi i kliknij przycisk TWORZENIE.
Wybierz swój nowy projekt z rozwijanego menu i kliknij Biblioteka na lewym panelu.
JetElements nie udostępnia żadnych szczegółowych informacji na temat interfejsów API, które należy włączyć, aby widżet działał. Zaawansowana mapa. Z naszego doświadczenia wynika, że należy włączyć co najmniej następujące interfejsy API:
- API do geokodowania
- Mapuje interfejs API JavaScript
Sam Google dzieli Google Maps API na 17 typów. Możesz je zobaczyć klikając POKAŻ WSZYSTKO w sekcji Kartki.
Aby aktywować API, wybierz API, które chcesz aktywować (klikając na nie) i kliknij przycisk AKTYWUJ.
Po zakończeniu włączania wymaganych interfejsów API wróć do głównego pulpitu Google API Console i kliknij identyfikatory na lewym panelu. Kliknij przycisk Utwórz dane logowania i wybierz Klucz API. Skopiuj klucz API w wyskakującym okienku.
Następnie zaloguj się do pulpitu nawigacyjnego WordPress i przejdź do menu JetPlugins – > JetElementy Ustawienia.
Otwórz zakładkę integracje i wklej klucz API, który właśnie skopiowałeś w pole Klucz API mapy Google.
Zacznij dodawać mapę
Po zintegrowaniu JetElements i Google Maps możesz rozpocząć dodawanie mapy. Aby to zrobić, otwórz stronę, na której chcesz dodać mapę w Elementorze. W edytorze Elementor przeciągnij widżet Mapa zaawansowana do obszaru edycji.
Możesz przejść do lewego panelu, aby zmienić niektóre ustawienia na mapie. Możesz dokonać ustawień z sekcji Ustawienia mapy.
Aby zmienić styl mapy, możesz otworzyć sekcję Styl mapy.
Dodaj swoją lokalizację do mapy
Domyślnie adres PIN jest ustawiony na London Eye, Londyn, Wielka Brytania. Możesz go edytować, aby dodać lokalizację swojej firmy.
Aby to zrobić, otwórz sekcję Pins i kliknij istniejący adres PIN. Wklej adres swojej firmy w polu Przypnij adres i zmodyfikuj opis w polu Opis pinów.
Aby adres pinu, który właśnie ustawiłeś, był widoczny na mapie, musisz ustawić środek mapy. Na przykład, jeśli lokalizacja Twojej firmy znajduje się w Paryżu, środek mapy ustawisz na Paryż.
Aby zdefiniować środek mapy, otwórz sekcję Ustawienia mapy ponownie wpisz preferowane centrum mapy (nazwę miasta).
Remarque: Jeśli podczas dodawania karty zobaczysz komunikat „Tylko do celów programistycznych”, pamiętaj o włączeniu rozliczeń Google Cloud. Nowa polityka Google wymaga od programistów aktywowania konta rozliczeniowego (nadal możesz bezpłatnie korzystać z Google Maps API).
Pobierz Elementor Pro teraz !!!
Wnioski
Więc ! To wszystko w tym artykule, który pokazuje, jak dodać Mapy Google do WordPressa za pomocą JetElements. Jeśli masz jakiekolwiek wątpliwości, jak się tam dostać, daj im znać w commentaires.
Możesz jednak również skonsultować się nasze zasoby, jeśli potrzebujesz więcej elementów do realizacji projektów tworzenia stron internetowych, zapoznaj się z naszym przewodnikiem na stronie Tworzenie bloga WordPress lub ten na Divi: najlepszy motyw WordPress wszechczasów.
Ale w międzyczasie udostępnij ten artykuł w różnych sieciach społecznościowych.
...