Cara Memasang Widget Obrolan Papo di Situs HTML Statis

Q: Apa yang harus dilakukan jika widget tidak muncul di situs?

Periksa apakah snippet dimasukkan sebelum , apakah kotak masuk aktif dan memiliki agen terkait, dan apakah tidak ada pemblokir skrip di browser. Membersihkan cache situs juga membantu.

Untuk memasang widget obrolan Papo (https://papo.global/) di situs HTML statis, salin snippet yang dihasilkan di panel dan tempelkan langsung ke kode sumber, sebelum tag </body>, di semua halaman tempat layanan harus muncul. Penyesuaian warna dan pesan selamat datang dilakukan sepenuhnya di panel, tanpa mengubah HTML.

Langkah	Tindakan	Detail
1. Buat kotak masuk	Buka Pengaturan → Kotak Masuk → Tambah kotak → Situs.	Beri nama dan masukkan URL situs (hanya digunakan untuk identifikasi).
2. Salin snippet	Panel menghasilkan blok `<script>` khusus.	Salin semua kode yang ditampilkan.
3. Tempel di HTML	Buka file situs dan tempel snippet tepat sebelum penutup `</body>`.	Ulangi di setiap halaman tempat obrolan harus muncul. Jika menggunakan template, masukkan di footer umum.
4. Sesuaikan warna dan pesan	Di panel, sesuaikan warna utama dan tulis sapaan proaktif.	Perubahan otomatis berlaku pada widget, tanpa mengubah kode.
5. Kaitkan agen	Di kotak yang sama, tambahkan setidaknya satu agen.	Tanpa agen, percakapan tidak diteruskan dan widget mungkin tidak dimuat.
6. Uji	Kunjungi situs, periksa apakah ikon obrolan muncul dan kirim pesan.	Percakapan uji muncul di kotak masuk Papo, mengonfirmasi penangkapan prospek.

Cara memasang widget di situs HTML statis

Buat kotak masuk bertipe Situs
Di panel Papo, buka Pengaturan → Kotak Masuk, klik Tambah kotak dan pilih Situs. Masukkan nama (mis.: "Obrolan situs") dan URL situs (tidak memengaruhi fungsionalitas, hanya membantu mengidentifikasi saluran). Tidak perlu memasang plugin apa pun; prosesnya sama untuk situs mana pun yang menyajikan file HTML.
Salin snippet yang dihasilkan
Setelah membuat kotak, panel menampilkan kode JavaScript khusus. Salin seluruh blok <script>...</script>.
Tempel snippet di HTML
Buka file HTML halaman (misalnya, index.html) dan masukkan kode tepat sebelum tag </body>. Lakukan ini di setiap halaman tempat Anda ingin menampilkan obrolan. Jika situs menggunakan file footer atau header umum (via include atau PHP), menambahkan snippet di file tunggal itu sudah mengaktifkan widget di seluruh situs.

Contoh penempatan dalam kode:
```
<body>
  
  <script src="https://app.papo.global/..."></script>
</body>
```
Tidak diperlukan pengetahuan back-end; widget berjalan di browser pengunjung.
Kaitkan agen ke kotak
Kembali ke panel, di kotak masuk yang sama, dan tambahkan setidaknya satu agen. Tanpa agen yang terhubung, kotak tidak memiliki petugas dan widget mungkin tidak ditampilkan. Jika hanya memiliki satu agen, kaitannya otomatis; dalam tim, pilih anggota yang bertanggung jawab.

Penyesuaian warna dan pesan selamat datang

Setelah menempelkan snippet, Anda dapat menyesuaikan tampilan widget tanpa mengubah kode:

Warna utama: Di panel, dalam pengaturan kotak, pilih warna yang cocok dengan identitas visual situs. Perubahan langsung terlihat.
Pesan selamat datang: Aktifkan sapaan proaktif dan tulis teks yang akan muncul secara otomatis setelah beberapa detik. Contoh efektif: "Halo! Ada yang bisa kami bantu?" atau "Butuh bantuan dengan pesanan Anda?".

Opsi ini tersedia di tempat yang sama di mana Anda membuat kotak. Setiap perubahan diterapkan ke widget tanpa perlu menyalin snippet baru.

Cara menguji penangkapan prospek

Buka situs di jendela anonim (untuk menghindari cache) dan periksa apakah ikon obrolan muncul di sudut layar.
Klik ikon dan kirim pesan uji (misalnya, "Saya ingin informasi lebih lanjut").
Di panel Papo, buka kotak masuk situs dan konfirmasi bahwa percakapan muncul. Kontak akan otomatis terdaftar di CRM, dan Anda dapat membalas melalui panel.

Jika pesan tidak masuk, periksa apakah snippet berada sebelum </body>, apakah kotak masuk aktif dan apakah ada setidaknya satu agen yang terkait. Pemblokir skrip dapat menghambat pemuatan; coba juga tanpa ekstensi aktif.

Untuk siapa ini direkomendasikan

Situs HTML statis tanpa CMS (WordPress, Shopify) yang membutuhkan obrolan profesional.
Landing page dan portofolio di mana kontak cepat meningkatkan konversi.
Pengembang yang sedang menguji widget sebelum mengintegrasikannya ke platform yang lebih besar.
Usaha kecil yang mempertahankan situs sederhana dan ingin menangkap prospek tanpa memasang sistem yang rumit.

Pertanyaan yang sering diajukan

Apakah saya memerlukan server back-end untuk menggunakan widget?

Tidak. Widget ini berbasis JavaScript yang dijalankan di browser. Cukup tempel snippet di HTML dan obrolan berfungsi.

Apakah snippet perlu disalin di semua halaman?

Ya, di setiap halaman tempat obrolan harus muncul. Jika situs Anda menggunakan file footer umum, menempatkan snippet di sana satu kali saja sudah mengaktifkan widget di seluruh situs.

Bisakah saya menyesuaikan warna setelah dipasang?

Ya, perubahan warna dan teks pesan selamat datang dilakukan di panel Papo dan otomatis muncul di widget, tanpa Anda perlu mengubah kode.

Apa yang harus dilakukan jika widget tidak muncul di situs?

Periksa apakah snippet dimasukkan sebelum </body>, apakah kotak masuk aktif dan memiliki agen terkait, dan apakah tidak ada pemblokir skrip di browser. Membersihkan cache situs juga membantu.

Apakah saya perlu membuat ulang snippet untuk setiap situs yang berbeda?

Ya. Setiap kotak masuk menghasilkan skrip khusus. Jika Anda memiliki beberapa domain (mis. situs institusional dan landing page terpisah), buat kotak untuk masing-masing dan gunakan snippet yang sesuai.

Apakah widget memengaruhi kinerja situs?

Pemuatan bersifat asinkron dan tidak memblokir rendering halaman. File widget ringan dan hanya dimuat saat diperlukan.