Panduan Menghubungkan HTML Widget

Panduan Menghubungkan HTML Widget

 

Tips untuk menghubungkan HTML dengan Aplikasi
Format Fungsi Berjalan di

Teks :

{nama}

Menampilkan Nama Pengguna Menu dan Produk

Teks :

{username}

Menampilkan Username Pengguna Menu dan Produk

Teks :

{email}

Menampilkan Email Pengguna Menu dan Produk

Teks :

{saldo}

Menampilkan Saldo Menu dan Produk

Teks :

{hp}

Menampilkan no HP Menu dan Produk

Teks :

{poin}

Menampilkan Poin  Menu dan Produk

Teks :

{foto}

Menampilkan foto profil Menu dan Produk

Teks :

{userid}

Menampilkan user id Menu dan Produk

Teks :

{jumlah_referral}

Menampilkan jumlah referral Menu dan Produk*

Teks :

{alamat_lengkap}

Menampilkan alamat lengkap Menu dan Produk*

Teks :

{alamat_kecamatan}

Menampilkan kecamatan Menu dan Produk*

Teks :

{alamat_kota}

Menampilkan kota Menu dan Produk*

Teks :

{alamat_provinsi}

Menampilkan provinsi Menu dan Produk*

Teks :

{jumlah_pesan}

Menampilkan jumlah pesan yang belum dibaca Menu dan Produk*

Teks :

{driver_status}

Menampilkan status Driver (Diterima, Mendaftar, [kosong]) Menu dan Produk*

Teks :

{mitra_status}

Menampilkan status Mitra (Diterima, Mendaftar, [kosong]) Menu dan Produk*

Teks :

{driver_menunggu}

Menampilkan jumlah pesanan menunggu Menu dan Produk*

Teks :

{driver_selesai}

Menampilkan jumlah pesanan yang diselesaikan Driver Menu dan Produk*

Teks :

{driver_proses}

Menampilkan jumlah pesanan yang sedang diproses Driver Menu dan Produk*

Teks :

{driver_poin}

Poin Driver Menu dan Produk*

Teks :

{driver_rating}

Rating Driver Menu dan Produk*

Teks :

{mitra_penjualan}

Menampilkan jumlah penjualan Mitra Menu dan Produk*

Teks :

{mitra_produk}

Menampilkan jumlah produk Mitra Menu dan Produk*

Teks :

{mitra_diskon}

Menampilkan jumlah diskon Mitra Menu dan Produk*

Teks :

{produk_baru}

Menampilkan 10 produk terbaru** Menu dan Produk*

Teks :

{lokasi_pengguna}

Menampilkan alamat lokasi pengguna Menu dan Produk*

Teks :

{lokasi_provinsi}

Menampilkan lokasi provinsi pengguna Menu dan Produk*

Teks :

{lokasi_kota}

Menampilkan lokasi kota pengguna Menu dan Produk*

Teks :

{lokasi_kecamatan}

Menampilkan lokasi kecamatan pengguna (tidak pasti akurat) Menu dan Produk*

Teks :

{lokasi_terdekat}

Menampilkan 10 produk terdekat** Menu dan Produk*

Teks :

{pesanan_nomor}

Menampilkan nomor pesanan Detail Pesanan*

Teks :

{pesanan_total}

Menampilkan harga total pesanan Detail Pesanan*

Teks :

{pesanan_kode_unik}

Menampilkan kode unik pesanan Detail Pesanan*

Teks :

{pesanan_total_harga}

Menampilkan harga total ditambah kode unik Detail Pesanan*

Teks :

{pesanan_status}

Menampilkan status pesanan (Batal, Baru, Diterima, Dikonfirmasi, Diproses, Selesai) Detail Pesanan*

Teks :

{verifikasi_email}

Menampilkan status verifikasi email Akun

Teks :

{verifikasi_hp}

Menampilkan status verifikasi HP Akun

Teks :

{session}

Menampilkan kode sesi untuk akun tersebut (difungsikan untuk pencarian user pada fitur API jagel) Menu dan Produk*

Link :

https://jgjk.mobi/p/{kodeproduk}

Membuka Produk Menu dan Produk

Link :

https://jgjk.mobi/m/{kodemenu}

Membuka Menu Menu dan Produk

Link :

