Integrating the WhatsApp Business Platform with HubSpot
HubSpot adalah platform manajemen hubungan pelanggan (CRM) yang memungkinkan organisasi memasarkan, menjual, dan mendukung produk atau layanan mereka secara lebih efektif.
Platform WhatsApp Business memungkinkan bisnis untuk menggunakan Cloud API, yang di-hosting oleh Meta untuk berkomunikasi langsung dengan pelanggan mereka dari CRM mereka melalui integrasi WhatsApp. Ini memberikan akses mudah ke fitur berkirim pesan dan memungkinkan integrasi langsung dengan sebagian besar stack teknologi yang ada.
Di sini kita akan melihat cara menyiapkan integrasi semacam ini dengan HubSpot dan membuat alur kerja dalam CRM untuk menanggapi pesan secara otomatis berdasarkan peristiwa dan aturan khusus pada platform HubSpot dari WhatsApp.
Prasyarat
Untuk menyelesaikan tutorial ini, Anda akan memerlukan:
Akun WhatsApp Business.
Akun Meta untuk Developer.
Akun Developer Aplikasi HubSpot (pilih Developer Aplikasi jika membuat akun baru). Akun Developer Aplikasi HubSpot menyediakan fitur dan layanan yang tercantum dalam syarat dan ketentuan mereka, termasuk memberikan akses ke API CRM mereka dan kemampuan untuk membuat aplikasi.
URL yang menunjuk ke instance aktif dalam contoh aplikasi Glitch ini untuk menerima pesan dari WhatsApp Business Messenger.
Artikel ini berasumsi bahwa Anda sudah familier dengan Platform WhatsApp Business, Meta untuk Developer, dan HubSpot.
Mengirim Pesan
Langkah pertama adalah menyiapkan akun Anda. Untuk melakukannya:
Buat akun developer Facebook atau login jika sudah punya.
Selesaikan langkah “Menyiapkan Aset Developer dan Akses Platform” di dokumentasi resmi untuk memulai, dan kirim pesan uji.
Tambahkan nomor telepon Anda ke konfigurasi aplikasi Cloud API.
Menerima Pesan dengan Contoh Aplikasi
Kita perlu menyiapkan Webhooks dan URL pelanggan Webhooks dengan endpoint untuk menguji Webhooks Anda. Untuk melakukan ini, kita akan menggunakan contoh aplikasi yang disebutkan di atas.
Klik tombol Remix to Edit di sisi kanan atas agar dapat mengedit detail konfigurasi.
Buka file .env, tempelkan token akses Cloud API ke kolom WHATSAPP_TOKEN. Untuk VERIFY_TOKEN, Anda dapat memasukkan string apa pun, tetapi tetap berguna karena kita akan menggunakannya nanti.
Menyiapkan Webhooks Cloud API
Berikutnya, atur Webhooks untuk API agar langganan dapat memperbarui atau menanggapi perubahan peristiwa dengan memulai dari Dasbor Aplikasi Meta untuk Developer bagi aplikasi Anda. Klik bilah navigasi WhatsApp. Lalu, di bawah menu Memulai, klik Konfigurasi, kemudian klik Edit.
Lengkapi kolom URL Panggilan Balik dan Verifikasikan token di kotak dialog URL panggilan balik dari Edit Webhooks. URL panggilan balik akan berupa https://<<PROJECT NAME>>.glitch.me. Ganti nama proyek dengan nama proyek Anda (e.g. https://defiant-standing-mirror.glitch.me). Lalu verifikasikan bahwa URL sama seperti di atas.
Klik Verifikasikan dan simpan. Lihat panduan developer untuk detail selengkapnya tentang pengaturan Webhooks WhatsApp.
Sekarang Anda dapat mengirimkan notifikasi pengujian ke endpoint.
Pada halaman yang sama, di bawah tombol Edit, klik kolom Webhooks, lalu klik Kelola dan silakan berlangganan peristiwa yang ingin Anda dengarkan melalui endpoint. Berikutnya, klik Uji untuk mengirim pesan notifikasi ke nomor telepon penerima yang telah dikonfigurasi sebelumnya.
Untuk memverifikasi bahwa aplikasi sedang berjalan dan mendengarkan peristiwa, buka Glitch, klik logs, dan lihat catatan untuk peristiwa yang Anda pilih.
Menyiapkan CRM HubSpot
Sekarang, Anda menyiapkan CRM HubSpot untuk mengirim pesan WhatsApp secara otomatis kepada pelanggan yang info kontaknya menyertakan nomor telepon.
Buka platform HubSpot dan login ke akun developer Anda atau buat baru. Akun developer menyediakan uji coba gratis selama 90 hari untuk semua fitur perusahaan HubSpot, termasuk marketing, penjualan, layanan, dan CMS, sehingga Anda dapat menguji API dan fitur HubSpot.
Setelah menyiapkan akun developer Anda, klik Manage test accounts.
Lalu pilih Create app test account, beri nama demo_whatsapp_integration (atau sesuka Anda) dan klik Create.
Klik akun uji aplikasi yang baru saja dibuat dan arahkan ke dasbor. Lalu klik Kontak di sisi kiri atas bilah navigasi. Anda akan melihat dua kontak untuk demo. Jangan ragu untuk menghapusnya dan menambahkan kontak baru yang menyertakan nomor telepon pengujian untuk menguji WhatsApp.
Menghubungkan WhatsApp dengan CRM HubSpot
Berikutnya, kita akan perlu menginstal integrasi WhatsApp dengan CRM HubSpot. Pertama, buka Settings di HubSpot. Di bawah menu Account Setup, klik Integrations, diikuti dengan Connected Apps.
Pilih Visit App Marketplace. Gunakan kolom Pencarian untuk mencari aplikasi WhatsApp. Klik WhatHub: WhatsApp Integration.
Pilih akun demo_whatsapp_integration dan klik Choose Account. Anda kemudian dapat melihat ikon WhatsApp di halaman kontak di samping opsi kontak lainnya. Klik untuk mulai mengirim pesan dari CRM HubSpot. Anda dapat menggunakan pesan khusus atau template yang telah ditentukan sebelumnya.
Anda juga dapat melihat daftar pesan dan statusnya di tab Activity
Menyiapkan Alur Kerja Otomatis
Berikutnya, kami akan memasukkan ini ke dalam alur kerja yang dipicu oleh peristiwa di CRM. Untuk melakukan ini, kami akan menyiapkan alur kerja khusus dari dasbor HubSpot. Klik Automation di bilah navigasi, lalu klik Workflows untuk membuka dasbor Workflow.
Klik Create workflow dan pilih opsi From scratch. Sekarang, klik Contact-based, diikuti dengan next.
Klik Set up triggers dan pilih opsi WhatsApp message sent from HubSpot portal integration event.
Pilih Message sent filter type, atur workflow trigger ke “is equal to any of,” dan tentukan nilai sebagai Buy item. Akhirnya, klik filter Apply, lalu Simpan.
Kemudian, klik ikon + dan tambahkan tindakan lainnya. Di daftar Choose an action, klik Create task.
Beri nama “Test Task” dan tetapkan ke akun pengujian Anda, lalu klik Save. Berikutnya, klik Review, terbitkan, dan aktifkan alur kerja dengan mengeklik “Turn on” di pojok kanan atas jendela.
Sekarang, pilih Test dan pilihlah kontak uji untuk menguji alur kerja. Ini memicu alur kerja, seperti yang ditunjukkan di bawah.
Berikutnya, kami akan membuat integrasi yang mendengarkan WhatsApp dan memperbarui data secara otomatis di CRM HubSpot saat notifikasi diterima. Sebelum menyiapkan alur kerja, kita perlu menambahkan kontak uji ke daftar. Klik Contacts, lalu Lists, untuk membuat daftar baru.
Setelah selesai, buka halaman Workflow dan buat alur kerja baru, lalu namai “WhatsApp Automation.”
Pilih daftar berbasis kontak, tambahkan nama daftar, lalu pilih daftar statis. Klik Next, lalu klik tombol + Add filter.
Sekarang, pilih List membership dari daftar Add filter untuk menambahkannya sebagai filter dan klik Save list.
Sekarang Anda dapat melanjutkan penyiapan alur kerja. Lakukan ini dengan memilih Contact-based dan tambahkan Contact enrollment trigger ke List membership.
Menyiapkan tugas agar dipicu saat alur kerja ini diaktifkan. Periksa bahwa tugas ini muncul di lini masa Actions, dan klik Save.
Di daftar Choose an action, klik Send a webhook.
Berikutnya, buat tindakan agar alur kerja mengirim payload ke endpoint saat alur kerja terpicu.
Pastikan Anda menggunakan URL yang Anda siapkan sebelumnya di tutorial. Klik Save. Terakhir, lanjutkan untuk menguji alur kerja seperti yang Anda lakukan sebelumnya: buka daftar Test, pilih kontak uji Anda dari daftar Preview for, dan klik Test. Alur kerja ini selesai.
Sekarang, mari kita periksa catatan dan lini masa Actions Anda. Buka kembali lini masa Actions untuk melihat pratinjau tugas yang dibuat.
Untuk memeriksa catatan Anda, kembalilah ke aplikasi Glitch yang sedang berjalan dan lihat Logs untuk mengonfirmasi penyampaian pesan.
Kesimpulan
Mengintegrasikan Platform WhatsApp Business dengan HubSpot memungkinkan Anda mengotomatiskan pengiriman dan penerimaan pesan berdasarkan aturan yang Anda buat untuk peristiwa dan tindakan yang diambil oleh pelanggan Anda.
Artikel ini membahas cara menghubungkan kedua layanan ini dalam tutorial langkah demi langkah untuk mengirim pesan WhatsApp ke kontak dengan detail terdaftar di HubSpot. Anda menyiapkan alur kerja khusus yang memicu tindakan berdasarkan peristiwa yang telah ditentukan sebelumnya. Selain itu, Anda menyiapkan alur kerja yang mengirimkan notifikasi ke endpoint yang telah disiapkan sebelumnya dan memulai tugas baru.
Untuk memastikan pesan Anda mengalir dan mengirimkan pembaruan yang tepat waktu, relevan, dan diharapkan kepada pelanggan, Anda harus memperhatikan jumlah pesan. Hindari mengirim spam kepada pengguna agar pelanggan Anda senang dan berinteraksi.
Untuk cara lain dalam mengintegrasikan WhatsApp ke aplikasi dan proyek Anda, lihat tutorial developer kami lainnya.
Mengintegrasikan WhatsApp ke dalam Shopify
