WordPress-də Google Xəritə Mağazası Lokatorunu necə əlavə etmək olar

Google Maps mağaza yerləşdiricisini WordPress-ə əlavə etmək istəyirsiniz? Mağaza axtarışında olan yer, iş yerinizə işarə edən bir xəritədir.

İstifadəçilərə onu xəritədə tapmağa, sürücülük istiqamətlərini tapmağa və ya yerini dostları ilə bölüşməyə imkan verir. Bir mağaza axtarış yerini veb saytınıza və ya hətta bir onlayn mağazaya əlavə etmək dərhal istifadəçi inamını qazanmağa kömək edir.

Bu yazıda Google Maps mağaza yerləşdiricisini WordPress-ə asanlıqla necə əlavə edəcəyinizi sizə göstərəcəyik.

WordPress-də bir Google Maps mağaza yerləşdiricisini necə əlavə etmək olar

Google Maps veb saytlarda xəritələr göstərmək üçün pullu bir API təqdim etdi. Google xəritələrini kiçik saytlarda yerləşdirmək üçün hələ də məhdud bir seçim təklif edirlər.

WordPress üçün Google Maps plaginlərinin əksəriyyəti xəritələri almaq və göstərmək üçün Google API-dən istifadə edir. Google Maps plaginindən istifadə etmək istəyirsinizsə, Google API platformasında qeydiyyatdan keçməli və göndərmə seçimini aktiv etməlisiniz.

Bu ödənişli bir xidmətdir, yəni veb saytınızdan edilən API çağırışlarının sayına görə ödəniş alacaqsınız.

Pulsuz və pullu metodları üstünlükləri və mənfi cəhətləri ilə sizə göstərəcəyik, onda ehtiyaclarınıza ən uyğun olanı seçə bilərsiniz.

Metod 1. Google Xəritələrinizi veb saytınıza pulsuz əlavə edin

Bu üsul daha asan və pulsuzdur. İşin mənfi tərəfi odur ki, bir xəritədə birdən çox mağaza göstərə bilməyəcəksiniz.

Veb saytlarında yalnız bir Google Maps mağaza yeri əlavə etmək istəyən istifadəçilər üçün tövsiyə olunur.

Əvvəlcə kompüterinizdəki Google Xəritələr veb saytına baş çəkməlisiniz. Sonra, axtarış sahəsində mağaza adresinizi daxil edin və Google Xəritələr xəritədə xəritədə yazılmış markerlə xəritədə göstərəcəkdir.

Google Xəritədə bir xəritə paylaşın

Markeri düzgün yerə qoymağınızdan əmin olun. Böyütmə düyməsini basaraq böyütmə səviyyəsini seçə bilərsiniz. Böyütmə səviyyəsindən məmnun olduqdan sonra sol sütundakı paylaşma düyməsini vurmalısınız.

"Xəritə yerləşdirmək" sekmesine keçdiyiniz yerdə açılan bir pəncərə görünəcək. İndi axtarılan yerinizi xəritədə HTML kodu ilə görəcəksiniz.

Göndərmə kodunu Google Xəritədən kopyalayın

Göndərilən kodu əldə etmək üçün HTML kopyalayın vurun.

İndi WordPress veb saytınızın idarəetmə sahəsinə keçin. İdarəetmə bölgəsində bir dəfə davam edin və mağazanın yerləşmə xəritəsini göstərmək istədiyiniz yazı və ya səhifəni düzəldin.

Tipik olaraq, istifadəçilər telefon nömrələri və iş saatları ilə əlaqə forması səhifəsinə bir mağaza yeri xəritəsini əlavə edirlər.

Sonrakı tənzimləmə ekranda xüsusi bir HTML blok əlavə etməlisiniz.

WordPress-də xüsusi HTML blok əlavə edin

Xüsusi HTML blokunun mətn bölgəsində Google Xəritələrdən kopyaladığınız kodu yapışdırmalısınız.

WordPress-də kodu daxil etmək üçün xəritələr

Artıq səhifənizdə quraşdırılmış Google Xəritələri görmək üçün önizləmə sekmesine keçə bilərsiniz. Mağaza yerlərini ünvanlara bağlantılar və ya yeri saxlamaq üçün göstərəcəkdir.

