Bagaimana Cara Artikel

Tambahkan Facebook Messenger ke Situs Web: Panduan Widget Messenger [April 2024]

Gerardo Salandra
3 Agustus 2022

Mencari widget obrolan terbaik? Jika pengunjung web Anda adalah pengguna setia Messenger, tambahkan widget Facebook Messenger ke situs web Anda. Dalam postingan blog ini, kami akan menunjukkan cara menambahkan Facebook Messenger ke situs web, serta tempat menambahkannya di pembangun situs web seperti WordPress, Wix, dan Shopify.

Apa yang dimaksud dengan Widget Facebook Messenger ?

Widget Facebook Messenger widget adalah plugin situs web yang memungkinkan pengunjung situs untuk mengobrol dengan Halaman Facebook Anda melalui Messenger. Sebagai salah satusaluran perpesanan teratas di dunia, banyak pelanggan yang secara alami cenderung mengobrol melalui Messenger.

Ini adalah gambar dari Facebook Messenger Widget. Facebook Messenger Widget (juga dikenal sebagai Facebook Chat Plugin) adalah plugin situs web yang memungkinkan pengunjung situs web Anda untuk mengobrol dengan Halaman Facebook Anda melalui Messenger. Jika Anda berada di tempat-tempat seperti Inggris, Amerika Serikat, India, atau Filipina, pertimbangkan Messenger sebagai plugin obrolan utama.
Untuk widget obrolan terbaik, pasang widget Messenger di situs web

Ketika pengunjung situs web mengirimkan pertanyaan melalui widget, Anda dapat membalas melalui Kotak Masuk Suite BisnisMeta . Ini cukup untuk bisnis yang menerima volume pesan rendah hingga sedang dan mengandalkan Facebook Messenger untuk komunikasi pelanggan.

<call-out> Do not mistake the Facebook Messenger widget with the Facebook Chat Plugin. While similar in some aspects, the Facebook Chat Plugin is no longer available from May 9, 2024. <call-out>

Bisnis yang menangani percakapan dalam jumlah besar atau mengobrol dengan pelanggan di berbagai saluran sebaiknya menggunakan kotak masuk pesan omnichannel seperti respond.io. Selain merampingkan semua percakapan dalam satu kotak masuk, layanan ini juga menawarkan manfaat tambahan seperti otomatisasi dan analitik tingkat lanjut.

Mengapa Menggunakan Widget Facebook Messenger

Jika Anda memanfaatkan Facebook Messenger untuk menyediakan dukungan pelanggan atau mendorong penjualan, Anda tahu seberapa efektif platform ini. Di antara alasan utama untuk mempertimbangkan menggunakan obrolan web Facebook adalah kemampuannya untuk menciptakan percakapan yang terus-menerus dan membangun daftar kontak.

Ciptakan Keterlibatan yang Gigih dan Konsisten

Dengan obrolan situs web tradisional, Anda akan kehilangan pengguna selamanya setelah mereka meninggalkan situs web Anda. Satu-satunya harapan Anda untuk melanjutkan percakapan adalah agar mereka kembali ke situs Anda. Hal ini tidak lagi terjadi setelah Anda menambahkan Messenger ke situs web Anda.

Pertama, widget Messenger adalah alat tercepat bagi klien Anda untuk menghubungi Anda dan menyelesaikan pertanyaan mereka. Widget ini memastikan pelanggan dapat menghubungi Anda secara instan dan mudah melalui messenger yang familiar dan nyaman.

Semua percakapan widget messenger Anda akan disimpan ke Kotak Masuk Facebook. Ini merupakan keuntungan ketika Anda menambahkan Facebook Messenger ke Situs Web Anda.
Menyimpan informasi kontak dan riwayat obrolan ketika Anda menambahkan Messenger ke situs web

Hal ini juga memungkinkan komunikasi pribadi secara langsung di situs web Anda untuk menawarkan dukungan teknis, konsultasi produk, bantuan pemesanan atau pemesanan, dan banyak lagi. Pelanggan dapat menghubungi Anda saat minat tinggi untuk mendorong konversi penjualan.

Ketika Anda menambahkan obrolan Facebook ke situs web, riwayat obrolan kontak disimpan di kotak masuk Meta Business Suite. Ini berarti Anda dapat melanjutkan percakapan dengan pengguna yang mengobrol dengan Anda di Messenger bahkan setelah mereka meninggalkan situs web Anda.

