Perlu menemukan cara menambahkan Google Maps ke WordPress dengan JetElements?
Menambahkan Google Maps ke situs WordPress Anda dapat meningkatkan pengalaman pengguna dengan memberikan informasi geografis yang akurat. Namun, ada banyak plugin yang dapat Anda gunakan untuk menambahkan Google Maps ke situs WordPress Anda. JetElements dan itu tidak.
JetElements, plugin yang kuat untuk Elementor, menyederhanakan integrasi ini. Ini adalah add-on Elementor premium yang dikembangkan oleh Crocoblock. Ia menawarkan berbagai alat penyesuaian, termasuk widget Google Maps khusus. Ini memungkinkan Anda membuat peta khusus tanpa menyentuh satu baris kode pun. Selain itu, mudah digunakan dan cocok dengan apa pun tema WordPress.
Pada artikel ini, kita akan mempelajari cara menambahkan Google Maps ke WordPress menggunakan WordPress Plugin JetElements dan widgetnya Peta Tingkat Lanjut.
Sebelum Anda mulai, pastikan Anda telah menginstal Elementor dan JetEements di situs WordPress Anda. Anda dapat menggunakan Elementor versi gratis untuk menggunakan JetElements. Tetapi untuk JetElements, Anda harus mendapatkannya sendiri situs web resmi seharga $19.
Daftar isi
Langkah-langkah Menambahkan Google Maps ke WordPress dengan JetElements
Langkah 1: Instal JetElements dan Elementor
Mulailah dengan menginstal Elementor, pembuat halaman visual untuk WordPress. Selanjutnya, tambahkan JetElements melalui dashboard WordPress Anda. Aktifkan kedua plugin.
Untuk informasi lebih lanjut, lihat panduan kami tentang: Cara Menguasai Elementor di WordPress: Instalasi, Penggunaan, dan Fitur Lanjutan
Langkah 2: Dapatkan kunci Google Maps API
Sebelum Anda dapat menambahkan Google Maps ke situs web Anda 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 Pengaturan.
Buka tab integrasi dan rekatkan kunci API yang baru saja Anda salin ke bidang Kunci Google Map API.
Langkah 3: Tambahkan widget Google Maps
Setelah JetElements dan Google Maps terintegrasi, Anda dapat mulai menambahkan peta. Untuk melakukan ini, buka halaman tempat Anda ingin menambahkan kartu di Elementor. Di editor halaman Elementor. Cari widget “ Peta Tingkat Lanjut » di perpustakaan JetElements. Seret dan lepas widget ini ke bagian halaman yang diinginkan.
Langkah 4: Personalisasikan kartu
Konfigurasikan alamat yang ingin Anda tampilkan. Anda dapat menyesuaikan tinggi peta, zoom, dan pengaturan lainnya agar sesuai dengan desain situs Anda. JetElements juga menawarkan opsi untuk menambahkan beberapa lokasi pada satu peta, ideal untuk bisnis multi-lokasi.
Anda juga dapat memanipulasi parameter lain di peta Anda. Anda dapat membuat pengaturan dari bagian tersebut Pengaturan Peta.
Untuk mengubah gaya peta, Anda dapat membuka bagian tersebut Gaya Peta.
Langkah 5: 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).
Langkah 6: Simpan dan Publikasikan
Setelah penyesuaian selesai, simpan perubahan dan publikasikan halaman. Anda dapat melihat pratinjau halaman untuk memastikan peta ditampilkan dengan benar di semua perangkat.
Manfaat menggunakan JetElements untuk Google Maps
JetElements tidak hanya menyederhanakan integrasi Google Maps, tetapi juga menawarkan opsi penyesuaian tingkat lanjut. Ini adalah alat yang ideal bagi mereka yang ingin membuat situs profesional tanpa kerumitan teknis. Selain itu, ini terus diperbarui untuk memastikan kompatibilitas dengan versi terbaru WordPress dan Google Maps.Dapatkan Elementor Pro Sekarang!!!
Sumber daya serupa dengan artikel ini
- Cara membuat popup dengan Elementor
- Elementor Gratis vs. Elementor Pro: Perbandingan fitur mendetail
- Elementor : Cara mengubah gambar dengan mengklik tombol
- Cara membuat tata letak dengan Elementor
- Cara membuat formulir dengan Elementor gratis
FAQ tentang Cara Menambahkan Google Maps ke WordPress dengan JetElements
Apakah JetElements kompatibel dengan semua tema WordPress?
Ya, JetElements berfungsi dengan sebagian besar Tema WordPress kompatibel dengan Elemen.
Bisakah saya menambahkan beberapa lokasi ke peta?
Ya, JetElements memungkinkan penambahan beberapa lokasi di satu peta.
Apakah perlu mengetahui kode untuk mempersonalisasi kartu?
Tidak, JetElements menawarkan antarmuka intuitif yang tidak memerlukan keahlian pengkodean.
Kesimpulan
Jadi ! Mengintegrasikan Google Maps ke situs WordPress Anda sangat penting untuk meningkatkan aksesibilitas dan pengalaman pengguna. Berkat JetElements, proses ini menjadi sederhana dan cepat. Plugin ini adalah pilihan tepat bagi siapa pun yang ingin menambahkan fungsionalitas peta tanpa kerumitan. Jika Anda belum menjelajahi kemungkinan yang ditawarkan oleh Elementor dan JetElements, inilah saatnya untuk menyelaminya.
Sekian artikel kali ini yang menunjukkan cara menambahkan Google Maps ke WordPress dengan JetElements. Jika Anda mempunyai kekhawatiran tentang cara menuju ke sana, beri tahu kami 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.
...
