WordPress'te birden çok pinli bir Google haritası nasıl yapılır

Web sitenize bir harita eklemek, ziyaretçilerinizin işletmenizi veya etkinlik konumlarınızı kolayca bulmasına yardımcı olabilir. İşletmenizin birden fazla konumu varsa, hepsini aynı haritada göstermek isteyebilirsiniz. Bir Google haritasında birden çok pim kullanmak yardımcı olabilir.

Web siteniz Elementor ile oluşturulursa, Google haritanıza birden fazla pim eklemek için çok fazla güçlük çekmeniz gerekmez. Bunun yerine, istediğiniz kadar kolayca ekleyebilirsiniz. Süreç yeni başlayanlar için bile oldukça basittir.

Bu yazıda, Elementor ile WordPress'te birden fazla pinli bir Google haritasının nasıl yapılacağı hakkında ayrıntılı bir öğreticiyi ele alacağız. Ancak ondan önce, WordPress web sitelerinizde Google Haritaları birden çok pinli neden ve ne zaman kullanmanız gerektiği konusunda birkaç kelimeyi ele alacağız.

Neden WordPress sitenizde Google Haritaları Birden Fazla Pin kullanın?

Google haritalarını birden çok pine kullanmak web sitenizi birçok yönden geliştirebilir. Bu sadece yerleri göstermekle ilgili değil. Kullanıcıların güven oluşturmasına ve sitenizi daha kullanışlı hale getirmelerine yardımcı olabilir, çünkü mağazalarınızı kolayca bulabilirler. İşte bunu düşünmeniz için en önemli nedenler.

1. Tüm konumlarınızı tek bir yerde gösterin

İşletmenizin birkaç şubesi, mağazası veya ofisi varsa, birden fazla pim hepsini tek bir haritada göstermenize yardımcı olabilir. Bu, ziyaretçilerin farklı haritalar veya sayfalar arasında geçiş yapmadan her yeri bir bakışta görmelerini kolaylaştırır.

2. Kullanıcıların en yakın yeri bulmasına yardımcı olun

Kullanıcılar tüm yerleri bir haritada gördüklerinde, kendilerine en yakın olanı hızlı bir şekilde bulabilirler. Bu, deneyimlerini geliştirebilir ve mağazanızı ziyaret etmek veya randevu almak gibi daha hızlı harekete geçmelerine yardımcı olabilir.

3. Ziyaretçiler için zaman kazan

Her adresi düz metinle tek tek listelemek yerine, onları pimlerle görsel olarak gösterebilirsiniz. Bu, hem siz hem de ziyaretçileriniz için zaman kazandırır. Ayrıca sitenizin daha profesyonel ve modern görünmesini sağlar.

4. Yer verileri ile yerel SEO'yu artırın

Google Haritalar, web sitenizin yerel SEO'suna yardımcı olabilir. Haritanıza gerçek adresler eklediğinizde, arama motorlarına iş konumlarınız hakkında bilgi verir. Bu, sitenizin yerel arama sonuçlarında görünmesine yardımcı olabilir. Happyaddons ile yerel SEO'nun nasıl geliştirileceğini keşfedin.

5. Sitenizi daha etkileşimli hale getirin

Birden fazla pine sahip bir harita, düz metinden daha etkileşimli ve dinamik görünür. Ziyaretçiler yakınlaştırabilir, pimleri tıklayabilir ve haritayı keşfedebilir. Bu, sitenizi daha ilgi çekici ve kullanıcı dostu hale getirir.

6. Hizmet tabanlı veya çok dallı işletmeler için mükemmel

Bir restoran, klinik, mağaza veya teslimat noktası zinciri işletiyorsanız, birden fazla pim erişiminizi net bir şekilde açıklamaya yardımcı olur. Yukarıda belirtildiği gibi, bu güven oluşturur ve kullanıcıların en yakın yeri seçmelerine yardımcı olur.

Elementor ile birden çok pine sahip bir Google haritası yapmak için önkoşul

Başlangıçta bir şeyi netleştirelim. Elementor , Google Map adlı yerleşik bir widget'a sahiptir. Ancak özellikleri çok sınırlı. Bu varsayılan widget'ı kullanarak haritaya birden fazla pim ekleyemezsiniz. Bunu yapmak için ek bir eklentiye ihtiyacınız olacak.

Harika bir seçenek HappyAddons . Herhangi bir güçlük olmadan haritanıza kolayca birden fazla pim oluşturmanıza ve eklemenize olanak tanıyan Gelişmiş Google Haritalar adlı bir widget sunar.

