Ingin mengetahui cara membuat tur virtual 360 derajat di WordPress dengan bantuanElementor?
Teknologi Google Street View memungkinkan Anda berjalan di sekitar area tertentu secara virtual tanpa harus berada di sana secara fisik. Misalnya, Anda bisa melihat lingkungan sekitar Pantai Kuta di Bali secara fisik saat berada di apartemen Anda di London.
Untuk beberapa tempat — seperti Louvre di Paris — Google Street View bahkan dapat mencakup tur virtual dalam ruangan.
Jika Anda memiliki situs web berbasis WordPress, Anda dapat dengan mudah membuat fitur penelusuran 360 derajat di situs web Anda tanpa coding.
Menawarkan tur virtual 360 derajat adalah ide bagus untuk bisnis seperti kebun binatang, objek wisata, atau restoran karena memungkinkan Anda pengunjung untuk melihat secara virtual lingkungan di sekitar lokasi Anda.
Lihat juga: Cara Menggunakan Widget Posting Elementor
Seperti yang disebutkan, Anda dapat menambahkan fitur penelusuran 360 derajat di situs web WordPress Anda tanpa coding. Anda dapat melakukannya dengan menggunakan plugin berikut:
Cara Membuat Tur Virtual 360 Derajat di WordPress Menggunakan Essential Addons
Sebelum Anda mulai, pastikan Anda telah menginstal Elementor dan Add-on Penting. Kamu bisa unduh Elementor.dll (Anda dapat menggunakan versi gratisnya) di repositori resmi plugin WordPress. Sementara untuk pengaya penting, Anda bisa mendapatkannya situs resmi.
Langkah 1: Mengintegrasikan Addons Esensial dengan Google Maps
Hal pertama yang perlu Anda lakukan setelah menginstal Elementor dan Essential Addons adalah mengintegrasikan Essential Addons dengan Google Maps. Anda dapat mengintegrasikannya menggunakan kunci Google Maps API.
Untuk membuat kunci Google Map API, kunjungi terlebih dahulu Konsol API Google dan masuk dengan akun Google Anda. Jika Anda belum memiliki proyek, buat proyek baru dengan mengeklik daftar tarik-turun di bagian atas dasbor utama Google API Console dan klik tombol PROYEK BARU pada jendela yang muncul.
Beri nama proyek baru Anda dan klik tombolnya MENCIPTAKAN .
Setelah proyek baru Anda dibuat, pilih melalui menu drop-down di bagian atas dan klik Perpustakaan di panel kiri.
Google Maps API dibagi menjadi 17 jenis. Anda dapat mengklik link tersebut TUNJUKKAN SEMUA di bagian tersebut Peta untuk melihat mereka semua.
Untuk dapat menggunakan Essential Addons, Anda harus mengaktifkan API berikut:
- Petunjuk API
- API Geocoding
- Peta JavaScript API
- Tempat API
Untuk mengaktifkan API, pilih API yang bersangkutan (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.
Setelah Anda mendapatkan kunci API, masuk ke dasbor WordPress Anda dan arahkan ke halaman Essential Addons Settings dengan mengklik menu Addon Penting di bilah sisi kiri.
Pergi ke tab Elemen dan gulir ke bawah di bagian tersebut Elemen Konten Dinamis. Klik di Pengaturan dari widget Peta Google tingkat lanjut dan rekatkan kunci Google API Anda. Klik tombolnya SIMPAN PENGATURAN untuk menerapkan perubahan.
Langkah 2: mulailah membuat tur virtual 360 derajat
Buat halaman baru (Halaman – > Tambah) atau barang baru (Item – > Tambah) dan edit dengan Elementor. Sebelum Anda mulai membuat halaman, Anda dapat menentukan tata letaknya terlebih dahulu.
Temukan juga: Cara Menambahkan Item Terkait di Elementor
Untuk melakukan ini, buka panel Pengaturan dengan mengklik ikon roda gigi di pojok kiri bawah. Atur Layout dari menu drop-down Layout.
Tambahkan bagian baru dengan mengklik ikon plus di kotak edit dan tambahkan peta Google EA di dalamnya.
Di bawah opsi Pengaturan Umum tab Isi , ubah jenis peta menjadi Pemandangan.
terbuka Google Maps di tab baru dan temukan di mana Anda ingin membuat tur virtual. Klik kanan pada lokasi pin dan klik kiri sekarang pada item menu konteks pertama yang muncul. Ini memungkinkan Anda menyalin lintang (nilai pertama) dan bujur (nilai kedua).
Kembali ke tab Konten dan rekatkan lintang serta bujur di bidang masing-masing.
opsi terbuka Kontrol Peta untuk mengaktifkan/menonaktifkan kontrol kartu yang ingin Anda berikan. Anda juga dapat mengatur tingkat zoom awal.
Buka tab Gaya untuk menentukan lebar serta tinggi peta Anda.
Klik tombol MENERBITKAN untuk menerbitkan peta Anda.
REMARQUE: Jika peta tidak dimuat setelah menyeret widget EA Google Maps di editor dan Anda melihat pesan "Hanya untuk tujuan pengembangan", 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
Di Sini ! Itu saja untuk artikel ini yang menunjukkan caranya buat tur virtual 360 derajat di wordpress. 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.
...