Bersamaan dengan percakapan, Anda juga dapat melihat beberapa informasi profil dasar mereka termasuk nama, foto profil, tanggal lahir, dan lokasi. Hal ini akan membantu Anda melayani pelanggan dengan lebih baik daripada obrolan langsung dan membangun hubungan dengan mereka dari waktu ke waktu.

Buat Daftar Kontak Facebook Messenger

Kini orang-orang dapat mengirim pesan kepada Anda dengan mudah melalui Facebook menggunakan Facebook Customer Chat, dan mereka akan ditambahkan ke daftar kontak Anda selamanya.

Ini adalah gambar yang menunjukkan bahwa Facebook Messenger memiliki tingkat open & click yang lebih tinggi daripada email. Sekarang orang-orang dapat mengirim pesan kepada Anda dengan mudah melalui Facebook menggunakan Facebook Customer Chat, mereka akan ditambahkan ke daftar kontak Anda selamanya. Anda dapat menganggap daftar pelanggan Facebook Messenger dengan cara yang sama seperti daftar pelanggan email. Gunakan ini sebagai saluran komunikasi baru dengan audiens Anda atau bahkan menggunakannya untuk mengirimkan siaran Messenger, yang memiliki tingkat keterbukaan 92 persen.
Tambahkan Widget Facebook Messenger : Facebook Messenger memiliki tingkat keterlibatan yang lebih tinggi daripada email

Anda bisa menganggap daftar pelanggan Facebook Messenger dengan cara yang sama seperti daftar pelanggan email. Gunakan ini sebagai saluran komunikasi baru dengan audiens Anda atau bahkan menggunakannya untuk mengirim siaran Messenger, yang memiliki tingkat keterbukaan 92 persen yang mengejutkan.

Widget Messenger hanyalah salah satu cara untuk membangun daftar pelanggan Facebook Messenger . Ada beberapa cara untuk mengembangkan kontak Messenger Anda, termasuk Balasan Otomatis Komentar Facebook atau balasan pribadi, Klik ke iklan atau tautan Messenger dan kode QR Facebook.

Terakhir, ingatlah bahwa pelanggan harus masuk ke akun Facebook mereka untuk ditambahkan ke daftar kontak Anda. Dengan mengingat hal ini, mari kita lanjutkan ke bagian berikutnya, di mana Anda akan belajar cara menambahkan Messenger ke situs web.

Cara Membuat Kode Widget

Pertama, mari kita bahas tentang proses penyiapan widget Messenger. Untuk menambahkan Facebook Messenger ke situs web, Anda perlu melakukan dua langkah ini secara berurutan:

  • Buat kode widget Facebook Messenger
  • Tambahkan kode widget Messenger ke situs web Anda

Jika Anda adalah bisnis B2B yang perlu mengaktifkan Mode Tamu, kami sarankan untuk menyiapkan widget Facebook Messenger Anda melalui respond.io.

Anda tidak hanya dapat mengotomatiskan salam atau pesan dan proses seperti perutean obrolan atau penugasan kontak, respond.io memungkinkan Anda menambahkan kode referensi ke widget Facebook Messenger untuk mengidentifikasi dari mana kontak berasal. Bisnis-bisnis besar sebaiknya mempertimbangkan opsi ini.

Hasilkan Kode Widget di respond.io

Proses untuk menyiapkan widget Facebook Messenger sederhana dan dapat dilakukan dengan cepat dengan mengikuti langkah-langkah berikut.

Ini adalah gambar yang menunjukkan cara mengatur widget Messenger.
Respond.io widget situs web omnichannel mendukung berbagai macam Saluran

Untuk memulai, buka Pengaturan > Widget Pertumbuhan. Kemudian, klik Tambah Widget dan pilih Widget Facebook sebelum mengeklik Buat Widget.

Setelah itu, masukkan situs web tempat Anda ingin menambahkan widget obrolan dan pilih akun yang ingin Anda buatkan widget.

Ini adalah gif yang menunjukkan cara memilih akun untuk membuat widget.
Widget pengirim pesan instan Facebook untuk situs web: Pilih akun Messenger yang ingin Anda buatkan widgetnya

Anda dapat menambahkan teks yang telah diisi sebelumnya atau menyesuaikan tampilan widget dengan mengeklik tombol Pengaturan Lanjutan. Terakhir, klik Buat Widget, salin skrip yang dihasilkan dan pasang di situs web Anda.