https://jgjk.mobi/act/admin

Kirim Pesan ke Admin Menu dan Produk

Link :

https://jgjk.mobi/act/topup

Topup Saldo Menu dan Produk

Link :

https://jgjk.mobi/act/withdraw

Withdraw Saldo Menu dan Produk

Link :

https://jgjk.mobi/act/nearme/{kategori}

Membuka Terdekat Menu dan Produk

Link :

https://jgjk.mobi/act/cart

Membuka Keranjang Menu dan Produk

Link :

https://jgjk.mobi/act/account

Membuka Akun/Login Menu dan Produk

Link :

https://jgjk.mobi/act/search/{cari}/{kategori}

Mencari Produk Menu dan Produk

Link :

https://jgjk.mobi/act/driver

Mendaftar Driver Menu dan Produk

Link :

https://jgjk.mobi/act/partner

Mendaftar Mitra Menu dan Produk

Link :

https://jgjk.mobi/act/shopping

Membuka Pembelian Menu dan Produk

Link :

action://act/discussion

Diskusi Menu dan Produk*

Link :

action://act/balance

Saldo Menu dan Produk*

Link :

action://act/message_list

Daftar Pesan Menu dan Produk*

Link :

action://act/profile

Ubah Profil Menu dan Produk*

Link :

action://act/address

Ubah Alamat Menu dan Produk*

Link :

action://act/password

Ubah Password Menu dan Produk*

Link :

action://act/referral

Referral Menu dan Produk*

Link :

action://act/referral_list

Daftar Referral Menu dan Produk*

Link :

action://act/back

Tombol Kembali Menu dan Produk*

Link :

action://act/logout

Logout Menu dan Produk*

Link :

action://act/driver_maps

Driver Peta Menu dan Produk*

Link :

action://act/driver_waiting

Driver Menunggu Menu dan Produk*

Link :

action://act/driver_done

Driver Selesai Menu dan Produk*

Link :

action://act/driver_cancel

Driver Batal Menu dan Produk*

Link:

action://act/partner_sales

Mitra Penjualan Menu dan Produk*

Link :

action://act/partner_product

Mitra Produk Menu dan Produk*

Link :

action://act/partner_discount

Mitra Diskon Menu dan Produk*

Link :

action://act/partner_cancel

Mitra Batal Menu dan Produk*

Link :

action://act/customer_points

Poin Pembelian Menu dan Produk*

Link :

action://act/exit

Keluar dari Aplikasi Menu dan Produk*

Link :

action://act/verified_email

Verifikasi Email Akun

Link : 

action://act/verified_phone

Verifikasi No HP Akun

Link : 

action://act/partner_setting

Pengaturan Mitra Akun

Note:

- Menu (HTML/Widget/Link) dan Produk (HTML/Widget)
- Untuk link harus menambahkan <a href="masukan salah satu link diatas">isi teks bebas</a> jika menggunakan menu HTML/Widget
- Untuk APK yang dibuat setelah 15 Maret 2021, link https://jgjk.mobi dapat diganti menjadi action:// untuk menghindari link mengarah ke situs jagel. Contoh: action://act/shopping
- Khusus untuk {pesanan_nomor} {pesanan_total} {pesanan_kode_unik} {pesanan_status} hanya bisa di gunakan pada HTML bagian Informasi Metode Pembayaran
- Khusus untuk {kodeproduk}, {kodemenu}, {kategori} dan {cari} tidak perlu menggunakan {} tapi langsung gunakan kata kunci
- {kodeproduk} bisa kalian dapatkan di edit produk tombol kanan bawah
- {kodemenu} bisa kalian dapatkan di edit menu tombol kanan atas
- {kategori} bisa kalian dapatkan di fitur kategori
- {cari} bisa dicocokan dengan kategori atau nama produk 

Contoh:

- <a href="https://jgjk.mobi/act/nearme/makanan">Lokasi Makanan Terdekat</a> 

- {foto} bisa dihubungkan dengan tag img 

Contoh:

  • <img src="{foto}" />

* Berlaku di APK yang dibuat setelah 28 Juni 2021 12:00
** Contoh HTML produk baru:

