Live Chat Pada Login Page Hotspot Mikrotik

 

Berikut tutorial memasang live chat pada template hotspot menggunakan intergram yang nantinya akan terhubung langsung pada aplikasi telegram di smartphone anda. 

Namun telegram sendiri sudah menyediakan aplikasi mereka untuk platform dekstop yang bisa didownload langsung pada website resmi mereka: Telegram PC. Jadi jika anda lebih sering berada didepan komputer sebaiknya gunakan telegram desktop agar bisa membalas chat dari pelanggan dengan cepat.

KELEBIHAN LIVE CHAT INTERGRAM 

Layanan dari intergram ini GRATIS. sangat mudah digunakan dimanapun anda berada chat dari klien akan tetap terpantau dan bisa langsung dibalas. Walaupun layanan ini gratis anda tetap bisa mengcustom tittle chat, warna bar chat, dan pesan ucapan lainnya. 

Setelah saya jelaskan sedikit tentang layanan live chat intergram, sekarang saatnya kita lanjut untuk membuat live chat pada mikrotik / template hotspot. 

Pastikan anda sudah memiliki akun telegram, pada menu pencarian ketikan @intergram, pastikan akun yang anda cari seperti gambar dibawah ini.

Sekarang klik profile intergram tersebut, kirimkan chat dengan format /start , tunggu beberapa saat sampai intergram mengirimkan anda kode unik yang nantinya akan dipakai sebagai kode untuk disematkan pada halaman login page mikrotik anda.

Sekarang buka folder template hotspot anda, yang pertama pasanglah kode script intergram pada login page agar nanti orang yang terhubung ke hotspot anda akan melihat icon live chat pada login page mikrotik anda. klik kanan file login.html kemudian edit menggunakan notepad.

 

Pastekan kode dibawah ini tepat diatas kode </body>

 

<script> 

    window.intergramId = "179170996";

    window.intergramCustomizations = {

        titleClosed: 'Closed chat title',

        titleOpen: 'Opened chat title',

        introMessage: 'First message when the user opens the chat for the first time',

        autoResponse: 'A message that is sent immediately after the user sends its first message',

        autoNoResponse: 'A message that is sent one minute after the user sends its first message ' +

                        'and no response was received',

        mainColor: "#E91E63", // Can be any css supported color 'red', 'rgb(255,87,34)', etc

        alwaysUseFloatingButton: false // Use the mobile floating button also on large screens

    };

</script>

<script id="intergram" type="text/javascript" src="https://www.intergram.xyz/js/widget.js"></script>

 

Pada "Yout Unique Chat ID" yang saya tandai dengan warna merah silakan diganti dengan kode unik yang diberikan intergram pada step sebelumnya. Sehingga nantinya akan seperti pada gambar dibawah ini.

Isi pesan dari TitleClosed, TitleOpen, IntroMessage, AutoResponse, AutonoResponse bisa anda ganti sesuai keingnan anda yang nantinya akan tampil pada box live chat.