Bu nedenle, bu eğitim için sitenizde aşağıdaki araçlara ihtiyacınız vardır.

• Element
• Happyaddons
• HappyAddons Pro

HappyAddons Pro gereklidir çünkü gelişmiş Google haritası eklentinin premium bir widget'sıdır. Sitenizde kurulduktan ve etkinleştirildikten sonra, aşağıda belirtildiği gibi öğreticiyi takip etmeye başlayın. Happyaddons'ın diğer tüm widget'larını keşfedin.

WordPress'te birden çok pine sahip bir Google haritası nasıl yapılır: Adım adım öğretici

Bu bölümde, Elementor ve HappyAddons eklentileri ile WordPress'te birden fazla pimi olan bir Google haritasının nasıl yapılacağını adım adım açıklayacağız. Bu bölümü de gerekli ekran görüntüleri ile dekore edeceğiz, böylece tüm süreci anlayabilirsiniz. Okumaya devam et!

Adım 01: Bir sayfayı açın ve Gelişmiş Google Harita Widget'ı bulun

Google haritasını birden çok pim ile oluşturmak istediğiniz gönderiyi veya sayfayı açın. Elementor panelinde Advance Google Harita Widget'ı bulun. Elementor tuvaline sürükleyip bırakın .

Adım 02: Google API anahtarını alın

Tuval'e widget eklendikten sonra, Google haritasını görüntülemek için kimlik bilgilerini yapılandırmanız istenir. Buna başlamak için paneldeki Genel Ayarlar bölümünün altındaki Kimlik Bilgileri seçeneğini tıklayın .

Web sitesinin arka ucunda HappyAddons'ın kimlik bilgileri bölümüne götürüleceksiniz. Google Harita seçeneğini bulun. Ardından, API Anahtarı Get seçeneğine basın .

Google Cloud sayfasına geleceksiniz.

Şimdi, 'Haritalar JavaScript API' bulmalısınız. Bunun için arama kutusuna JavaScript API haritalarını yazın. Seçenek göründükten sonra tıklayın .

Haritalar JavaScript API sayfasına geldikten sonra seçeneği etkinleştirin .

Anlaş ve Devam düğmesine basın . Bundan önce ülkenizi seçebilirsiniz. Bizim durumumuz için bulanıklaştık.

Google API anahtarı teknik olarak ücretsiz değildir. API'yi almak için faturalandırma bilgilerinizi tamamlamanız gerekir.

Not (nasıl ücretsiz): Teknik olarak ücretsiz olmasa da, ayda 200 $ ' a eşdeğer jetonlar alacaksınız . Bu jetonla, Google haritanız 28.000 kez yüklenebilir veya görüntülenebilir. Yalnızca bu görünüm/yük sınırı geçilirse kartınız ücretlendirilir.

Bundan sonra, bir açılır pencere verilecek. Bu haritanın nerede kullanılacağı işletmeniz hakkında bazı bilgiler vermelisiniz. Yapıldıktan sonra, açılır pencerenin sağ alt köşesindeki Gönder düğmesini tıklayın .

Google Map API tuşu, yeni bir açılır pencereyle ekranınızda anında görünecektir. API tuşunu kopyalayın .

HappyAddons Google API anahtar seçeneğine geri dönün ve kodunuzu oraya yapıştırın . Sonunda Değişiklikler Kaydet düğmesine basın .

Şimdi, Elementor tuvalinize gelin ve yenileyin/yeniden yükleyin. Google haritası tuvalde görünecektir.

Elementor ile WordPress'te nasıl bir zaman çizelgesi oluşturacağınızı kontrol edin.

Adım 03: Haritaya birden çok pim ekleyin

Varsayılan olarak, haritada yalnızca bir pim görüntülenir. Haritaya daha fazla pim eklemek ve görüntülemek için paneldeki harita işaretleyici bölümünü genişletin.

Harita işaretleyici bölümü genişletildikten sonra, + Öğe Ekle düğmesini tıklayarak istediğiniz kadar pim ekleyebilirsiniz.

Şimdi, enlem ve boylam için değerler yerleştirerek, her yer için pimleri tam olarak doğru ayarlayabilirsiniz.

Adım 04: Harita ayarlarını yapılandırın

Aynı şekilde, Harita Ayarları bölümünü genişletin .

Bu bölüm altında birçok seçenek bulacaksınız.

