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
Perusahaan
Tentang
Syarat dan Ketentuan
Kebijakan Privasi
Kontak
Customer Service jagel0895-1632-0900 (CS)
Customer Service jagel0812-1686-2202 (CS)
Marketing jagel0812-2226-2248 (Marketing)
Email Customer Service jagelcs@jagel.id
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
PT. Masa Depan Siber Indonesia
© 2021 jagel. All rights reserved
Syarat & Ketentuan | Kebijakan Privasi