Perlu mencari cara untuk menambahkan Google Peta ke WordPress dengan JetElements?
Ada banyak plugin yang dapat Anda gunakan untuk menambahkan Google Peta ke Anda situs web WordPress. JetElements adalah satu. JetElements adalah add-on Elementor premium yang dikembangkan oleh Crocoblock. Itu menambahkan beberapa widget tambahan ke Anda Elementor, termasuk Peta Tingkat Lanjut yang dapat Anda gunakan untuk menambahkan dengan mudah Google Peta ke situs WordPress Anda.
Anda dapat memilih 10 gaya peta. Anda juga dapat menambahkan beberapa pin.
Pada artikel ini, kami akan menunjukkan cara menggunakan widget Peta Tingkat Lanjut untuk menambahkan Google Maps ke situs web WordPress.
Sebelum Anda mulai, pastikan Anda telah menginstal Elementor dan JetEements di WordPress Anda. Anda dapat menggunakan versi gratisElementor untuk menggunakan JetElements. Sedangkan untuk JetElements, Anda harus mendapatkannya sendiri situs web resmi seharga $19.
Langkah 1: Dapatkan Kunci Google Maps API
Sebelum Anda dapat menambahkan Google Maps ke situs jaringan menggunakan JetElements, Anda perlu mendapatkan kunci API untuk mengintegrasikan JetElements dengan Google Maps. Anda bisa mendapatkan API melalui konsol Google API. Jadi, kunjungi Konsol API Google dan masuk dengan akun Google Anda.
Setelah masuk, buat proyek baru dengan mengklik menu drop-down di bagian atas dan klik PROYEK BARU.
Beri nama untuk proyek Anda dan klik tombolnya MENCIPTAKAN.
Pilih proyek baru Anda dari menu drop-down dan klik Perpustakaan di panel kiri.
JetElements tidak memberikan informasi mendetail tentang API yang perlu Anda aktifkan agar widget berfungsi. Peta Tingkat Lanjut. Menurut pengalaman kami, Anda setidaknya harus mengaktifkan API berikut:
- API Geocoding
- Peta JavaScript API
Google sendiri membagi Google Maps API menjadi 17 jenis. Anda dapat melihatnya dengan mengklik TUNJUKKAN SEMUA di bagian Peta.
Untuk mengaktifkan API, pilih API yang ingin Anda aktifkan (dengan mengkliknya) dan klik tombolnya MENGAKTIFKAN.
Setelah Anda selesai mengaktifkan API yang diperlukan, kembali ke dasbor utama Konsol Google API dan klik identifier di panel kiri. Klik tombolnya Buat kredensial dan pilih Kunci API. Salin kunci API pada popup yang muncul.
Selanjutnya, login ke dashboard WordPress Anda dan masuk ke menu JetPlugins – > JetElements Settings.
Buka tab integrasi dan rekatkan kunci API yang baru saja Anda salin ke bidang Kunci Google Map API.
Mulai menambahkan peta
Setelah JetElements dan Google Maps terintegrasi, Anda dapat mulai menambahkan peta. Untuk melakukan ini, buka halaman tempat Anda ingin menambahkan peta di Elementor. Di editor Elementor, seret widget Peta Tingkat Lanjut ke area pengeditan.
Anda dapat pergi ke panel kiri untuk memanipulasi beberapa pengaturan pada peta Anda. Anda dapat membuat pengaturan dari bagian tersebut Pengaturan Peta.
Untuk mengubah gaya peta, Anda dapat membuka bagian tersebut Gaya Peta.
Tambahkan lokasi Anda ke peta
Secara default, alamat pin diatur ke London Eye, London, Inggris Raya. Anda dapat mengeditnya untuk menambahkan lokasi bisnis Anda.
Untuk melakukan ini, buka bagian tersebut Pin dan klik pada alamat pin yang ada. Tempelkan alamat bisnis Anda di bidang Pin Alamat dan ubah deskripsi di bidang Deskripsi Pin.
Untuk membuat alamat pin yang baru saja Anda atur terlihat di peta, Anda perlu mengatur bagian tengah peta. Misalnya, jika lokasi bisnis Anda berada di Paris, Anda akan menetapkan pusat peta ke Paris.
Untuk menentukan bagian tengah peta, buka bagian tersebut Pengaturan Peta ketik lagi pusat peta pilihan Anda (nama kota).
Catatan: Jika Anda melihat pesan 'Hanya untuk tujuan pengembangan' saat menambahkan kartu, pastikan untuk mengaktifkan penagihan Google Cloud Anda. Kebijakan Google yang baru mengharuskan pengembang untuk mengaktifkan akun penagihan (Anda tetap dapat menggunakan Google Maps API secara gratis).
Dapatkan Elementor Pro Sekarang!!!
Kesimpulan
Jadi ! Itu saja untuk artikel ini yang menunjukkan cara menambahkan Google Maps ke WordPress dengan JetElements. Jika Anda memiliki kekhawatiran tentang cara menuju ke sana, beri tahu mereka di komentar.
Namun, Anda juga bisa berkonsultasi sumber daya kita, jika Anda memerlukan lebih banyak elemen untuk melaksanakan proyek pembuatan situs Internet Anda, dengan membaca panduan kami di Pembuatan blog WordPress atau yang di Divi: tema WordPress terbaik sepanjang masa.
Namun sementara itu, bagikan artikel ini di berbagai jejaring sosial Anda.
...