Xəritədə qeyd olunan mağaza yeri

Metod 2. Bir WordPress plaginindən istifadə edərək Google Maps mağaza yerləşdiricisini əlavə edin

Bu metod bir Google xəritəsində bir çox mağaza yerini göstərmək istəyən istifadəçilər üçün tövsiyə olunur.

Ediləcək ilk şey WP Store Locator plaginini quraşdırmaq və aktivləşdirməkdir. Daha çox məlumat üçün, WordPress plaginini necə quraşdıracağımızı addım-addım təlimatımıza baxın.

Çox sayda mağaza yeri və xüsusi sahə ilə xüsusi bir xəritə yaratmağa imkan verən pulsuz bir Google Maps plaginidir.

Bu metodun mənfi tərəfi odur ki, bir API açarı əlavə etməyinizi tələb edir. API düyməsini istifadə etmək üçün hesablama məlumatınızı təqdim etməlisiniz. Qiymətləndirmə və digər məlumatlar üçün Google Maps Platform veb səhifəsinə daxil olun.

Bitdi, başlayaq.

Keçdi 1. Google Maps API düymələrini yaradın

WP Store Locator plaginindən istifadə etmək üçün iki API açarı yaratmalısınız. Birincisi brauzerin API açarı, ikincisi isə server açarı adlanır.

Əvvəlcə brauzer açarından başlayaq. Google İnkişaf Konsolundakı bu linki vurun və lazımi bütün API-lərlə Google API veb saytına aparacaqsınız.

Yeni bir layihə yaradın

Yeni bir layihə yaratmalı və onu tanımağınıza kömək edəcək bir ad verməlisiniz. Bundan sonra konsol sizin üçün layihə hazırlayarkən bir neçə dəqiqə gözləməli olacaqsınız.

Bundan sonra API açar konfiqurasiya səhifəsinə yönləndiriləcəksiniz. Google Xəritə layihəniz üçün asanlıqla brauzer API açarı kimi tanıya biləcəyiniz üçün API açarınız üçün başlıq verməlisiniz.

Brauzerin API düyməsini qurmaq

Sonra, "HTTP Referansları" nda "Tətbiq məhdudiyyətləri" təyin etməlisiniz. Aşağıda, domen adınızdakı "İstəkləri qəbul et" sahəsini aşağıdakı formatda təyin etməlisiniz.

https://example.com/*
https: //*.example.com/* (subdomain istifadə edirsinizsə)

Sonda "Yarat" düyməsini vurun. Konsol indi parametrlərinizi saxlayır və brauzer açarını sizə göstərəcəkdir. Bu açarı kopyalayıb mətn redaktoruna yapışdırmalısınız, daha sonra ehtiyacınız olacaq.

Brauzer API düyməsini kopyalayın

Sonra, server API açarını yaratmalısınız. Google İnkişaf Konsolundakı bu linki vurun və seçilmiş API-lər ilə birbaşa konsolunuza aparacaqsınız.

Layihənin yaradılması səhifəsini yenidən görəcəksiniz. Ancaq bir layihə yaratdığınız üçün açılan menyunu vurub layihənizi seçə bilərsiniz.

Google Xəritə layihənizi seçin

Sonra API konfiqurasiya səhifəsinə yönləndiriləcəksiniz. Bir server açarı olaraq tanımağınıza kömək etmək üçün bu API açarına bir ad verin.

IP məhdudiyyətlərini təyin edin

"Tətbiq məhdudiyyəti" bölməsində IP ünvanlarını seçməlisiniz. Əsasən, Google-a yalnız müəyyən IP ünvanlarından gələn server sorğularını qəbul etməsini söyləyirik.

İndi WordPress hosting provayderinizdən hosting hesabınızın istifadə etdiyi IP diapazonunu sizə bildirməyinizi tələb etməlisiniz. Aşağıdakı formatda olardı:

172.16.0.0/ 12

Bundan sonra, parametrlərinizi saxlamaq və API düyməsini serverdən kopyalamaq üçün "Yarat" düyməsini basmalısınız.

