Widget Obrolan Situs Web memungkinkan pengunjung situs web untuk Menghubungi Anda melalui obrolan langsung atau melalui Saluran Pesan lain yang telah Anda sambungkan.
Tonton video di bawah untuk panduan langkah demi langkah tentang Cara Menghubungkan Obrolan Situs Web ke respond.io.
Langkah 1: Buka Pengaturan > Saluran
Langkah 2: Klik Tambahkan Saluran > Obrolan Situs Web > Hubungkan
Langkah 3: Isi situs web tempat Widget akan ditambahkan.
Lihat yang berikut tentang bagaimana situs web dapat masuk daftar putih.
Jika pengguna menambahkanhttps://app.respond.iomaka hanyahttps://app.respond.ioyang akan masuk daftar putih. Subdomain atau root lainnya tidak akan berfungsi.
Jika pengguna menambahkanhttps://*.respond.io, maka semua subdomain termasuk domain root akan masuk daftar putih.
Jika pengguna menambahkanhttps://respond.io, maka hanya domain root yang akan masuk daftar putih.
Langkah 4:Pilih Warna Tema untuk Widget menggunakan pemilih warna interaktif.
Pilih warna yang sesuai dengan merek warna dan situs web Anda.
Langkah 5:Pilih Ikon untuk Widget yang akan ditampilkan di situs web. Jika Anda lebih suka mengunggah ikon yang disesuaikan, Anda dapat mengunggah ikon persegi dengan ukuran yang disarankan 256px x 256px.
Widget dapat disesuaikan lebih lanjut setelah terhubung.
Langkah 6: KlikBerikutnya> Tambahkan skrip ke situs web pilihan Anda. Alternatifnya, Anda dapat mengirim petunjuk instalasi ke orang lain melalui email.
Anda mungkin memerlukan webmaster atau admin teknis untuk membantu memasang widget obrolan di situs web. Silakan mencari bantuan jika diperlukan.
Bergantung pada sistem apa yang Anda gunakan untuk membuat dan mengelola situs web Anda, kami telah membuat panduan langkah demi langkah untuk memandu Anda memasang Widget Obrolan ke situs web Anda.
Untuk platform atau layanan lain, navigasikan ke sumber HTML halaman. Tempelkan skrip sebelum tag </body> .
<body>
...
...
...
<Paste Script Here>
</body>Jika Anda memerlukan bantuan, Anda dapat memilih untuk meneruskan skrip beserta petunjuk instalasi kepada administrator situs web Anda. Pilih kotak centang yang sesuai dan masukkan alamat email seseorang yang dapat membantu Anda memasang plugin obrolan.
Widget Obrolan Situs Web respond.io akan muncul di situs Anda setelah skrip berhasil dipasang.
Langkah 1:Di Ruang Kerja Anda, bukaPengaturan>Saluran
Langkah 2: Temukan Saluran Obrolan Situs Web > klik Kustomisasi
Sesuaikan Widget Situs Web agar cocok dengan tampilan situs web'sehingga widget akan tampak mulus. Di sisi kanan halaman, ada pratinjau widget obrolan situs web. Kustomisasi apa pun yang dibuat pada widget akan tercermin pada widget untuk membantu Anda mendapatkan gambaran lebih baik tentang apa yang sedang Anda kustomisasi.
Anda dapat menyesuaikan hal berikut untuk mengubah tampilan widget di situs web.
Bidang | Keterangan |
|---|---|
Warna Tema | Warna yang dipilih akan digunakan sebagai warna utama widget Anda. |
Warna teks | Warna yang dipilih akan digunakan sebagai warna teks utama widget Anda. |
Ikon Obrolan Situs Web | Ikon yang dipilih digunakan di dalam gelembung widget bersama dengan Warna Tema. Anda dapat mengunggah ikon khusus jika perlu. |
Pesan Munculan | Pesan Popup ditampilkan kepada pengunjung situs web sekali sehari 5 detik setelah halaman dimuat. Jika tidak didefinisikan, pesan popup tidak akan muncul kepada pengunjung situs web. |
Validasi untuk Ikon Obrolan Situs Web:
Ukuran berkas maksimum: 1MB
Dimensi file maksimum: 256 x 256 piksel
Bentuk: Persegi
Bidang | Keterangan |
|---|---|
Sejajarkan Dengan | Pengguna dapat memilih untuk menentukan posisi apakah akan menampilkan widget di sebelah kiri atau kanan platform. |
Jarak Vertikal | Pengguna dapat menentukan jumlah jarak vertikal antara widget obrolan situs web dan bagian bawah layar. |
Jarak Horisontal | Pengguna dapat menentukan jumlah jarak horizontal antara widget obrolan situs web dan sisi layar. |
Ukuran Widget | Pengguna dapat memilih ukuran widget dari Kecil, Standar atau Besar. |
Pilihan tampilan | Pengguna dapat memilih untuk menampilkan widget ini di desktop, perangkat seluler, atau keduanya. |
Bidang | Keterangan |
|---|---|
Judul | Judul akan ditampilkan di bagian atas widget obrolan Anda. |
Tagline | Tagline akan ditampilkan di bawah judul. |
Logo Obrolan Situs Web | Letakkan gambar logo Anda di sini sehingga akan ditampilkan di bagian atas Obrolan Situs Web. Formatnya bisa berupa PNG, SVG atau JPG dan ukuran filenya tidak lebih dari 4,0 MB. |
Ikon Saluran | Pilihan ini akan memungkinkan Kontak untuk menghubungi Anda melalui Saluran pilihan mereka asalkan pilihannya diberikan. Anda dapat menambahkan hingga enam Saluran dan itu akan ditampilkan di bagian atas Widget Obrolan Situs Web. |
Warna Ikon Saluran | Ikon Saluran dapat ditampilkan dalam bentuk putih atau berwarna pada widget obrolan Anda. Pilih Putih atau Berwarna untuk menyesuaikan Warna Tema widget obrolan Anda. |
Validasi untuk Logo Obrolan Situs Web:
Ukuran berkas maksimum: 4MB
Dimensi file maksimum: 1024 x 1024 piksel
Bentuk: Persegi
Jika Widget Obrolan Situs Web belum pernah dikonfigurasi sebelumnya, Saluran yang terhubung dengan informasi yang memadai akan dicantumkan secara default sebagai tautan Saluran Widget.
Anda dapat menambahkan tautan Saluran widget dan menentukan informasi yang diperlukan untuk Saluran yang dipilih.
Berikut adalah daftar Bidang Input yang diperlukan untuk setiap Tautan Saluran yang didukung.
Tautan Saluran | Bidang Input Diperlukan |
|---|---|
Nomor Telepon WhatsApp | |
Pesan Facebook | ID Halaman Facebook |
Telegram | Nama Bot Telegram |
ID Twitter | |
LINE | ID LINE |
Viber | Nama Akun Publik Viber |
SMS | Nomor Telepon SMS |
Alamat email | |
Panggilan Telepon | Nomor telepon |
Tautan Kustom | Alamat URL dan Ikon |
QR khusus | Gambar dan Ikon QR |
Validasi untuk Ikon Saluran:
Ukuran berkas maksimum: 1MB
Dimensi file maksimum: 256 x 256 piksel
Bentuk: Persegi
Mengaktifkan opsi ini akan menambahkan formulir pra-obrolan ke Obrolan Situs Web Anda. Jika diaktifkan, pengunjung situs web Anda akan diberikan formulir untuk diisi sebelum mereka memulai obrolan.
Dengan mengaktifkan opsi ini, Anda dapat menyertakan bidang khusus tambahan bila diperlukan. Selain itu, Anda juga dapat menyesuaikan label untuk bidang default tentang bagaimana bidang tersebut muncul pada Kontak Anda.
Label bidang dapat disesuaikan ke bahasa lain agar sesuai dengan bahasa situs web'.
Bidang | Keterangan |
|---|---|
Teks Bilah Masukan | Teks ini akan berfungsi sebagai pengganti dalam area pengetikan. |
Fon Teks | Font yang akan digunakan untuk menampilkan font di widget obrolan situs web. |
Bila opsi ini dicentang, pengunjung situs web tidak memiliki opsi untuk melampirkan lampiran di widget obrolan situs web.
Saat menggunakan opsi ini, widget akan disembunyikan sepenuhnya. Sampai Referensi Jangkar diklik atau saat obrolan dibuka melalui API terprogram.
#widget_obrolan_web
Dengan menggunakan jangkar di atas Anda dapat membuat tombol pada halaman Anda, untuk membuka widget setelah diklik.
Dengan menggunakan opsi ini Anda dapat menghapus Branding respond.io dari Widget Anda.
Langkah 1: Klik Pengaturan > Saluran
Langkah 2: Temukan Obrolan Situs Web > klik Kelola
Langkah 3: Di halaman Konfigurasi Obrolan Situs Web Anda akan melihat konfigurasi berikut:
Tautan Obrolan - Tautan URL bagi Kontak Anda untuk mencapai Saluran Anda.
Nama Saluran - Nama Saluran dapat diubah dan digunakan secara internal untuk mengidentifikasi Saluran.
Domain Situs Web - Situs Web yang terhubung ke Widget Anda.
Kode Obrolan Situs Web - Kode yang dapat Anda tempel di sumber HTML situs web Anda jika Anda perlu mengambil cuplikan kode yang dihasilkan.
Jika Anda tidak menyertakan situs web Anda dalam daftar ini, widget Anda tidak akan dimuat. Anda dapat menambahkan beberapa URL jika Anda'menggunakan plugin di beberapa situs web.
Langkah 4: Klik Simpan Perubahan untuk memperbarui halaman Konfigurasi Obrolan Situs Web
Pengguna yang masuk ke situs web Anda dapat diidentifikasi dengan menambahkan kode JavaScript sederhana ke kode situs web Anda. Setelah pengenal yang diberikan cocok dengan Kontak yang ada, percakapan saat ini akan dilanjutkan.
Istilah “pengguna” digunakan dalam konteks situs web Anda. Di platform respond.io, kami terus menyebutnya sebagai “Kontak”.
window.__respond_settings = {
pengenal: "[email protected]",
namadepan: "Jane",
namabelakang: "Doe",
telepon: "60123456789",
email: "[email protected]",
fotoprofil: "https://static.independent.co.uk/s3fs-public/thumbnails/image/2015/07/08/14/pic.jpg",
kodenegara: "MY",
bahasa: "en",
// Kolom Kustom
kolom_kustom: {
// siput bidang khusus
nomor: 123,
deskripsi: "beberapa teks",
},
};Panduan tentang cara menggunakan kode
Edit kode (diberikan di bawah) untuk mengirim respond.io pengenal pengguna yang saat ini masuk. Ini dapat berupa alamat email atau ID Kontak atau berdasarkan bidang Kontak lainnya. Harap perhatikan bahwa pengenal merupakan bidang yang wajib diisi.
Tempel kode tepat di tag head di setiap halaman tempat Anda ingin obrolan situs web tersebut muncul.
Skrip untuk mengidentifikasi pengguna yang masuk harus ditempatkan di atas kode obrolan situs web yang dapat ditemukan dalam dialog konfigurasi obrolan situs web.
Anda juga dapat mengirim Bidang Kontak respond.io yang terkait dengan Kontak Anda sehingga kami akan menyimpan bidang Kontak selama proses pembuatan Kontak. Nama bidang (atau slug) dapat ditemukan di modul Bidang Kontak.
Harap dicatat bahwa jika Anda menggunakan fitur ini, formulir pra-obrolan akan diabaikan yang berarti Kontak tidak perlu mengisi informasi mereka sebelum memulai percakapan.
Contoh di atas meneruskan alamat email sebagai pengenal dan selama proses pembuatan Kontak, semua bidang Kontak yang diteruskan akan disimpan.
Widget Obrolan Situs Web dapat dibuka dan ditutup melalui kode JavaScript Situs Web Anda. Ini memungkinkan Anda membuat tombol "Ngobrol dengan kami" khusus di Situs Web Anda, dan memicu Widget Obrolan Situs Web terbuka saat pengunjung mengklik tombol tersebut.
Obrolan terbuka
Deskripsi: Membuka widget obrolan.
Sintaksis: $respond.do("chat:open")
Tutup obrolan
Deskripsi: Menutup widget obrolan.
Sintaksis: $respond.do("chat:close")
Kotak obrolan telah dibuka
Deskripsi: Menangani peristiwa pembukaan widget obrolan (memicu fungsi panggilan balik Anda).
Sintaksis:$respond.on("chat:opened", callback)
Kotak obrolan ditutup
Deskripsi: Menangani peristiwa penutupan widget obrolan (memicu fungsi panggilan balik Anda).
Sintaksis:$respond.on("chat:closed", callback)
Apakah obrolan terbuka?
Deskripsi: Mengembalikan true jika widget obrolan dibuka, jika tidak false.
Sintaksis: $respond.is("chat:open")
Apakah obrolan ditutup?
Deskripsi: Mengembalikan true jika widget obrolan ditutup, jika tidak false.
Sintaksis: $respond.is("chat:closed")
Mungkin ada beberapa alasan mengapa pesan tidak terkirim:
Kontak telah meninggalkan situs web.
Ketidakaktifan kontak'dapat melebihi periode batas waktu.
Klien Kontak'mungkin memiliki masalah koneksi internet.
Pastikan kode terpasang dengan benar. Lihat petunjukdi sinitentang cara memasang widget obrolan situs web.
Pastikan untuk memasukkan situs web tempat widget akan dipasang ke daftar putih. Lihat Langkah 3 dariMenghubungkan Widget Obrolan Situs Webtentang cara memasukkan domain Anda ke daftar putih.
Artikel terkait 👩💻