5.2   Tips and Trick

Compro Knowledge Base

Field Descriptions

VERSI TANGGAL PERUBAHAN
1 17/01/2018 Initial Release
2 15/03/2018 Adding New Code

FAQ

  1. Apa yang bisa ditampilkan dalam field ini ?

OVERVIEW

Dari menu yang sudah disediakan dari engine.compro.id ada menu yang menampilkan di dalamnya adalah kolom description/content. Pada kolom tersebut jika di telaah lebih dalam lagi ada tombol yang bisa digunakanuntuk merubah tampilan content yang di masukkan.

Kemudian ada menu yang bernama code view seperti yang ditampilkan di bawah ini

image0

Jika sudah di klik menu tersebut akan seperti di bawah ini tampilannya

image1

Fungsi menu tersebut adalah agar user dapat melakukan eksplorasi yang lebih untuk di implementasikan ke aplikasinya dengan memasukkan baris-baris kode (script) yang di sisipi di dalamnya jika memang sudah diketahui apa kodenya

Berikut ini dilampirkan beberapa script yang bisa user terapkan ke dalam aplikasinya.


Menampilkan sebuah website ke dalam kolom Konten


  • Pada kolom content atau description, pilih menu Code View

  • Lampirkan script dibawah ini:

    Catatan

    <p><iframe src="http://<nama_website>" width="100%" height="600" frameborder="0" style="border:0" scrolling="auto" allowfullscreen=""></iframe></p>

    Bagian http://<nama_website> diisikan dengan URL nama website yang diinginkan. Misalnya : https://www.detik.com/

  • Contoh penerapannya ada pada aplikasi yang bernama Agenpos BJS pada menu Cek Biaya Pengiriman

image3


Memasukkan content dalam format animasi GIFF


  • Akses url : https://giphy.com/

  • Klik tombol Upload

  • Klik tombol Embed

  • Klik pilihan on pada menu Responsive

  • Copy kode yang ada dan paste ke dalam kolom code view tersebut

  • Contoh script nya adalah sebagai berikut

    Catatan

    <div style="width:100%;height:0;padding-bottom:50%;position:relative;"><iframe src="https://giphy.com/embed/xULW8mUlg3JLy3G38A" width="100%" height="100%" style="position:absolute" frameborder="0" class="giphy-embed" allowfullscreen=""></iframe></div>

    <p><a href="https://giphy.com/gifs/fallontonight-jimmy-fallon-drawing-xULW8mUlg3JLy3G38A" class="external-link"></a></p>

  • Contoh penerapannya ada pada aplikasi yang bernama Agung Toyota Batam pada menu TOYOTA VIEW 360


Mengganti tautan tap to whatsapp dalam bentuk tombol


Pada umumnya link chat yang digunakan untuk mengakses whatsapp biasanya ditampilkan dalam bentuk link. Namun dengan menggunakan script di bawah ini, user bisa memodifikasinya dalam bentuk tampilan tombol (button). Dimana jika di klik dalam aplikasinya maka akan langsung diarahkan ke layanan pesan whatsapp milik pemilik aplikasi

Berikut ini dilampirkan cara-caranya

  • Gunakan menu apa saja yang di dalam menu tersebut kolom content atau description.

  • Akses menu code view

  • Lampirkan script di bawah ini :

    Catatan

    <p><a type="button" class="button button-block button-positive cp-button ng-binding external-link" href="https://api.whatsapp.com/send?phone=628579188888">diisi menggunakan nama button nya</a></p>

    Nomor handphone bisa diganti dengan nomor pemilik aplikasi atau admin yang akan menerima chat tersebut

  • Contoh penerapannya ada pada aplikasi yang bernama Agung Toyota Batam pada menu Booking

  • Tampilan di aplikasi tersebut seperti di bawah ini

    image2

    Catatan

    Tombol yang ditunjuk dengan tanda panah tersebut merupakan hasil penerapan dari script (bagian c) yang telah di masukkan ke menu code view sebelumnya. Sehingga jika tombol tersebut di klik maka akan langsung tertuju pada layanan aplikasi chat ke pemilik aplikasi. Hanya saja tampilannya sekarang disajikan dalam bentuk tombol, bukan lagi dalam bentuk link.