Dokumentasi Fitur Shortcode pada HTML

Hai teman teman pengguna aplikasi bukaOlshop, kali ini admin akan membahas tentang fitur baru di aplikasi bukaOlshop yang bernama shortcode.

Apa itu Shortcode?

Secara singkat, shortcode adalah sebuah kode singkat, yang ditandai dengan dimulai-nya karakter “{{” dan ditutup dengan karakter “}}”.
Anda dapat meletakkannya dimanapun yang anda mau, dan akan menampilkan informasi sesuai dengan nilai yang di inputkan.

Cara Menggunakan Shortcode

Cara menggunakan fitur shortcode ini sangat mudah, anda cukup memasukkan kode {{nama_shortcode}} pada setiap bagian yang bisa dimasukkan kode html.

Bagian-bagian yang bisa anda masukkan shortcode yaitu:

*Lihat dibagian “Menggunakan shortcode pada link URL”.
** Hanya berlaku di url pertama, tidak berlaku di link selanjutnya atau redirect halaman.

Daftar list shortcode

Berikut ini daftar lengkap shortcode yang bisa anda gunakan untuk menampilkan informasi tambahan pada halaman html anda:

Shortcode Deskripsi
{{id_user}} Dapatkan id_user
{{email_user}} Dapatkan email_user
{{nama_user}} Nama member yang login
{{foto_profil}} Foto profil member dalam bentuk URL
{{saldo_user}} Jumlah saldo member
{{nomor_telepon}} Nomor telepon member
{{kode_referral}} Kode Referral member
{{status_akun}} Status Akun Aktif / Belum Aktif
{{nama_membership}} Nama membership yang sedang digunakan member

Shortcode tambahan pada halaman detail produk

Selain shortcode umum diatas, terdapat kode tambahan yang dapat anda gunakan pada halaman detail produk, pada bagian deskripsi panjang.
Berikut ini daftar kode nya:

Shortcode Deskripsi
{{judul_produk}} Menampilkan judul utama produk
{{foto_produk_1}} Mendapatkan URL foto produk urutan ke 1, anda bisa ubah nilai 1 menjadi 2,3 dst, maksimal 7.
{{harga_produk}} Harga produk, jika anda menggunakan varian, maka akan memunculkan harga urutan pertama.
{{stok_produk}} Menampilkan stok produk utama
{{kondisi_produk}} Kondisi produk
{{berat}} Berat produk dalam gram
{{tanggal_buat}} Tanggal produk dibuat
{{merek}} Merek produk
{{harga_asli}} Harga barang asli

Menggunakan shortcode pada link URL

Secara default, fitur shortcode akan berkerja pada widget HTML, deskripsi produk, peraturan toko, dan kostum halaman via HTML/Teks.

Namun pada bagian kostum halaman yang menggunakan tujuan via URL, maka ada parameter tambahan yang harus anda sematkan pada URL anda agar fitur shortcode ini aktif.

Untuk tujuan ke URL pada kostum halaman, anda harus memasukkan parameter GET yaitu bukaolshop_shortcode=true
Penjelasan tentang parameter GET dapat anda lihat disini.

Contoh, anda memiliki 2 URL yaitu:

1. https://bukaolshop.com/page1.html

2. https://bukaolshop.com/page2.php?hl=id
&source=blablabla&mode=mobile

Untuk menambahkan parameter pada URL pertama, anda cukup menambahkan simbol tanda tanya ?, ditambah parameter bukaolshop_shortcode=true. Berikut contohnya

https://bukaolshop.com/page1.html?bukaolshop_shortcode=true

Pada URL yang kedua, terlihat bahwa url tersebut telah memiliki beberapa parameter yang telah disematkan.
Untuk menambahkan parameter pada URL kedua, anda cukup menambahkan simbol & pada akhir URL. Berikut contohnya

https://bukaolshop.com/page2.php
?hl=id&source=blablabla
&mode=mobile&bukaolshop_shortcode=true

Kenapa Shortcode saya tidak tampil?

Jika anda telah memasukkan shortcode pada halaman HTML anda, namun tidak muncul pada APK olshop anda, berikut ini kemungkinan penyebab masalahnya :

  1. Fitur shortcode hanya dapat digunakan pada APK olshop dengan build number 46 keatas.
    Jika APK olshop yang anda coba memiliki build number dibawah 46, maka fitur shortcode tidak akan aktif.
    Untuk mengecek build number, cukup pergi ke halaman about di APK olshop anda, dibawah versi olshop akan terlihat build number APK anda.
  2. Pastikan anda telah menginputkan shortcode dengan benar, pastikan tidak ada spasi atau typo yang terjadi.
  3. Jika anda mengcopy paste shortcode, pastikan tidak ada kode html yang melekat pada shortcode tersebut.
  4. Jika anda menggunkan link url pada kostum halaman, pastikan sudah menambahkan parameter bukaolshop_shortcode=true dengan benar.

Demikian dokumentasi mengenai fitur shortcode, kedepannya halaman ini akan diupdate jika ada penambahan list kode pada fitur ini. Terimakasih.