Şimdi, nihayet tasarım ihtiyaçlarına uygun olanlarla kalabilmeniz için nasıl çalıştıklarını görmek için açıp kapatarak her seçeneği keşfediyorsunuz.

WordPress'te bir otomatik kaydırma resim galerisi oluşturmayı öğrenin.

Adım 05: Gelişmiş Google Harita Widget'ı stilize et

Tüm ayarlar ve içerik parçaları yapıldığında, Stil sekmesine gelin. Buradan yüksekliği, genişliği, sınır tipini, sınır yarıçapını ve daha fazla seçeneği özelleştirebilirsiniz.

Aynı şekilde, diğer seçenekleri de genişletin ve pimlerin görünümünü değiştirmek istediğiniz için gerekli özelleştirmeleri yapın.

Adım 06: Tasarımı önizleme

Tasarım yapıldığında, çevrimiçi yayınlamadan önce, herhangi bir düzeltme veya değişiklik gerekip gerekmediğini görmek için önizleyin. Widget'ın aşağıda eklenmiş video klipte sonumuzda iyi çalıştığını görebilirsiniz.

Böylece, Elementor ile WordPress'te birden fazla pimi olan bir Google haritası yapabilirsiniz.

Birden çok pinli Google haritası için gelişmiş ipuçları

Google haritanıza birden fazla pim ekledikten sonra, haritanın ziyaretçileriniz ve web siteniz için daha iyi çalışmasını sağlamak için yapabileceğiniz daha fazla şey vardır. Bu gelişmiş ipuçları, haritanızın daha profesyonel görünmesini, kullanıcı deneyimini geliştirmenize ve hatta yerel SEO çabalarınızı desteklemenize yardımcı olacaktır.

1. Simgeler yerine özel resimler kullanın

Varsayılan kırmızı pim yerine, her bir konum için özel simgeler veya resimler kullanmayı deneyin. HappyAddons bunu içerik sekmesi> harita işaretleyici bölümünden yapmanıza izin verir. Özel görüntüler ve simgeler haritanızı daha görsel olarak net ve çekici hale getirebilir.

2. Zoom ve Merkez Ayarları

Tüm pimleri düzgün göstermek için haritanızın yakınlaştırma seviyesini ve merkezini ayarlayın. Bazı pimler çok uzaksa, zoom seviyesinin harita yüklendiğinde hepsinin görünür olacağı için yeterince geniş olduğundan emin olun. Bu, kullanıcılara haritayı manuel olarak taşımaya gerek kalmadan tam bir genel bakış sağlar.

3. Mobil dostu yapın

Her zaman haritanızın mobil cihazlarda nasıl göründüğünü kontrol edin. Hızlı yüklediğinden, pimlerin tıklanabilir olduğundan ve küçük ekranlarda bilgi kutularının okunabilmesinden emin olun. Hem masaüstü hem de mobil cihazlarda iyi çalışan bir harita, daha fazla kullanıcıyı mutlu edecektir.

4. Haritaları Kişiye veya Konum Sayfalarına Gömme

Haritanızı sadece bir sayfada bırakmayın. Aynı haritayı 'Bize Ulaşın', 'Konumlarımız' veya 'Bizi ziyaret edin' sayfaları gibi diğer sayfalara yerleştirerek yeniden kullanabilirsiniz. Bu, kullanıcıların sitenizde oldukları her yerde doğru yeri bulmasına yardımcı olur.

Elementor ile WordPress'te dinamik bir web sayfasının nasıl oluşturulacağını öğrenin.

Çözüm

Birden çok pine sahip bir Google haritası yapmak, web tasarımınızda basit bir adım veya rol olabilir, ancak uzun ömürlü bir izlenime sahip olabilir. Sadece ziyaretçilerin konumlarınızı bulmasına yardımcı olmakla kalmaz, aynı zamanda yerel SEO puanını artırır ve web sitenizin daha profesyonel görünmesini sağlar.

Elementor ve HappyAddons eklentilerinin yardımıyla, bunları çok fazla sorun olmadan web sitenize kolayca ekleyebilirsiniz. O kadar basit ki, yeni başlayanlar bile bunu yukarıda ele alınan eğiticiyi takip ederek yapabilir. Hala cevapsız sorularınız varsa, aşağıdaki yorum kutusundan bize bildirin.

Uygun yanıtlarla çok yakında size geri döneceğiz. Sonuna kadar bizimle birlikte olduğun için teşekkürler. Bir sonraki gönderide hangi konuyu ele almamızı istediğinizi bize bildirin.