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.
![](https://cdn.prod.website-files.com/6030eb20edb267a2d11d31f6/624ea8d355966e2a52c1c629_CTA-03_7f4cb5919a7648c9eba892ea290a0a7a_800.png)
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.](https://cdn.prod.website-files.com/6030eb20edb267a2d11d31f6/62ee4332955a6ea2c2e72a2c_ScreenShot2021-08-27at3_40_01PM_12245abf57b1ecf0a5373de455bb3960_800.png)
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.](https://cdn.prod.website-files.com/6030eb20edb267a2d11d31f6/62ee4330955a6eaf45e729bf_ScreenShot2021-09-02at2_24_00PM_0aa2ded6ba0cf038eeed519c48ce2201_800.png)
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.](https://cdn.prod.website-files.com/6030eb20edb267a2d11d31f6/62ee4331955a6eef3fe729ec_facebook_widget_image_01_3b1caa785ca66b16106b10939dbae9d2_800.png)
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.](https://cdn.prod.website-files.com/6030eb20edb267a2d11d31f6/641d61ba65242e230720feab_screenshot-2023-03-23-at-54336-pm_824bac8b9c535f66c6fb82739a334705_800.jpeg)
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.](https://cdn.prod.website-files.com/6030eb20edb267a2d11d31f6/641d61ba65242ece9320feac_screenshot-2023-03-23-at-54433-pm_9ac3c2d183a1fefa85edd0273e246fc5_800.jpeg)
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.](https://cdn.prod.website-files.com/6030eb20edb267a2d11d31f6/62ee4331955a6e7fd9e729ce_ScreenShot2022-07-29at10_56_04AM_ae2a686d2130111de0c513ead0d97358_800.png)
Untuk menambahkan Facebook Messenger ke situs web di WordPress, ikuti petunjuk berikut:
- Cari widget Facebook Messenger dan pilih widget tersebut.
- Klik Instal sekarang.
- Klik Aktifkan.
- Cari tab yang bertuliskan Obrolan pelanggan. Navigasikan ke bagian Memulai dan klik Edit plugin obrolan.
- 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.](https://cdn.prod.website-files.com/6030eb20edb267a2d11d31f6/62ee4330955a6ef9a7e729bd_ScreenShot2022-07-29at11_52_30AM_3780b1f4de40d5e11d8d672329d4bd43_800.jpeg)
2. Arahkan ke Header dan Footer.
![Setelah Anda menambahkan plugin header dan footer, navigasikan ke plugin tersebut.](https://cdn.prod.website-files.com/6030eb20edb267a2d11d31f6/62ee4331955a6e2eb2e729e4_WP2_4d953f50ba9acaca2b88e5f08d6bc44a_800.png)
3. Tambahkan skrip widget Facebook Messenger ke footer.
![Sekarang tempelkan kode plugin Facebook Customer Chat ke dalam footer situs web wordpress Anda.](https://cdn.prod.website-files.com/6030eb20edb267a2d11d31f6/62ee4331955a6ebb7de729eb_WP3_80937b8193213f749743f1b437ff6489_800.png)
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.](https://cdn.prod.website-files.com/6030eb20edb267a2d11d31f6/62ee4330955a6ec858e729be_ScreenShot2022-07-20at2_05_43PM_b563dc079154f17171786268cc31d729_800.jpeg)
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.](https://cdn.prod.website-files.com/6030eb20edb267a2d11d31f6/62ee4331955a6e0736e729cf_WixStep2_3f9082e6ce590b7a275daafe701ba192_800.png)
Anda kini telah menambahkan Widget Obrolan Facebook ke situs web Wix Anda.
![Sekarang widget Facebook Messenger akan muncul di Wix Website Anda.](https://cdn.prod.website-files.com/6030eb20edb267a2d11d31f6/62ee4332955a6e5802e72a37_WixStep4_a5049d2beb1270d8994380266d8bac94_800.png)
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.](https://cdn.prod.website-files.com/6030eb20edb267a2d11d31f6/62ee4333955a6e5bdae72a4c_Shopify1_9222311e39fbf060940ff01258a9e03b_800.png)
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.](https://cdn.prod.website-files.com/6030eb20edb267a2d11d31f6/62ee4333955a6ec7d9e72a5b_Shopify2_b5a335efc57804262dcfc94ae519ac3c_800.png)
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.](https://cdn.prod.website-files.com/6030eb20edb267a2d11d31f6/62ee4333955a6ec350e72a4d_SS1_862e297ff8243b57f35ef081683d720c_800.png)
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.](https://cdn.prod.website-files.com/6030eb20edb267a2d11d31f6/62ee4333955a6e2663e72a5c_SS2_c10ae102c296fac60ddf68d2da902250_800.png)
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.](https://cdn.prod.website-files.com/6030eb20edb267a2d11d31f6/62ee4331955a6e533de729e3_SS3_7587b8efd92e682517e445a85c191782_800.png)
4. Rekatkan skrip Widget Facebook Messenger .
![Gambar ini menunjukkan cara mengintegrasikan obrolan ke domain Anda.](https://cdn.prod.website-files.com/6030eb20edb267a2d11d31f6/62ee4333955a6e4fb0e72a5d_SS4_3f4c0e489e816784968c37d62b261798_800.png)
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.
![](https://cdn.prod.website-files.com/6030eb20edb267a2d11d31f6/624ea8d355966e2a52c1c629_CTA-03_7f4cb5919a7648c9eba892ea290a0a7a_800.png)
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:
- Cara Menggunakan Integrasi WhatsApp dengan Situs Web
- Panduan Utama untuk Bisnis Telegram
- Panduan Utama Viber untuk Bisnis