Store Locator memungkinkan pelanggan untuk dengan mudah menemukan lokasi terdekat dari toko melalui negara, kategori, kode pos, kota, atau menggunakan geolokasi. Store Locator dibuat khusus untuk pelanggan yang lebih memilih belanja offline dengan mengakses <domainanda.com>/storelocator.
Cara Konfigurasi Store Locator oleh Admin
Masuk ke Magento Back Office > Store Locator > Setting
Gambar 1. Tampilan sidebar Store Locator
Gambar 2. Tampilan Setting pada Store Locator
Bagian-bagian Setting Store Locator
General Information
General
Gambar 3. Tampilan General dalam General Information
Enable : Mengizinkan untuk menggunakan Store Locator pada Website.
Display Top Link : Tampilan untuk tautan teratas.
List Stores by : Tampilan urutan Stores.
Default - Berdasarkan urutan sortir dari setiap toko.
Distance - Berdasarkan jarak antara lokasi & toko pelanggan.
Jika pelanggan tidak memasukkan lokasi mereka, toko akan terdaftar secara Default (Urutkan Urutan).
Alphabetical order - Berdasarkan urutan alfabet nama toko.
Page Title : Judul halaman Daftar Toko dan halaman Rincian Toko.
List Store Page Size : Batas jumlah toko yang ditampilkan di daftar Customers.
Image gallery : Batas jumlah gambar untuk setiap toko saat mengunggah gambar.
Service API
Gambar 4. Tampilan Service API dalam General Information
Google Map API key : adalah Kode API yang didapat sebelumnya
Allow Facebook Comment : Memberikan Akses untuk komentar via Facebook
Facebook API key : Kode API Facebook Jika diperlukan. Jika tidak maka kosongkan.
Locate : Lokasi toko.
Store Search
Gambar 5. Tampilan Store Search dalam General Information
Search Criteria : Pilih kriteria untuk pencarian toko pada Customers.
Default Radius for Search : Digunakan untuk mencari toko terdekat dari lokasi pelanggan.
Distance Unit : Satuan jarak antara toko dengan pelanggan.
Cara Mengelola Store Locator oleh Admin
Masuk ke Magento Back Office > Store Locator > Manage Store
Gambar 6. Tampilan Sidebar Store Locator
Jika belum pernah membuat store Locator maka list masih kosong. Jika ingin menambahkan store locator maka klik Add New Store
Gambar 7. Tampilan Tabel Manage Store
Muncul pengaturan yang berisi informasi mengenai toko yang akan dibuat
Gambar 8. Tampilan New Store
Bagian-bagian Add New Store:
General Information
General : Berisi Nama, Deskripsi, Status, Tautan Toko, dana Short Order.
Gambar 9. Tampilan General pada General Information
Contact Information : Berisi informasi Kontak toko.
Gambar 10. Tampilan Contact Information pada General Information
Meta Information : Berisi informasi URL, Judul, Kata kunci, dan Deskripsi Toko.
Gambar 11. Tampilan Meta Information pada General Information
PIC Information : Berisi informasi penanggung jawab toko.
Gambar 12. Tampilan PIC Information pada General Information
Location Information : Berisi Alamat Lengkap Toko. Untuk latitude dan longitude diberikan oleh toko yang bersangkutan.
Gambar 13. Tampilan Location Information
Image Gallery : Berisi foto yang akan diupload oleh toko.
Gambar 14. Tampilan Image Gallery
Klik tombol Save Store, Store yang ditambahkan akan muncul di tabel.
Gambar 15. Tampilan Tabel Store yang ada.
Cara Memperoleh API KEY oleh Admin
Buka browser lalu masuk pada alamat berikut https://console.cloud.google.com/apis
Buat project baru dengan cara klik dropdown pada samping Google API’S > PROJECT BARU
Gambar 16. Tampilan Pilihan Project Yang akan dibuat
Klik Buat / Create
Gambar 17. Tampilan Project Yang akan dibuat
Membuat API Credential / Kredensial dengan cara klik menu Credential / Kredensial pada samping kiri.
Gambar 18. Tampilan Kredensial / Credentials Yang akan dibuat
Klik Buat Kredensial / Add Credential lalu Pilih API KEY / KUNCI API.
Gambar 19. Tampilan Pilihan kredensial Yang akan dibuat
Muncul pop up berisi API Key yang dibutuhkan. Salin Api Key.
Gambar 20. Tampilan API yang dibutuhkan
Cara Menyalakan Library Maps API
Buka Browser dan masuk pada Google Cloud Platform Console.
Klik tombol Select a Project, lalu pilih proyek yang Anda siapkan untuk Maps JavaScript API dan klik Buka.
Gambar 21. Tampilan Pilihan Project yang ada.
Dari daftar API di Dashboard, cari Places API.
Gambar 22. Tampilan Menu APIS and Service
Jika Anda melihat Places API dalam daftar, artinya Places API sudah diaktifkan. Jika API ada pada daftar maka harus diaktifkan dengan cara :
Di bagian atas halaman, pilih AKTIFKAN APIS DAN LAYANAN untuk menampilkan tab Library. Atau, dari menu sebelah kiri, pilih Library.
Gambar 23. Tampilan Pilihan menuju Tab Library
Pilih Places API
Gambar 24. Tampilan Library API
Klik Aktifkan
Gambar 25. Tampilan Aktivasi Library Places API
LIMIT USAGE : Penambahan Batas Penggunaan API Key untuk satu atau lebih API maupun SDK. Permintaan ke API atau SDK yang terkait dengan API Key akan diproses. Permintaan ke API atau SDK yang tidak terkait dengan kunci API akan gagal.
CARA MENGATUR LIMIT USAGE :
Buka Browser dan masuk pada Google Cloud Platform Console.
Klik Project drop-down dan pilih proyek yang berisi API Key yang dibutuhkan.
Masuk pada APIs & Services > Credentials.
Gambar 26. Tampilan Menu APIS & Service / API & Layanan
Pada halaman Kredensial, klik nama kunci API diinginkan.
Gambar 27. Tampilan Daftar API yang ada
Batasi dan (jika diperlukan) dapat mengganti nama kunci API > Klik Save / Simpan
Gambar 28. Tampilan Pergantian NAMA API yang ada
Gambar 29. Tampilan Pergantian NAMA API yang ada
Gambar 30. Tampilan Jumlah Batasan API yang diperlukan.
