Skip to main content

Cara Membuat Live Chat Messaging Google Bisnisku Di Blog

Fitur chatting secara umum di gunakan untuk berkomunikasi antara minimal 2 orang atau lebih.
Fitur chatting ini bisanya di gunakan sebagai wadah chat bagi konsumen untuk berinteraksi langsung dengan pemilik bisnis tersebut.
Pada halaman situs website/blog perlu di tampilkan fitur chatting ini guna untuk mendukung komunikasi, Apalagi jika website/blog tersebut di gunakan untuk keperluan bisnis.

Fitur live chat bisanya lebih ke sifatnya pribadi jika di bandingkan sistem komentar yang bisa di lihat oleh banyak orang. Sehingga komsumen atau pengunjung merasa lebih aman dan privasinya terjaga.


Fitur Live Chat Sangat Penting Bagi Website Bisnis



Seperti yang saya singgung di atas dengan memasang fitur live chat sangat penting bagi pemilik bisnis. Kenapa ? Ya karana untuk website/blog bisnis apalagi website toko online bisa di multyfungsinkan sebagai media tanya jawab , penawaran tentang produk yang sedang di jual , Bahkan negosiasi penjulan antara pembeli dan pedang.
Dengan menggunakan live chat di website toko online juga secara langsung dapat meningkatkan penjualan dan kepuasan pembeli tentunya.


Sistem Live Chat Di Website/Blog



Untuk saat ini banyak sekali metode atau layanan pihak ketiga yang bisa anda lakukan untuk memasang live chat di website/blog.

Pada umumnya jika menggunakan layanan dari penyedia live chat pihak ketiga bisa di terapkan pada sebuah website tanpa perlu pengkodean dari awal , cukup daftar di penyedia layanan pihak ketiga dan secara otomatis akan mendapatkan kode berupa script/html yang bisa langsung di pasang di website tersebut.

Untuk penyedia live chat sendiri banyak sekali pelihannya bisa pakai diantaranya tawk,messanger,whatsapp dan lain sebagai, Beberapa layanan tersebut ada yang gratis adapula yang berbayar dan tentunya juga fitur dan fungsinya berbeda-beda , Ada kelebihan dan kekurangnya juga.


Cara Memasang Live Chat Messaging Google Bisnisku Di Blogger/Website



Messaging Google Bisnisku adalah salah satu fitur chatting yang cukup baru yang tersedia di listening Google Bisnisku.
Fitur Messaging ini di peruntukan bagi pemilik bisnis lokal yang telah terverifikasi.

Fitur Messaging Google Bisnisku ini tidak di aktifkan secara default di listening mereka, maka dari ini harus mengaktifkannya terlebih dahulu seperti yang telah di jelakan di artikel sebelumnya Cara Mengaktifkan Fitur Pesan ( Messaging ) Di Google Bisnisku

Setelah anda mengaktifkan fitur messaging ini nantinya akan menemukan sebuah tombol baru berupa icon Pesan di listening mereka.
Untuk menerapkan tombol pesan Google Bisnisku ini caranya cukup mudah, Yang perlu di lakukan adalah cukup mengetahui url tombol pesan tersebut.

Untuk mengetahui url pesan Google Bisnisku anda bisa inspect element bisnis anda di google penelusuran.
Cara lainnya jika menggunakan android browser chrome bisa dengan cara view source contoh view-source://url penelusuran.



Keterangan :

View-source://https url bisnis di google penelusuran
Untuk mempermudah pencarian klik icon titik tiga, Pilih Cari Di Halaman , ketik Chat
Selanjutnya Salin kode Url Messanging Pesan google bisnisku seperti gambar di bawah ini



Setelah mendapatkan Url pesan google bisnisku kita bisa memasangnya di blog atau website anda.
Disini saya menerapkannya di platforms Blogger dengan sedikit modifikasi efek melayang dengan bouce effect, Cara tersebut juga saya gunakan untuk membuat Tombol Whatsapp Melayang Di Blog Dengan Bouncing Effect