<style>
.item-row { width: 48%; display: inline-block; margin: 1%; }
.item-link { text-decoration: none; color: black; }
.item-image { margin: 5%; width: 90%; }
.item-title { display: block; width: 100%; font-size: 16px; }
.item-price { display: block; width: 100%; font-size: 12px; }
</style>
<div id='item-head' class='item-head'>
<div id='item-1' class='item-row'>
<a class='item-link' href='action://p/kodeproduk'>
<img class='item-image' src='https://www.jagel.id/api/listimage/empty.png' alt='Tes Produk 1' />
<span class='item-title'>Tes Produk 1</span>
<span class='item-price'>Rp 13000</span>
</a>
</div>
<div id='item-2' class='item-row'>
<a class='item-link' href='action://p/kodeproduk'>
<img class='item-image' src='https://www.jagel.id/api/listimage/empty.png' alt='Tes Produk 2' />
<span class='item-title'>Tes Produk 2</span>
<span class='item-price'>Rp 13000</span>
</a>
</div>
...
<div id='item-10' class='item-row'>
<a class='item-link' href='action://p/600513f62d364'>
<img class='item-image' src='https://www.jagel.id/api/listimage/empty.png' alt='Tes Produk 10' />
<span class='item-title'>Tes Produk 10</span>
<span class='item-price'>Rp 19000</span>
</a>
</div>
</div>


*** Contoh HTML produk terdekat:

<style>
.item-nearby-row { width: 48%; display: inline-block; margin: 1%; }
.item-nearby-link { text-decoration: none; color: black; }
.item-nearby-image { margin: 5%; width: 90%; }
.item-nearby-title { display: block; width: 100%; font-size: 16px; }
.item-nearby-distance { display: block; width: 100%; font-size: 12px; }
.item-nearby-status { display: block; width: 100%; font-size: 12px; }
.item-nearby-status-open { display: block; }
</style>
<div id='item-nearby-head' class='item-nearby-head'>
<div id='item-nearby-1' class='item-nearby-row'>
<a class='item-nearby-link' href='action://p/kodeproduk'>
<img class='item-nearby-image' src='https://www.jagel.id/api/listimage/empty.png' alt='Tes Toko Buka Contoh' />
<span class='item-nearby-title'>Tes Toko Buka Contoh</span>
<span class='item-nearby-distance'>0 Km</span>
</a>
<div class='item-nearby-status'>
<span class='item-nearby-status-open'>Buka</span>
<span class='item-nearby-status-note'></span>
</div>
</div>
<div id='item-nearby-2' class='item-nearby-row'>
<a class='item-nearby-link' href='action://p/kodeproduk'>
<img class='item-nearby-image' src='https://www.jagel.id/api/listimage/empty.png' alt='Tes Toko Buka' />
<span class='item-nearby-title'>Tes Toko Buka</span>
<span class='item-nearby-distance'>0 Km</span></a><div class='item-nearby-status'>
<span class='item-nearby-status-open'>Buka</span>
<span class='item-nearby-status-note'></span>
</div>
</div>
...
<div id='item-nearby-10' class='item-nearby-row'>
<a class='item-nearby-link' href='action://p/kodeproduk'>
<img class='item-nearby-image' src='https://www.jagel.id/api/listimage/empty.png' alt='Tes Toko Buka' />
<span class='item-nearby-title'>Tes Toko Buka</span>
<span class='item-nearby-distance'>0 Km</span>
</a>
<div class='item-nearby-status'><span class='item-nearby-status-open'>Buka</span>
<span class='item-nearby-status-note'></span>
</div>
</div>
</div>
Jagel.id
Artikel Terkait
Pengaturan Jika Notifikasi Tidak Muncul...
Pengaturan Jika Notifikasi Tidak Muncul...
Dokumentasi API untuk Aplikasi Buatan (Beta)...
Dokumentasi API untuk Aplikasi Buatan (Beta)...
Cara Berlangganan Atau Memperpanjang Paket Jagel...
Cara Berlangganan Atau Memperpanjang Paket Jagel...
Logo Jagel.id. Aplikasi untuk membuat aplikasi android sendiri

Layanan Kerja
Senin - Jumat, 09:00 - 17:00 WIB
Jl. Candisari No. 4 Surabaya, 60131
Harap hubungi CS bila ingin bertemu
Social Media
twitter jagel
facebook jagel
ig jagel
youtube jagel

Unduh Aplikasi