Berikut ini cara dapatkan code script Live Chat WhatsApp, Messanger dan Email yang dapat dipasang pada widget, ataupun frontpage pada OpenSID.
- Silahkan kunjungi situs getbutton.io
- Kemudian klik pada bagian “get your button” dan akan menampilkan menu seperti di bawah ini.
- Selanjutnya klik icon Chat yang diingin digunakan, contoh whatsapp, messanger atupun yang lainnya, kemudian masukkan data dalam form yang tersedia.
- Berikutnya lakukan kustomisasi. Pada tahapan ini dapat merubah penempatan tombol di kanan atau kiri. Kemudian juga dapat merubah tulisan “message us” sesuai dengan teks yang akan ditampilkan. Sebagai contoh, tulisan “message us” diganti menjadi “Silahkan Hubungi Kami”.
- Langkah selanjutnya masukkan Email, lalu klik tombol Get Button Code untuk mendapatkan kode script sesuai komponen yang telah ditentukan pada tahap sebelumnya.
- Kode script tampil, silahkan diCopy
Setelah diCopy, selanjutnya gimana?
Agar script yang telah dicopy tadi dapat digunakan, selanjutnya lakukan langkah berikut :
- Buka explorer, cari folder yang berisi openSID
- Kemudian cari foleder htdocs > desa > themes > cosmo-2.0-beta (misalnya)
- Lalu double klik template.php
- Paste code script yang dicopy tadi diatas </body>
- Selanjutnya lakukan Penyimpanan
Script
yang dihasilkan dari getbutton.io tadi dapat
digunakan sebagai Teks Khusus pada Widget di wordpress ataupun Blogger.
Berikut script yang dapat disesuaikan / dikustom
<!-- GetButton.io
widget -->
<script
type="text/javascript">
(function () {
var options = {
whatsapp: "nomor WhatsApp", // WhatsApp number
facebook: "Id Fanspage Facebook", // Facebook page ID
email: "alamat email", // Email
call_to_action: "Message us",
// Call to action
button_color: "#129BF4",
// Color of button
position: "right", //
Position may be 'right' or 'left'
order:
"whatsapp,facebook,email", // Order of buttons
};
var proto = document.location.protocol,
host = "getbutton.io", url = proto + "//static." + host;
var s =
document.createElement('script'); s.type = 'text/javascript'; s.async = true;
s.src = url + '/widget-send-button/js/init.js';
s.onload = function () { WhWidgetSendButton.init(host,
proto, options); };
var x =
document.getElementsByTagName('script')[0]; x.parentNode.insertBefore(s, x);
})();
</script>
position: "right", dapat di ganti “left” jika
menghendaki tampilan berada di sisi kiri
Contoh yang hasil di situs ekampoeng.info
Selamat mencoba, semoga artikel ini bermanfaat
Terima Telah Berkunjung