Bagaimana Membuat Widget Chat Messenger dan WhatsApp di Blog

Selamat datang kembali pembaca blog demangfedi, semoga di tahun yang baru ini anda semua bisa mewujudkan harapan menjadi kenyataan serta menikmati setiap proses yang ada, lillah lah agar anda tidak lelah.

Semakin banyaknya pengguna smartphone di dunia, khususnya di indonesia membuat para pebisnis harus membuat terobosan baru dalam berbisnis terutama untuk penjualan produknya, apalagi anda harus penjualan produk yang secara tampilan dan fungsinya hampir mirip dengan produk lain dan ini membuat anda harus bersaingan.

Salah satu solusi untuk meningkatkan promosi,penjualan dan after sales adalah dengan membuat iklan di social media terutama facebook serta google adword, salah satu cara untuk lebih dekat dengan konsumen adalah dengan membuat tombol "messenger atau whatsApp" karena dua aplikasi ini sangat mudah di gunakan oleh siapapun.

Namun jiga anda ingin langsung membuat Toko Online Facebook Messenger silahkan anda simak artikel (Toko Online Messenger Pertama di Dunia, Tanpa Ribet Anda Sudah Bisa Jual Produk) atau jiga anda ingin membuat toko online whatsApp simak artikel (WAshoper Toko Online Android yang Terkoneksi ke WhatsApp)

Salah satu layanan pembuatan messenger bot dan chat widget ini bisa menjadi solusinya untuk anda, untuk membuat widget chat yang menarik di blog dan website anda, selain itu whatshelp.io juga menyediakankan layanan sales funnel untuk facebook ads serta messenger bot yang bisa anda kostumisasi dengan mudah. Simak caranya dibawah ini.

Tutorial Membuat Chat di Web Dengan Whatshelp.io


Langkah pertama
  • Silahkan anda buat akun terlebih dahulu di https://whatshelp.io/signup
  • Silahkan gunakan email yang sering anda gunakan, atau email akun facebook anda
  • Silahkan buat akun anda
  • Ada versi trial selama 14 hari
  • Untuk sub domian, silahkan masukan nama fanpage atau nama toko,pribadi,web,blog dan lainnya
  • Lihat gambar dibawah ini



Langkah kedua
  • Koneksikan akun anda dengan akun facebook anda, karena disini kita akan menggunakan bot messenger silahkan koneksikan dengan akun facebook yang anda gunakan untuk membuat fage facebook anda
  • Silahkan pilih halaman/fanpage anda



Langkah ketiga



Jika ada report seperti gambar diatas, silahkan copy dan paste url seperti berikut https://ikhtiarpreneur.whatshelp.io/auth ("ikhtiarpreneur" adalah sub-domain saya) ke browser anda, setelah terbuka silahkan log in dengan akun yang telah anda buat di langkah pertama.

Langkah keempat
Anda akan melihat tampilan seperti berikut, lihat gambar



Silahkan anda klik creat bot dan silahkan setting sesuai keinginan anda, anda bisa melihat preview messenger bot anda di sebelah kanan setelah selesai silahkan anda buat widget untuk anda pasang di blog anda dengan mengklik icon setting/roda gerigi di kanan atas lalu pilih wigdet silahkan setting chat apa yang akan anda gunakan.

Lalu copy dan paste HTML seperti berikut ke website/blog anda tag


<!-- WhatsHelp.io widget -->
<script type="text/javascript">
    (function () {
        var options = {
            facebook: "https://m.me/1909247702436299?ref=1514656328492", // Facebook page ID
            whatsapp: "+6285795522745", // WhatsApp number
            telegram: "https://web.telegram.org/#/im?p=@demangfedi", // Telegram bot username
            company_logo_url: "//static.whatshelp.io/img/flag.png", // URL of company logo (png, jpg, gif)
            greeting_message: "Assalamu'alaikum ada yang bisa saya bantu ? silahkan chat disini", // Text of greeting message
            call_to_action: "Message us", // Call to action
            button_color: "#FF6550", // Color of button
            position: "right", // Position may be 'right' or 'left'
            order: "facebook,whatsapp,telegram" // Order of buttons
        };
        var proto = document.location.protocol, host = "whatshelp.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>
<!-- /WhatsHelp.io widget -->

Kode yang miring silahkan sesuai dengan data anda :
  • https://m.me/1909247702436299?ref=1514656328492", // Facebook page ID (ganti dengan fb id anda)
  • +6285795522745", // WhatsApp number (ganti dengan WA anda)
  • https://web.telegram.org/#/im?p=@demangfedi (ganti dengan telegram anda)
  • Assalamu'alaikum ada yang bisa saya bantu ? silahkan chat disini", // Text of greeting message (ganti dengan text anda)

Jika anda tidak mau ribet, silahkan anda buat akun saja dan untuk widgetnya silahkan copy dan paste html diatas.
Semoga bermanfaat.

Reaksi:
Share this with short URL:

You Might Also Like:

Use parse tool to easy get the text style on disqus comments:
Show Parser Hide Parser