Untuk praktek penerapannya di Blogger berikut ini langkahnya :

Tambahkan HTMl di bawah ini tepat di atas </body>

<a class='fixed-chat encepnurdin'
href='intent:#Intent;action=com.google.business.ACTION_INITIATE_CHAT;S.args=ChYIAxISZW5jZXBudXJkaW5pZF9jaGF0Gh1IaSEgSG93IGNhbiBJIGhlbHAgeW91IHRvZGF5PzI-Cjd0eXBlLmdvb2dsZWFwaXMuY29tL2NoYXQuYm90LnBsYXRmb3JtLkN1c3RvbVNlc3Npb25EYXRhEgMKAQJQBGIHd2Vidmlld2o4aHR0cDovL3JibS5nb29nL3JibW0tYXV0b3B1c2gvY29udmVyc2F0aW9ucy9jb252ZXJzYXRpb25yLAgDEhQxMzkwNDU4MzQ1NTMwMzkxOTQ3NhoEZ21ibCIMOTY4NjEwNTU0NTQwoAGEy6ae_P____8B;S.hl=id;S.browser_fallback_url=https://business.google.com/initiateChat?args=ChYIAxISZW5jZXBudXJkaW5pZF9jaGF0Gh1IaSEgSG93IGNhbiBJIGhlbHAgeW91IHRvZGF5PzI-Cjd0eXBlLmdvb2dsZWFwaXMuY29tL2NoYXQuYm90LnBsYXRmb3JtLkN1c3RvbVNlc3Npb25EYXRhEgMKAQJQBGIHd2Vidmlld2o4aHR0cDovL3JibS5nb29nL3JibW0tYXV0b3B1c2gvY29udmVyc2F0aW9ucy9jb252ZXJzYXRpb25yLAgDEhQxMzkwNDU4MzQ1NTMwMzkxOTQ3NhoEZ21ibCIMOTY4NjEwNTU0NTQwoAGEy6ae_P____8B&amp;hl=in&amp;gl=ID&amp;v=1&amp;chtn=AKMCQLvOWMI8aRJvB0RZk8K_8har_x-xIg;end' rel='nofollow noopener' target='_blank' title='chat' />


Keterangan :

Silahkan ganti Url dengan Url pesan google bisnisku yang di dapatkan dengan cara inspect element tadi.

Selanjutnya tambahkan CSS berikut ini


.fixed-chat {
  position: fixed;
  bottom: 65px;
  Right: 10px;
  width: 50px;
  height: 50px;
  z-index: 9999;
}

