Skip links

Cara Mebuat Tombol Direct link Chat WhatsApp di OJS

Mungkin kalian ada yang ingin memberikan tombol chat Whatsapp di OJS kalian, seperti tampilan di bawah ini:

Demonya bisa di lihat di sini: https://jurnal.staidagresik.ac.id/index.php/attaqwa

jika iya ikuti panduan berikut:

Yang Harus di siapkan:

  1. Akses ke OJS sebagai admin
  2. Akses ke Cpanel (sayangnya panduan ini tidak bisa dilakukan tanpa masuk cpanel, bias pakai link luar tapi kami tidak merekomendasikan)
  3. OJS sudah terinstal Plugin Custom Header Plugin, untuk tutorialnya silahkan buka link berikut: http://forum.aufardesign.my.id/cara-instal-custom-header-plugin-di-ojs/
  4. Unduh Data-data yang di butuhkan di bawah ini:

Download

Langkah-langkahnya:

  1. Upload dulu Data-datanya (Data CSS dan JS yang sudah di unduh di menu atas)
  2. Taruh di Cpanel/Directori Jurnal/Public atau taruh di tempat lain terserah yang penting link bias di akses
  3. Jika sudah, kembali ke OJS, login sebagai admin
  4. Masukkan Kode berikut ke Custom Header Plugin di bagian Footer Content

See the Pen
Kode untuk membuat Chat Whatsapp di OJS
by amin126 (@amin126)
on CodePen.

  1. Ganti Konfigurasinya pada bagian:

https://jurnal.staidagresik.ac.id/public/qlwapp/css/qlwapp.min.css”
https://jurnal.staidagresik.ac.id/public/qlwapp/js/qlwapp.min.js’

Sesuaikan dengan letak file yang sudah anda unggah ke Cpanel tadi. Ganti juga di bagian
data-phone=”6285782324214″
data-message=”Halo, saya ingin bertanya mengenai Jurnal Attaqwa.”

Sesuaikan dengan Nomor yang ingin di masukkan dan teks Chatnya.

  1. Jika sudah klik simpan
  2. Sekrang lihat hasilnya

Selamat mencoba, terimakasih telah berkunjung

Leave a comment

We use cookies to provide the best web experience possible.
Explore
Drag