Widget Cek Resi, Cek Ongkir Domestik dan Cek Ongkir Internasional
Dengan memasang plugin cek ongkir dan atau plugin cek resi, pelanggan toko online Anda akan lebih mudah melakukan pelacakan paket. Toko online Anda pun akan semakin cantik dengan adanya fitur cek pengiriman All-in-One yang mendukung pengecekan puluhan ekspedisi pengiriman sekaligus, bahkan bisa melakukan cek ongkir dengan tujuan domestik dan internasional.
Keunggulan widget/plugin ini, tracking resi lebih cepat, lengkap, dan otomatis (tanpa captcha). Anda juga bisa membagikan status paket via social media, dan bisa melalui email. Plugin ongkos kirim dan cek resi ini bisa dipasang pada toko online atau blog Anda. Caranya cukuplah mudah, Anda bisa mengikuti langkah-langkah berikut ini:
Kode Semua Ekpedisi (Default)
<div id="cp_widget_free"></div><script src="https://www.cekpengiriman.com/widget/cp_widget.js"></script>
Demo : https://www.cekpengiriman.com/widget/demo/widget-cek-resi-dan-cek-ongkir.html
Kode Ekspedisi Pilihan/Tertentu
<div id="cp_widget_free" data-resi="tiki,jne" data-domestik="pos,sicepat" data-mancanegara="expedito"></div><script src="https://www.cekpengiriman.com/widget/cp_widget.js"></script>
Value data-resi :
- acommerce => aCommerce
- alfatrex => Alfatrex (Alfamart)
- anteraja => AnterAja
- aramex => Aramex
- cahaya => Cahaya (Cahaya Logistik)
- citylink => CityLink
- dakota => Dakota (Dakota Cargo)
- dhl => DHL (Documents Handling Limited)
- dpex => DPEX (DPEX Worldwide)
- dse => DSE (21 Express)
- ems => EMS (Express Mail Service)
- esl => ESL (ESL Express)
- expedito => Expedito (Expedito Worldwide Express)
- fedex => FedEx. (Federal Express)
- first => First (First Logistics)
- ide => IDE (ID Express)
- idl => IDL (IDL Cargo)
- ijx => IJX (IJX Logistics)
- indah => Indah (Indah Logistik Cargo)
- indopaket => Indopaket (Indomaret)
- japanpost => Japan Post
- jnt => J&T (J&T Express)
- jet => JET (JET Express)
- jne => JNE (Jalur Nugraha Ekakurir)
- jx => JX (J-Express)
- kargo => Kargo (Kargo.tech)
- kerry => Kerry (Kerry Express)
- koreapost => Korea Post
- lex => LEX (Lazada eLogistics Express)
- lion => Lion (Lion Parcel)
- lwe => LWE (Logistics Worldwide Express)
- ncs => NCS (Nusantara Card Semesta Kurir)
- ninja => Ninja (Ninja Xpress)
- nss => NSS (Nusantara Surya Sakti Express)
- pahala => Pahala (Pahala Express)
- pandu => Pandu (Pandu Logistics)
- paxel => Paxel
- pcp => PCP (Priority Cargo and Package)
- pos => POS (Pos Indonesia)
- poslaju => POS Laju (Malaysia Post)
- qrim => QRIM (Qrim Express)
- quantium => Quantium (Quantium Solutions)
- raja => Raja (Raja Kirim)
- rcl => RCL (Red Carpet Logistics)
- rex => REX (REX Kiriman Express)
- rpx => RPX (RPX Holding)
- rosalia => Rosalia (Rosalia Express)
- sap => SAP (SAP Express)
- sentral => SC (Sentral Cargo)
- seln => SE/LN (Standar Express / Luar Negeri)
- shipper => Shipper
- spx => SPX (Shopee Express)
- sicepat => SiCepat (SiCepat Express)
- singpost => SingPost (Singapore Post)
- skynet => SkyNet (SkyNet Worldwide Express)
- slis => SLIS (Solusi Express)
- star => Star (Star Cargo)
- tiki => TiKi (Citra Van Titipan Kilat)
- tkd => TKD (TKD Express)
- ups => UPS (United Parcel Service)
- usps => USPS (U.S. Postal Service)
- wahana => Wahana (Wahana Prestasi Logistik)
- yatama => Yatama (Yatama Air Cargo)
Contoh penggunaan custom value cek resi :
data-resi="tiki,jne,anteraja,ups,dhl"
Value data-subdistrict (Kecamatan):
- cahaya => Cahaya Logistik (CAHAYA)
- tiki => Citra Van Titipan Kilat (TIKI)
- expedito => Expedito Worldwide Express (EXPEDITO)
- first => First Logistics (FIRST)
- ide => ID Express (IDE)
- idl => IDL Cargo (IDL)
- jet => JET Express (JET)
- jne => Jalur Nugraha Ekakurir (JNE)
- jnt => J&T Express (J&T)
- lion => Lion Parcel (LION)
- ncs => Nusantara Card Semesta Kurir (NCS)
- ninja => Ninja Xpress (NINJA)
- nss => Nusantara Surya Sakti Express (NSS)
- pahala => Pahala Express (PAHALA)
- pandu => Pandu Logistics (PANDU)
- pcp => Priority Cargo and Package (PCP)
- pos => POS Indonesia (POS)
- rex => REX Kiriman Express (REX)
- rpx => RPX Holding (RPX)
- sap => SAP Express (SAP)
- sentral => Sentral Cargo (SC)
- sicepat => SiCepat Express (SICEPAT)
- wahana => Wahana Prestasi Logistik (WAHANA)
Contoh penggunaan custom value cek ongkir subdistrict (Kecamatan) :
data-subdistrict="jne,pos"
Value data-domestik(Kota/Kabupaten) :
- cahaya => Cahaya Logistik (CAHAYA)
- tiki => Citra Van Titipan Kilat (TIKI)
- expedito => Expedito Worldwide Express (EXPEDITO)
- first => First Logistics (FIRST)
- ide => ID Express (IDE)
- idl => IDL Cargo (IDL)
- jet => JET Express (JET)
- jne => Jalur Nugraha Ekakurir (JNE)
- jnt => J&T Express (J&T)
- lion => Lion Parcel (LION)
- ncs => Nusantara Card Semesta Kurir (NCS)
- ninja => Ninja Xpress (NINJA)
- nss => Nusantara Surya Sakti Express (NSS)
- pahala => Pahala Express (PAHALA)
- pandu => Pandu Logistics (PANDU)
- pcp => Priority Cargo and Package (PCP)
- pos => POS Indonesia (POS)
- rex => REX Kiriman Express (REX)
- rpx => RPX Holding (RPX)
- sap => SAP Express (SAP)
- sentral => Sentral Cargo (SC)
- sicepat => SiCepat Express (SICEPAT)
- wahana => Wahana Prestasi Logistik (WAHANA)
Contoh penggunaan custom value cek ongkir domestik(Kota/Kabupaten) :
data-domestik="pahala,wahana"
Value data-mancanegara :
- expedito => Expedito Worldwide Express (EXPEDITO)
- jne => Jalur Nugraha Ekakurir (JNE)
- pos => POS Indonesia (POS)
- slis => Solusi Ekspres (SLIS)
Contoh penggunaan custom value cek ongkir mancanegara :
data-mancanegara="expedito,pos"
Demo : https://www.cekpengiriman.com/widget/demo/custom-widget-cek-resi-dan-cek-ongkir.html
Custom Style
<div id="cp_widget_free" data-resi="tiki,jne" data-domestik="pos,sicepat" data-mancanegara="expedito" data-tabcolor="red" data-button="#cccccc" data-buttonbg="#000" data-buttonhv="gray"></div><script src="https://www.cekpengiriman.com/widget/cp_widget.js"></script>
- data-tabcolor => Konfigurasi untuk warna radio ekspedisi, warna text dan warna border link aktif
- data-button => Konfigurasi untuk warna text button
- data-buttonbg => Konfigurasi untuk warna background button
- data-buttonhv => Konfigurasi untuk hover warna background button
Silahkan gunakan kode warna yang valid, semisalnya:
- #000
- #ffffff
- #AAAAAA
- yellow
- rgba(255,255,255,.5)
- rgb(0,0,0)
Demo : https://www.cekpengiriman.com/widget/demo/custom-style-widget-cek-resi-dan-cek-ongkir.html
Widget sederhana khusus cek resi tiap ekspedisi
Selain widget cek resi dan cek ongkir atau plugin ongkos kirim di atas, Anda bisa juga menggunakan widget khusus cek resi dengan tampilan yang lebih sederhana. Berikut untuk scriptnya :
<div class="widgetCekPengiriman" data-kurir="jne"></div><script src="https://www.cekpengiriman.com/widget/widget_resi.js"></script>
Keterangan:
Kode jne merupakan kode untuk ekpedisi Jalur Nugraha Ekakurir (JNE). Anda bisa ganti atau sesuaikan dengan kebutuhan Anda:
- acommerce => aCommerce
- alfatrex => Alfatrex (Alfamart)
- anteraja => AnterAja
- aramex => Aramex
- cahaya => Cahaya (Cahaya Logistik)
- citylink => CityLink
- dakota => Dakota (Dakota Cargo)
- dhl => DHL (Documents Handling Limited)
- dpex => DPEX (DPEX Worldwide)
- dse => DSE (21 Express)
- ems => EMS (Express Mail Service)
- esl => ESL (ESL Express)
- expedito => Expedito (Expedito Worldwide Express)
- fedex => FedEx. (Federal Express)
- first => First (First Logistics)
- ide => IDE (ID Express)
- idl => IDL (IDL Cargo)
- ijx => IJX (IJX Logistics)
- indah => Indah (Indah Logistik Cargo)
- indopaket => Indopaket (Indomaret)
- japanpost => Japan Post
- jnt => J&T (J&T Express)
- jet => JET (JET Express)
- jne => JNE (Jalur Nugraha Ekakurir)
- jx => JX (J-Express)
- kargo => Kargo (Kargo.tech)
- kerry => Kerry (Kerry Express)
- koreapost => Korea Post
- lex => LEX (Lazada eLogistics Express)
- lion => Lion (Lion Parcel)
- lwe => LWE (Logistics Worldwide Express)
- ncs => NCS (Nusantara Card Semesta Kurir)
- ninja => Ninja (Ninja Xpress)
- nss => NSS (Nusantara Surya Sakti Express)
- pahala => Pahala (Pahala Express)
- pandu => Pandu (Pandu Logistics)
- paxel => Paxel
- pcp => PCP (Priority Cargo and Package)
- pos => POS (Pos Indonesia)
- poslaju => POS Laju (Malaysia Post)
- qrim => QRIM (Qrim Express)
- quantium => Quantium (Quantium Solutions)
- raja => Raja (Raja Kirim)
- rcl => RCL (Red Carpet Logistics)
- rex => REX (REX Kiriman Express)
- rpx => RPX (RPX Holding)
- rosalia => Rosalia (Rosalia Express)
- sap => SAP (SAP Express)
- sentral => SC (Sentral Cargo)
- seln => SE/LN (Standar Express / Luar Negeri)
- shipper => Shipper
- spx => SPX (Shopee Express)
- sicepat => SiCepat (SiCepat Express)
- singpost => SingPost (Singapore Post)
- skynet => SkyNet (SkyNet Worldwide Express)
- slis => SLIS (Solusi Express)
- star => Star (Star Cargo)
- tiki => TiKi (Citra Van Titipan Kilat)
- tkd => TKD (TKD Express)
- ups => UPS (United Parcel Service)
- usps => USPS (U.S. Postal Service)
- wahana => Wahana (Wahana Prestasi Logistik)
- yatama => Yatama (Yatama Air Cargo)
Untuk penggunaan kode script
<script src="https://www.cekpengiriman.com/widget/widget_resi.js"></script>
cukup sekali saja agar lebih ringan untuk load website Anda, akan tetapi penggunaan
<div class="widgetCekPengiriman" data-kurir="jne"></div>
bisa banyak dan sesuaikan dengan cek resi kurir yang Anda inginkan. Untuk demonya Anda bisa lihat disini
Widget simple khusus cek resi all in one
Kini Cek Pengiriman menghadirkan widget yang lebih simpel dan lebih ringan untuk melakukan cek resi. Widget cek resi ini didukung dengan banyak ekspedisi yang tentunya lebih memudahkan dalam melakukan tracking nomor resi. Untuk pemasangannya cukup mudah, Anda tinggal melakukan copy paste kode widget dibawah ini pada kolom widget blog ada pada widget atau kolom konten website Anda.
CODE
<div id="cp_widget_lite"></div><script src="https://www.cekpengiriman.com/widget/cp_widget_lite.js"></script>
Untuk demonya Anda juga bisa melihat disini. Selamat mencoba dan semoga bermanfaat.
PEMASANGAN WIDGET
Ikuti panduan berikut ini untuk pemasangan widget pada toko online.
WORDPRESS
Jika widget ditempatkan pada halaman (page) baru:
- Pada dashboard anda klik ALL PAGES
- Klik ADD NEW
- Paste code (pastikan tab di posisi TEXT, bukan VISUAL)
Jika ditempatkan pada sidebar:
- Klik APPEARANCE
- Klik WIDGETS
- Lalu drag and drop widget TXT dari available widgets ke posisi yang dikehendaki
- Paste code
- Lalu SAVE
BLOGGER/BLOGSPOT
Jika ditempatkan di sidebar, di dashboard:
- Klik LAYOUT
- Klik ADD A GADGET
- Scroll ke bawah dan tambahkan HTML/JAVASCRIPT
- Klik RICH TEXT
- Lalu paste code dan akhiri dengan klik tombol SAVE
Demo : https://residanongkir.blogspot.com/
Untuk menempakan widget ongkos kirim pada halaman/page baru:
- Klik menu PAGES
- Klik NEW PAGE
- Klik BLANK PAGE
- Klik HTML
- Paste code, lalu SAVE
Demo : https://residanongkir.blogspot.com/p/cek-resi-dan-cek-ongkir.html
OPENCART
Untuk menempatkan widget di halaman baru pada opencart:
- Klik CATALOG
- Klik INFORMATION
- INSERT halaman baru
- Klik SOURCE
- Paste code, isi kolom lainnya lalu SAVE
WEEBLY
Pada dahboard utama Weebly:
- Klik PAGES
- Klik ADD PAGE
- Klik STANDARD PAGE
- Klik SAVE
- Lalu pindah ke menu BUILD
- Klik PAGE tadi, drag and drop EMBED CODE
- Paste code
- Lalu PUBLISH