.fixed-chat:before {
  content: &quot;&quot;;
  background-repeat: no-repeat;
  background-size: 34px 34px;
  background-position: center center;
  width: 50px;
  height: 50px;
  background-image: url(&quot;data:image/svg+xml;charset=utf8,%3csvg viewBox=&#39;0 0 24 24&#39; width=&#39;32&#39; height=&#39;32&#39; xmlns=&#39;http://www.w3.org/2000/svg&#39; xmlns:xlink=&#39;http://www.w3.org/1999/xlink&#39;%3e%3cg%3e%3cpath style=&#39;fill:%23ffffff&#39; d=&#39;M20,2H4A2,2 0 0,0 2,4V22L6,18H20A2,2 0 0,0 22,16V4A2,2 0 0,0 20,2M6,9H18V11H6M14,14H6V12H14M18,8H6V6H18&#39;%3e%3c/path%3e%3c/g%3e%3c/svg%3e&quot;);
  background-color: #005af0;
  position: absolute;
  top: 0;
  left: 0;
  border-radius: 100%;
  box-shadow: 0 1px 1.5px 0 rgba(0, 0, 0, .12), 0 1px 1px 0 rgba(0, 0, 0, .24);
}
 
 
.encepnurdin {
      
-webkit-animation:rubberBand 1s linear 1s infinite normal;animation:rubberBand 1s linear 1s infinite normal}
@media screen and (max-width:320px)
@keyframes rubberBand{,10%{-webkit-transform:scale3d(1,1,1);transform:scale3d(1,1,1)}
30%{-webkit-transform:scale3d(1.25,.75,1);transform:scale3d(1.25,.75,1)}
40%{-webkit-transform:scale3d(.75,1.25,1);transform:scale3d(.75,1.25,1)}
50%{-webkit-transform:scale3d(1.15,.85,1);transform:scale3d(1.15,.85,1)}
65%{-webkit-transform:scale3d(.95,1.05,1);transform:scale3d(.95,1.05,1)}
75%{-webkit-transform:scale3d(1.05,.95,1);transform:scale3d(1.05,.95,1)}
}
@-webkit-keyframes rubberBand{0%,100%{-webkit-transform:scale3d(1,1,1);transform:scale3d(1,1,1)}
30%{-webkit-transform:scale3d(1.25,.75,1);transform:scale3d(1.25,.75,1)}
40%{-webkit-transform:scale3d(.75,1.25,1);transform:scale3d(.75,1.25,1)}
50%{-webkit-transform:scale3d(1.15,.85,1);transform:scale3d(1.15,.85,1)}
65%{-webkit-transform:scale3d(.95,1.05,1);transform:scale3d(.95,1.05,1)}
75%{-webkit-transform:scale3d(1.05,.95,1);transform:scale3d(1.05,.95,1)}
}


Keterangan :

Right untuk mengatur posisi kanan jika ingin menampilkannya di kiri ganti menjadi Left

Button: 20px untuk mengatur tinggi tombol live chat pesan semakin tinggi px nya semakin tinggi juga tombol live chatnya

Selebihnya anda bisa atur sesuai selera


Kelebihan Live Chat Mesagges Google Bisnisku



Perlu anda ketahui dengan menggunakan live chat ini akan memberikan nilai postif bagi bisnis anda, ya karena konsumen akan lebih percaya dengan anda, karna chatting google ini hanya di peruntukan bagi bisnis yang autentik atau asli.

Kelebihan lainnya juga user/konsumen bisa berkomentar atau live chat langsung tanpa perlu login ,asalkan punya akun google jadi semua orang bisa kirim pesan dengan mudah

Bisa di jadikan notifikasi, maksud di jadikan notofikasi ini adalah, Ketika konsumen kirim pesan kepada anda secara otomatis data akun google konsumen ada di anda , jadi dengan begitu anda bisa mengirimkan pesan lagi di lain waktu jika penawaran atau promo tanpa harus menyimpan kontak konsumen.

Selain beberapa kelebihan di atas masih banyak lagi kelebihan lainnya , Selain kelebihan tentunya pasti juga ada kekuranganya yang mungkin belum saya sampaikan disini,Karana saya juga baru menggunakannya , Tapi berdasarkan pengalaman saya live chat ini sangat bagus dan memuasakan.

Kesimpulan



Dengan menggunakan Live Chat Messaging dari Google Bisnisku ini akan mendorong lebih mudah lagi untuk berinteraksi konsumen dengan pemilik bisnis dan bisa menjaga privasi pembeli dan pembisnis.

Semoga bermanfaat

Baca juga

Follow us on Instagram
@encepnurdin.id

More from Instagram...

Follow us on Facebook
@encepnurdin.id

Find us on Google Maps
@encepnurdin

Reaksi:

Berbagi Itu Peduli :

  • Roni - Reader 5/16/2020 10:28 PM

    Sudah saya coba mas tapi kok lama ya muncul kolom chatnya?

  • Encep Nurdin ID - Admin 5/17/2020 12:06 AM

    Url pesannya salah mungkin mas ? Coba cek lagi

Aplikasi: Tambahkan aplikasi encepnurdin. id di smartphone tanpa install, buka encepnurdin. id dengan browser Chrome di smartphone lalu klik ikon 3 titikdi browser kemudian pilih "Tambahkan ke layar utama". Selanjutnya klik aplikasi encepnurdin. id dari layar utama smartphone Anda.