Requirement :

  • Magento Checkout

  • Swift PWA Checkout

In-Store Delivery Magento

In Store Delivery dapat membantu memberikan informasi kepada pelanggan mengenai metode pengiriman yang tersedia berupa In Store Delivery yaitu dengan mengambil pesanan langsung di toko tanpa melalui kurir pengiriman.


Flowchart Alur Bisnis In-Store Delivery


Gambar 1: Tampilan Flowchart Alur Bisnis In-Store Delivery



Konfigurasi In-Store Delivery Magento: Magento Checkout


Gambar 2: Tampilan menu Stores > Configuration pada Dashboard Backoffice

  1. Silakan masuk ke Backoffice/Admin 

  2. Pilih menu Stores > Configuration

  3. Sales > Delivery Methods

  4. Pilih Instore Delivery

  5. Terdapat beberapa required fields yang harus Anda isi


Gambar 3: Tampilan pada menu Delivery Methods > In Store Delivery

  • Enable : Opsi untuk mengaktifkan Metode In Store Delivery Magento

  • Method Name : Nama Metode Pengiriman yang digunakan. Nama ini juga berfungsi untuk perhitungan estimasi tarif

saat metode pengiriman tersebut digunakan. Nama ini akan muncul di Shopping cart atau order summary ketika metode pengiriman dipilih.

  • Title : Nama yang ditampilkan pada Frontend pada halaman Checkout.

 

Gambar 4: Tampilan pada menu Delivery Methods > In Store Delivery

  • Price : nominal harga yang akan dikenakan untuk pelanggan dalam pelayanan metode pengiriman tersebut.

Anda tidak harus mengisi nominal harga jika memang itu gratis.

  • Search Radius : digunakan untuk menentukan limit radius toko dan pelanggan dalam pengambilan pesanan.

Satuan yang digunakan adalah kilometer (KM) dihitung dari lokasi toko dengan titik lokasi pembeli atau user ketika mengaktifkan untuk Allow Location pada website.

  1. Save Config



Konfigurasi In Store Delivery Magento : Swift PWA Checkout

Catatan: dalam konfigurasi In Store Delivery Magento untuk PWA Checkout Anda perlu berkoordinasi dengan Developer PWA agar In Store Delivery Magento dapat muncul di PWA Checkout dan dapat digunakan.


Untuk konfigurasi In Store Delivery Magento PWA Checkout perlu untuk mengatur Enable pada Github PWA: swift.config.js .

Berikut merupakan langkah untuk aktivasi PWA Checkout:

  1. Masuk ke Backoffice/Admin > Stores > Settings > Configuration

  2. Pilih Menu Icube Extension


                    Gambar 5: Tampilan dari menu Icube Extension

  1. Scroll Down, pilih menu PWA Checkout


Gambar 6: Tampilan dari menu PWA Checkout

  1. Untuk mengaktifkan modul PWA Checkout pada bagian Modul Enable pilih Yes dan No untuk menonaktifkan. 


Menambahkan In Store Delivery pada Shipping Grouping


Gambar 7: Tampilan menu Stores > Configuration pada Dashboard Backoffice

  1. Silakan masuk ke Backoffice/Admin 

  2. Pilih menu Stores > Configuration

  3. Sales > Checkout


Gambar 8: Tampilan pada Sales > Checkout bagian Shipping Grouping

  1. Pada form Shipping Grouping masukan instore_pickup

  2. Save Config


Menambahkan Sources pada In Store Delivery Magento


Gambar 9: Tampilan menu Stores > Sources pada Dashboard Backoffice

  1. Silakan masuk ke Backoffice/Admin 

  2. Pilih menu Stores > Sources

  3. Anda bisa memilih Source yang sudah tersedia atau bisa dengan Add New Source untuk membuat baru.


                          Gambar 10: Tampilan pada halaman Add New Source

  1. Yang perlu Anda perhatikan adalah , ketika membuat atau edit Source perlu untuk Enable Use as Pickup Location.

  2. Isi required field untuk membuat Source lalu klik Save


Tampilan Frontend In Store Delivery Magento

  1. Tampilan pada Checkout Magento


Gambar 11: Tampilan frontend pada halaman Magento Checkout

  1. Tampilan pada PWA Checkout


                       Gambar 12: Tampilan frontend pada halaman PWA Checkout


Catatan: untuk In Store Delivery Magento pada Pickup Information hanya memilih Pickup Location saja.


  1. Tampilan pada Shipping Grouping (Checkout Magento)


Gambar 13: Tampilan frontend pada halaman Magento Checkout