Cara Memasang LiveChat Pada OJS

Pada tulisan ini saya akan share mengenai Live chat pada OJS. Pada tutorial ini saya akan bahas langsung pada OJS 2 maupun OJS 3. Sebelumnya pasti teman-teman tahun kan mengenai Live chat? pastinya lah bisanya terdapat pada Blog maupun Website. Pada tutorial kali ini saya akan tunjukkan penerapannya pada OJS. 

Sebenarnya live chat ada beberapa yang bisa digunakan seperti tawk.to, namun pada tutorial kali ini saya menggunakan keyreply. Sebelumnya mari berkenalan dengan keyreply.

keyreply memiliki moto 

Simplest live chat widget on the planet

yang artinya Widget obrolan langsung paling sederhana di planet ini. Penyedia chat ini mendukung  obrolan ramah-seluler ke situs web Anda dalam waktu kurang dari 5 menit!. Terhubung dengan pengunjung situs Anda menggunakan aplikasi perpesanan populer. Dengan satu ketukan, pengunjung Anda dapat membuka jalur langsung ke Anda menggunakan aplikasi obrolan favorit mereka.

Selamat tinggal formulir kontak kuno dan paket obrolan langsung yang mahal. 

Yang palin penting fitur ini  100% gratis  ditambah tanpa registrasi. 

Langkah pertama langsung menuju kesitusnya keyreply

Tekan button Get it Now!

Isi beberapa mode chat yang ingin digunakan misalnya email, whatsapp, line, hp, dll. kemudian pilih warna icon dan tekan generate embed code.

Teman-teman bisa melihat preview pada panah seperti tampilan diatas. 

Copy kode dan nantina akan kita masukkan pada OJS.

Penerapan pada OJS 2 seperti berikut:

1. Login menggunakan Journal Manager

2. Pilih Setup --> The Look --> Pada Additional Content klik “html” kemudian paste script tadi, terakhir simpan.

Teman-teman juga dapat membuat Block lewat Custom Block Plugin dengan nama misalnya “Live Chat". Kemudian balik lagi ke Block Plugin, silahkan cari buttom “Chat” tadi, pilih “html”, kemudian paste script tadi, terakhir simpan.

Penerapan pada OJS 3.1.0 kebawah seperti berikut:

1. Login menggunakan Journal Manager /Journal Editor

2. Pilih Settings > Website > Plugins > Custom Block Manager

3. Buatlah block baru beri nama misal chat kemudian pilih icon <> source code, kemudian pastekan code yang tadi

4. Tekan OK dan Save

Penerapan pada OJS 3.1.0 keatas seperti berikut:

1. Login menggunakan Journal Manager /Journal Editor

2. Pilih Settings > Website > Plugins > Custom Header Plugin

Jika belum memiliki dapat diunduh disini sesuaikan dengan versinya ya

3. Upload plugin tadi ke direktori plugins/generic/

4. Kemudian unzip

5. maka akan muncul seperti dibawah ini

6. Tekan Settings

7. kemudian pastekan code yang tadi

8. Tekan OK.

Jika berhasil akan muncul seperti tampilan dibawah ini

Jika ingin lebih jelas previewnya bisa mengunjungi http://intensif.my.id

Selesai.

Semoga bermanfaat.