Jika Anda ingin terhubung dengan pelanggan di berbagai saluran, widget omnichannel dapat membantu. Anda juga dapat memilih untuk menambahkan widget obrolan situs web ke situs web Anda.

Setelah Anda berhasil menyiapkan widget Messenger Anda, langkah selanjutnya adalah menginstal kode yang dihasilkan ke situs web Anda. Kami akan memandu Anda melalui proses instalasi selanjutnya.

Cara Menambahkan Facebook Messenger ke Situs Web

Menavigasi CMS Anda untuk menambahkan widget obrolan bisa membingungkan. Di bawah ini, Anda akan menemukan petunjuk untuk memasang kode widget Messenger di pembangun situs populer seperti WordPress, Wix, Shopify dan Squarespace.

Cara Menambahkan Messenger ke Situs Web: WordPress

Anda sekarang dapat menginstal plugin Messenger melalui Meta langsung dari tab Plugin di bilah sisi. Meskipun plugin itu sendiri gratis, penginstalan hanya tersedia untuk pelanggan paket Bisnis atau pengguna paket Pro, bagi mereka yang menggunakan paket lama.

Ini adalah gambar yang menunjukkan caranya Anda sekarang dapat menginstal plugin Messenger oleh Meta langsung dari tab Plugin di bilah sisi. Meskipun plugin itu sendiri gratis, instalasi hanya tersedia untuk pelanggan paket Bisnis atau pengguna paket Pro, bagi mereka yang menggunakan paket lama. Jika Anda berada di lokasi di mana Messenger merupakan plugin chatting utama, seperti Inggris, Amerika Serikat, India, atau Filipina, tambahkan plugin ini ke situs WordPress Anda.
WordPress Pelanggan Pro atau Bisnis dapat memasang widget Facebook Messenger secara langsung

Untuk menambahkan Facebook Messenger ke situs web di WordPress, ikuti petunjuk berikut:

  1. Cari widget Facebook Messenger dan pilih widget tersebut.
  2. Klik Instal sekarang.
  3. Klik Aktifkan.
  4. Cari tab yang bertuliskan Obrolan pelanggan. Navigasikan ke bagian Memulai dan klik Edit plugin obrolan.
  5. Sesuaikan plugin obrolan Anda dan selesaikan penyiapan Anda.

Atau, integrasikan Messenger ke dalam situs WordPress dengan menggunakan kode widget Messenger. Ini juga memerlukan pembayaran melalui paywall. Ada beberapa cara untuk menambahkan kode widget Messenger ke WordPress, termasuk memasang plugin header dan footer.

1. Tambahkan plugin header dan footer pilihan Anda dari halaman Plugin.

Setelah Anda memiliki kode Facebook Chat Plugin yang siap, Anda dapat menambahkan plugin header dan footer ke wordpress Anda.
Menambahkan plugin header dan footer

2. Arahkan ke Header dan Footer.

Setelah Anda menambahkan plugin header dan footer, navigasikan ke plugin tersebut.
Cara mengintegrasikan Facebook Messenger di situs web: Buka konsol header dan footer

3. Tambahkan skrip widget Facebook Messenger ke footer.

Sekarang tempelkan kode plugin Facebook Customer Chat ke dalam footer situs web wordpress Anda.
Cara mengintegrasikan Facebook Messenger di situs web: Tambahkan skrip ke konsol header dan footer

Anda sekarang telah menambahkan Facebook Messenger Live Chat ke situs web WordPress Anda.

Cara Menambahkan Messenger ke Situs Web: Wix

Bagaimana jika Anda ingin menambahkan obrolan langsung ke situs web Wix? Setelah Anda membuat skrip widget Facebook Messenger , ikuti langkah-langkah di bawah ini untuk menambahkannya ke situs web Wix Anda. Harap diperhatikan bahwa Anda memerlukan langganan berbayar untuk mengakses fitur ini.

1. Navigasikan ke Pengaturan > Pengaturan Lanjutan > Kode Khusus.

Sekarang setelah Anda memiliki kode widget Facebook Messenger yang sudah siap, arahkan ke Custom Code di dalam Wix.
Tambahkan kode widget Messenger ke Wix

2. Rekatkan kode widget Facebook Messenger dan pilih halaman di mana Anda ingin kode tersebut diterapkan. Pastikan Anda menempatkan kode di Body - end.

Ambil skrip plugin Facebook Chat dan tempelkan di dalam dialog kode kustom.
Isi Formulir Kode Khusus