Keçdi 2. WP Store Locator plaginini quraşdırın

API açarlarınızı yaratdıqdan sonra getməlisiniz Mağaza yerləşdiricisi »Parametrlər plagini konfiqurasiya etmək üçün səhifə.

Google Xəritələrdən açarları daxil edin

Google Maps brauzerini və əvvəllər yaratdığınız serverin API düymələrini daxil edin. Sonra, Xəritələr dilini və bölgəni seçin və parametrlərinizi saxlamaq üçün Dəyişiklikləri Saxla düyməsini basın.

İndi parametrlər səhifəsini "Xəritə" bölməsinə keçirərək xəritənin başlanğıc nöqtəsini daxil etməlisiniz. Bu başlanğıc nöqtəsi bir şəhər və ya bir ölkə ola bilər, buna görə istifadəçilər müxtəlif yerlərdə olan əlfəcinləri görə bilərlər.

Mağaza axtarış xəritəniz üçün başlanğıc nöqtəsi əlavə edin

Parametrlər səhifəsində xəritə tərzi, standart böyütmə səviyyəsi, xəritə növü, axtarış radiusu, ölkə və s. Daxil olmaqla bir çox başqa seçim var. Onları nəzərdən keçirə və ehtiyaclarınıza uyğunlaşdıra bilərsiniz.

Bitirdikdən sonra məkanlar əlavə etmək vaxtı gəldi.

Keçdi 3. Mağaza yerlərini əlavə edin

Getmək Mağaza yerləşdiricisi »Yeni mağaza ilk yerinizi əlavə etmək üçün səhifə. Yeni Mağaza səhifəsi, WordPress-də standart yazı və ya səhifə redaktoru kimi görünəcəkdir.

Mağaza ünvanı

Mağazanıza bir başlıq təqdim edin və sonra "Mağaza təfərrüatları" bölməsinə sürüşdürün. Buradan, mağaza adresinizi daxil etməlisiniz.

Doğru sütunda bir xəritə görəcəksiniz, ancaq daxil etdiyiniz ünvana avtomatik olaraq yenilənməyəcəkdir. Yerinizi saxlamaq üçün Dərc et düyməsini basmalısınız. Bundan sonra səhifəni yeniləyin və xəritə sizə göstərdiyiniz ünvana işarə edəcəkdir.

İndi digər mağaza yerlərini əlavə etmək üçün prosesi təkrarlayın. İstədiyiniz qədər mağaza yerləri əlavə edə bilərsiniz.

Keçdi 4. Mağaza axtarış xəritəsini WordPress-də əlavə edin

Mağaza axtarışınızı bir WordPress səhifəsində göstərmək üçün sadəcə yeni bir səhifə yaradın və ya xəritəni göstərmək istədiyiniz yerdə mövcud bir redaktə edin.

Nəşrin redaktə ekranından, "Qısa kod" blokunu yayım redaktə sahəsinə əlavə etməlisiniz. Bundan sonra əlavə edin (wpls) içərisindəki şifrə.

Mağazada axtarış qısa kodu

Artıq səhifənizi saxlaya və ya yayımlaya bilərsiniz və Google Xəritələr mağazasının axtarış yerini görmək üçün önizləmə düyməsini vura bilərsiniz.

Mağaza Locator Map Preview

Hər mağaza yeri üçün xəritə markerlərinizi göstərəcək və xəritəni seçdiyiniz başlanğıc nöqtəsindən başlayacaqdır. Məsələn, bu xəritədə West Palm Beach şəhərinə diqqət yetirilir və xəritədə iki mağaza yeri göstərilir.

Ümid edirəm ki, bu məqalə sizə Google Maps mağaza yerləşdiricisini WordPress-ə necə əlavə etməyinizi öyrənməyə kömək etdi. Hər sayt sahibi istifadə etməli olduğu pulsuz Google alətlər siyahımızı görmək istəyə bilərsiniz.

Bu yazını bəyənmisinizsə, kanalımıza abunə olun YouTube WordPress tutorial video izləmək üçün. Bizi də tapa bilərsiniz Twitter və Facebook.