Contoh Script HTML Widget Resi Internasional Untuk WordPress dan BlogSpot

Mengelola toko online melalui website tentu harus mempertimbangkan banyak hal untuk memudahkan konsumen saat berbelanja. Seperti misalnya kemudahan tracking (pelacakan) barang yang sudah dikirimkan oleh penjual.

Karena itulah setiap toko online harus menyertakan widget resi atau tracking di setiap websitenya.

Jika Anda belum tahu cara membuat dan memasang widget resi internasional di online shop Anda, berikut ini langkah-langkahnya.

Contoh tampilan widget resi internasional

Tips dan Cara Membuat dan  Memasang Widget Resi Internasional Sederhana

A. Pemasangan Widget pada WordPress

Pembuatan dan pemasangan widget yang pertama adalah melalui situs WordPress.

Situs ini juga banyak dijadikan pilihan untuk membuat toko online oleh kebanyakan penjual.

Berikut ini adalah cara membuat dan memasang widget resi internasional di WordPress:

1. Apabila Widget Ditempatkan di Halaman Baru

Cara ini bisa Anda lakukan jika Anda ingin menempatkan widget di halaman baru situs.

Caranya, pada dashboard klik ‘All Pages’ lalu kemudian klik ‘New’.

Pada laman baru ini Anda tinggal  paste code di bawah ini:

<div style=”margin: 0 auto; text-align: center; width: 100%;”>
<form action=”//track.trackingmore.com” method=”get” onsubmit=”return false” role=”form”>
<div class=”TM_input-group”>
<input autocomplete=”off” class=”TM_my_search_input_style ” id=”button_tracking_number” maxlength=”100″ name=”button_tracking_number” placeholder=”Tracking Number” style=”border-color: #0287FC;” type=”text” value=”” />
           <span class=”TM_input-group-btn”>
               <button class=”TM_my_search_button_style ” id=”query” onclick=”return doTrack()” style=”background-color: #0287fc;” type=”button”>Track</button>
           </span>
       </div>
<input name=”lang” type=”hidden” value=”en” />
       <input id=”button_express_code” name=”lang” type=”hidden” value=”” />
   </form>
<div id=”TRNum”>
</div>
</div>
<script src=”//s.trackingmore.com/plugins/v1/buttonCurrent.js” type=”text/javascript”></script>

2. Apabila dari Sidebar

Apabila Anda ingin menempatkan widget pada sidebar, maka langkah yang harus Anda lakukan adalah klik pada menu ‘Appearance’, lalu pilih lagi pada menu ‘Widgets’ kemudian drag dan drop widget TXT yang awalnya available widget menuju ke posisi yang diinginkan, kemudian paste code yang sama dengan kode sebelumnya.

Terakhir tinggal klik ‘Save’ untuk menyimpan pengaturannya.

B. Melalui Blogspot

Selain WordPress, Blogspot juga banyak dijadikan sebagai situs belanja yang mudah dan cepat.

Untuk mengatur dan membuat fitur tracking internasional dari blogspot ini, berikut adalah caranya.

1. Jika Ditempatkan pada Sidebar

Kalau Anda ingin menempatkan widget resi pada sidebar, cara membuat dan mengaturnya cukup mudah.

Pada dashboard blogspot, klik ‘Layout’ lalu kemudian pilih ‘Add A Gadget’.

Setelah itu scroll down lalu tambahkan ‘HTML/Javascript’ kemudian  paste kode di bawah ini:

<div style=”margin: 0 auto; text-align: center; width: 100%;”>
<form action=”//track.trackingmore.com” method=”get” onsubmit=”return false” role=”form”>
<div class=”TM_input-group”>
<input autocomplete=”off” class=”TM_my_search_input_style ” id=”button_tracking_number” maxlength=”100″ name=”button_tracking_number” placeholder=”Tracking Number” style=”border-color: #0287FC;” type=”text” value=”” />
           <span class=”TM_input-group-btn”>
               <button class=”TM_my_search_button_style ” id=”query” onclick=”return doTrack()” style=”background-color: #0287fc;” type=”button”>Track</button>
           </span>
       </div>
<input name=”lang” type=”hidden” value=”en” />
       <input id=”button_express_code” name=”lang” type=”hidden” value=”” />
   </form>
<div id=”TRNum”>
</div>
</div>
<script src=”//s.trackingmore.com/plugins/v1/buttonCurrent.js” type=”text/javascript”></script>

Terakhir tinggal klik ‘Save’.

2. Menambahkan di Halaman Baru

Apabila widgetnya ingin Anda tambahkan di halaman baru, caranya juga cukup sederhana.

Klik pada menu ‘Pages’ kemudian diikuti dengan memilih ‘New Page’ lalu pilih lagi ‘Blank Page’.

Jika sudah, klik HTML lalu paste kode yang sama dengan sebelumnya.

Terakhir tinggal pilih ‘Save’ untuk menyimpan pengaturan baru ini.

Baca juga:


Kisah sukses seller di eBay yang patut dijadikan contoh

Menambahkan widget cek resi di halaman toko online adalah sebuah keharusan bagi setiap pemilik online shop. Hal ini akan membantu konsumen untuk mengetahui status pengiriman barangnya.

Apalagi jika barangnya dikirim dari luar negeri.

Cara membuat dan memasang widget resi internasional di atas bisa menjadi panduan untuk Anda memasang widget pengecekan resi di situs belanja online Anda.