Moduł Divi Maps

Procédure

Divi builder jest zawarty w naszych pakietachhostingowych Wordpress. Jeśli chcesz uzyskać wsparcie dla DIVI builder, musisz wykupić licencję bezpośrednio na stronie Elegent theme Divi.

Wprowadzenie

LWS oferuje 3 wtyczki premium od Elegant Themes (Divi, Bloom i Monarch). Są one regularnie aktualizowane. Gdy zostaniesz klientem LWS, będziesz mieć bezpłatny dostęp do tych wtyczek, wybierając dystrybucję "Divi Builder" podczas instalacji CMS Wordpress za pomocą naszego autoinstalatora.

Jeśli masz pakiet cPanel lub zainstalowałeś już Wordpress z tą dystrybucją, ale nie masz dostępu do wszystkich motywów lub aktualizacji, poinformuj nas o tym, podając nam dane dostępu do obszaru administracyjnego swojej witryny Wordpress, aby technik mógł zaktualizować licencję.

Uwaga: aby skorzystać ze wsparcia, należy wykupić licencję Elegant Themes. LWS nie zapewnia wsparcia dla tych produktów.

Czym jest moduł Divi Maps?

Moduły map ułatwiają osadzanie niestandardowych map Google w dowolnym miejscu na stronie. Możesz nawet dodać nieograniczoną liczbę pinezek do mapy i ustawić niestandardową lokalizację początkową rzutni. Moduły map są również dostępne w formacie Full Width, więc nie zapomnij tego sprawdzić!

Klucz API Google Maps

Do korzystania z modułu Maps wymagany jest klucz API. Aby uzyskać klucz API, zaloguj się do Google Developers Console, która poprowadzi Cię przez proces i automatycznie włączy Google Maps JavaScript API i wszystkie powiązane usługi. Pierwszą rzeczą, o którą zostaniesz poproszony, jest utworzenie nowego projektu.

Następnie zostaniesz poproszony o nazwanie projektu. Nazwa projektu może być dowolna. W tym przykładzie nazwałem go po prostu "Maps". Możesz również wprowadzić nazwę domeny swojej witryny (dodaj * przed nią, jeśli zezwalasz na dostęp z www.domain.com i domain.com), aby upewnić się, że inne witryny mają dostęp do Twojego klucza API.

Po utworzeniu nazwanego projektu zostanie wyświetlony klucz API, którego można użyć.

Po uzyskaniu klucza API należy go skopiować i wkleić do panelu opcji motywu, przechodząc do : Divi >>> Opcje motywu >>> Ustawienia ogólne >>> Klucz API Map Google.

Jak dodać moduł mapy do strony

Zanim będziesz mógł dodać moduł mapy do swojej strony, musisz najpierw przełączyć się na Divi Builder. Po zainstalowaniu motywu Divi w witrynie zauważysz przycisk Użyj Divi Build er nad edytorem postów za każdym razem, gdy tworzysz nową stronę. Kliknięcie tego przycisku aktywuje Divi Builder, dając dostęp do wszystkich jego modułów. Następnie kliknij przycisk Użyj Visual Builder , aby uruchomić kreator w trybie wizualnym. Możesz także kliknąć przycisk Użyj Visual Builder podczas przeglądania witryny z przodu, jeśli jesteś zalogowany do pulpitu nawigacyjnego WordPress.

Po wejściu do Visual Builder możesz kliknąć szary przycisk +, aby dodać nowy moduł do swojej strony. Nowe moduły można dodawać tylko w obrębie wierszy. Jeśli tworzysz nową stronę, nie zapomnij najpierw dodać do niej wiersza.

Znajdź moduł mapy na liście modułów i kliknij go, aby dodać go do swojej strony. Listę modułów można przeszukiwać, co oznacza, że można również wpisać słowo "mapa", a następnie kliknąć przycisk Enter, aby znaleźć i automatycznie dodać moduł mapy! Po dodaniu modułu zostaniesz powitany listą opcji dla modułu. Opcje te są podzielone na trzy główne grupy: Treść, Styl i Zaawansowane.

Przykładowy przypadek użycia: Dodanie modułu karty do strony kontaktowej

Moduł mapy to doskonały sposób na zaprezentowanie lokalizacji firmy na stronie kontaktowej. A możliwość dodania wielu pinezek do mapy w celu zaprezentowania różnych witryn i informacji o firmie jest przydatną i atrakcyjną funkcją.

W tym przykładzie dodam moduł mapy, aby pokazać lokalizację firmy i informacje, dodając niestandardową pinezkę do mapy.

Ważne: Upewnij się, że w panelu opcji motywu Divi wprowadzono prawidłowy klucz Google API. Bez tego moduł mapy nie będzie działać.

Korzystając z Visual Builder, dodaj standardową sekcję na dole strony kontaktowej. Następnie wstaw moduł mapy do nowej sekcji. Na karcie Zawartość w parametrach karty wprowadź adres swojej firmy w opcji Adres centrum karty. Adres centrum mapy to centralny punkt mapy.

Następnie kliknij + Dodaj nowy element, aby utworzyć pierwszy pinezkę.

Wypełnij podane pola.

Gratulacje! Teraz masz dynamiczny moduł mapy na dole strony kontaktowej z klikalną pinezką wyświetlającą informacje o firmie.

Prezentacja wideo modułu Divi Maps

Podsumowanie

Lokalizacja Twojej firmy jest niezbędna, aby Twoi klienci mieli jasny obraz Twojej lokalizacji. To kolejny sposób na udowodnienie im, że jesteś dostępny! Co więcej, lokalizacja jest obecnie głównym czynnikiem optymalizacji pod kątem wyszukiwarek ;)

Nie wahaj się zostawiać komentarzy i zadawać pytań na ten temat, abyśmy mogli się z Tobą skontaktować :)

Do zobaczenia wkrótce z nowym poradnikiem!

Aby dowiedzieć się więcej o Elegant Themes Divi i jak z niego korzystać

Moduł licznika liczb Divi

Moduł portfolio Divi

> Skonsultuj się z naszą sekcją pomocy Elegant Themes Divi