Nasıl ekleneceğini bulmanız gerekiyor Google JetElements ile WordPress'e Harita Vermek?

Eklemek için kullanabileceğiniz bir sürü eklenti var Google Haritalar web sitesi WordPress. JetElements biridir. JetElements bir eklentidir Elementor premium Crocoblock tarafından geliştirilmiştir. Uygulamanıza birkaç ek widget ekler. Elementorkolayca eklemek için kullanabileceğiniz Gelişmiş Harita dahil Google WordPress sitenize eşlenir.

10 harita stili seçebilirsiniz. Birden çok pin de ekleyebilirsiniz.

Bu yazıda size widget'ı nasıl kullanacağınızı göstereceğiz. Gelişmiş Harita Google Haritalar'ı eklemek için web sitesi WordPress.

Başlamadan önce, yüklediğinizden emin olun. Elementor ve WordPress'inizde JetEements. Ücretsiz sürümünü kullanabilirsinizElementor JetElements'i kullanmak için. JetElements için onu satın almanız gerekir. resmi internet sitesi 19 dolar için.

1. Adım: Google Haritalar API Anahtarını Alın

Google Haritalar'ı haritanıza ekleyebilmeniz için önce Site Web JetElements'i kullanarak JetElements'i Google Haritalar'a entegre etmek için bir API anahtarı almanız gerekir. API'yi Google API konsolu aracılığıyla alabilirsiniz. Yani ziyaret edin Google API Konsolu ve Google hesabınızla oturum açın.

Giriş yaptıktan sonra, üstteki açılır menüye tıklayarak yeni bir proje oluşturun ve üzerine tıklayın. YENİ PROJE.

Projenize bir isim verin ve butona tıklayın. CREATE.

Açılır menüden yeni projenizi seçin ve tıklayın kütüphane sol panelde.

JetElements ile Google Haritalar'ı WordPress'e ekleyin

JetElements, pencere öğesinin çalışması için etkinleştirmeniz gereken API'ler hakkında herhangi bir ayrıntılı bilgi sağlamaz. Gelişmiş Harita. Deneyimlerimize göre, en azından aşağıdaki API'leri etkinleştirmelisiniz:

  • Coğrafi Kodlama API'sı
  • Haritalar JavaScript API'sı

Google, Google Haritalar API'sini 17 türe ayırır. Bunları tıklayarak görebilirsiniz HEPSİNİ GÖSTER ↓ bölümünde Cartes.

Bir API'yi etkinleştirmek için etkinleştirmek istediğiniz API'yi seçin (üzerine tıklayarak) ve düğmesine tıklayın ETKİNLEŞTİR.

Gerekli API'leri etkinleştirmeyi tamamladıktan sonra, Google API Konsolunun ana kontrol paneline dönün ve tıklayın Tanımlayıcılar sol panelde. butona tıklayın Kimlik bilgileri oluştur ve seç API anahtarı. Görünen açılır pencerede API anahtarını kopyalayın.

Ardından, WordPress panonuza giriş yapın ve menüye gidin JetPlugins – > JetElements Ayarlar.

JetElements ile Google Haritalar'ı WordPress'e ekleyin

Sekmeyi aç entegrasyonlar ve az önce kopyaladığınız API anahtarını alana yapıştırın Google Harita API Anahtarı.

Haritayı eklemeye başlayın

JetElements ve Google Haritalar entegre edildikten sonra haritayı eklemeye başlayabilirsiniz. Bunu yapmak için haritayı eklemek istediğiniz sayfayı Elementor'da açın. Elementor düzenleyicide Gelişmiş Harita parçacığını düzenleme alanına sürükleyin.

JetElements ile Google Haritalar'ı WordPress'e ekleyin

Haritanızdaki bazı ayarları değiştirmek için sol panele gidebilirsiniz. bölümünden ayarları yapabilirsiniz. Harita Ayarları.

Harita stilini değiştirmek için bölümü açabilirsiniz. Harita Stili.

JetElements ile Google Haritalar'ı WordPress'e ekleyin

Konumunuzu haritaya ekleyin

Varsayılan olarak pin adresi London Eye, London, Birleşik Krallık olarak ayarlanmıştır. İşletmenizin konumunu eklemek için düzenleyebilirsiniz.

Bunu yapmak için bölümü açın. Pins ve mevcut pin adresine tıklayın. İş adresinizi alana yapıştırın Pin Adresi ve alandaki açıklamayı değiştirin Pin Açıklaması.

JetElements ile Google Haritalar'ı WordPress'e ekleyin

Belirlediğiniz pin adresinin haritada görünür olması için haritanın ortasını ayarlamanız gerekmektedir. Örneğin, işletmenizin konumu Paris'teyse, haritanın merkezini Paris olarak ayarlarsınız.

Haritanın merkezini tanımlamak için bölümü açın.  Harita Ayarları tekrar tercih ettiğiniz harita merkezini (şehir adı) yazın.

JetElements ile Google Haritalar'ı WordPress'e ekleyin

Remarque: Kart eklerken "Yalnızca geliştirme amaçlı" mesajı görürseniz Google Cloud faturalandırmanızı etkinleştirdiğinizden emin olun. Yeni Google politikası, geliştiricilerin faturalandırma hesabını etkinleştirmesini gerektirir (Google Haritalar API'sini ücretsiz olarak kullanmaya devam edebilirsiniz).

Şimdi Elementor Pro'yu Alın !!!

Sonuç

Yani ! Google Haritalar'ı JetElements ile WordPress'e nasıl ekleyeceğinizi gösteren bu makale bu kadar. Oraya nasıl ulaşacağınızla ilgili endişeleriniz varsa, onlara Yorumlar.

Ancak, ayrıca kaynaklarımızİnternet siteleri oluşturma projelerinizi yürütmek için daha fazla elemana ihtiyacınız varsa, WordPress blog oluşturma ya da Divi: Tüm zamanların en iyi WordPress teması.

Ama bu arada, bu yazıyı farklı sosyal ağlarda paylaş.

...