Anda kini telah menambahkan Widget Obrolan Facebook ke situs web Wix Anda.

Sekarang widget Facebook Messenger akan muncul di Wix Website Anda.
Widget Obrolan Facebook baru Anda telah terpasang

Cara Menambahkan Messenger ke Situs Web: Shopify

Setelah Anda memiliki skrip widget Facebook Chat, ikuti langkah-langkah berikut ini untuk mengintegrasikan Facebook Messenger ke dalam situs web Shopify .

1. Navigasikan ke Toko Online dan edit kode.

Setelah Anda memiliki skrip plugin obrolan Pelanggan Facebook Anda siap, Navigasikan ke tema shopify Anda dan edit kodenya. Hal ini perlu dilakukan jika Anda menggunakan Shopify di negara di mana Messenger populer, seperti India, Filipina, Inggris, atau Amerika Serikat.
Shopify Obrolan Messenger: Mengedit kode toko online Anda

2. Buka bagian footer.liquid dan tempelkan skrip Widget Facebook Messenger .

Ambil kode Widget Facebook Messenger dan tambahkan ke bagian footer.liquid di situs web Spotify Anda.
Shopify Obrolan Messenger: Menambahkan skrip

Anda sekarang telah menambahkan widget Obrolan Facebook di situs web Shopify Anda.

Cara Menambahkan Messenger ke Situs Web: Squarespace

Setelah Anda memiliki skrip widget Facebook Chat, saatnya untuk menyematkan Messenger di situs web Squarespace .

1. Masuk ke Squarespace, pilih situs Anda dan buka Pengaturan.

Setelah Anda memiliki kode widget Facebook Messenger yang siap, masuklah ke squarespace untuk memulai proses instalasi.
Buka pengaturan situs Anda

2. Navigasikan ke Pengaturan Lanjutan.

Ada beberapa cara untuk Menambahkan Facebook Messenger ke Situs Web Anda. Untuk mengintegrasikan Facebook Messenger ke dalam situs web Squarespace Anda, buka Pengaturan Lanjutan. Ini adalah cara Menambahkan Facebook Messenger ke Situs Web Anda.
Buka pengaturan lanjutan

3. Navigasikan ke Code Injection (Injeksi Kode).

Ada beberapa cara untuk Menambahkan Facebook Messenger ke Situs Web Anda. Untuk mengintegrasikan Facebook Messenger ke dalam situs web Squarespace Anda, Anda dapat menggunakan Injeksi Kode Terbuka. Ini adalah cara Menambahkan Facebook Messenger ke Situs Web Anda.
Injeksi kode terbuka

4. Rekatkan skrip Widget Facebook Messenger .

Gambar ini menunjukkan cara mengintegrasikan obrolan ke domain Anda.
Tambahkan skrip

Anda sekarang telah menambahkan Facebook Messenger live chat ke situs web Anda.

Kami telah menunjukkan kepada Anda cara membuat kode widget obrolan Facebook dan memasang widget Obrolan Facebook pada beberapa pembangun situs paling populer. Ingin mengobrol dengan pelanggan di widget Messenger dan saluran lain, serta mengakses detail kontak dan riwayat obrolan mereka di kotak masuk terpusat? Daftar akun respond.io sekarang.

Bacaan Lebih Lanjut

Dan begitulah cara Anda mendapatkan widget Messenger untuk menambahkan Facebook Messenger ke situs web Anda. Jika Anda senang membaca tentang cara mengembangkan bisnis Anda dengan widget obrolan terbaik, pelajari lebih lanjut tentang pesan instan untuk bisnis melalui postingan blog ini:

Gerardo Salandra
Chief Executive Officer
Gerardo Salandra adalah CEO dan salah satu pendiri respond.io. Dengan pengalaman sebelumnya di IBM, Google, dan Runtastic, ia telah mengumpulkan keahlian dalam kecerdasan buatan dan peretasan pertumbuhan. Ia memiliki gelar MBA dari Chinese University of Hong Kong.
Tags
Disalin ke Clipboard!

Siap untuk memulai? ✨

  • Buka kekuatan respond.io untuk meningkatkan penjualan dan menyenangkan pelanggan.
  • Uji coba gratis 7 hari
  • Tidak memerlukan kartu kredit
  • Batalkan kapan saja
Daftar Gratis
  • Rasakan demo yang dipersonalisasi bersama kami
  • Temukan mengapa 10.000+ bisnis memilih kami
Pesan Demo