[{"data":1,"prerenderedAt":463},["ShallowReactive",2],{"page-\u002Fwebchat\u002Fkonfigurasi":3},{"id":4,"title":5,"body":6,"description":454,"endpoint":455,"extension":456,"icon":455,"meta":457,"method":455,"nav":455,"navigation":458,"path":459,"seo":460,"stem":461,"__hash__":462},"docs\u002Fwebchat\u002Fkonfigurasi.md","Konfigurasi",{"type":7,"value":8,"toc":446},"minimark",[9,13,18,30,128,222,228,246,250,266,320,331,335,390,394,432,435,439,442],[10,11,12],"p",{},"Snippet widget hanya punya sedikit opsi. Hampir semua pengaturan, termasuk tampilan, diatur di dashboard dan berlaku otomatis di widget yang sudah terpasang.",[14,15,17],"h2",{"id":16},"opsi-snippet","Opsi snippet",[10,19,20,21,25,26,29],{},"Opsi diisi di objek ",[22,23,24],"code",{},"window.cskuSettings",", sebelum ",[22,27,28],{},"widget.js"," dimuat.",[31,32,37],"pre",{"className":33,"code":34,"language":35,"meta":36,"style":36},"language-html shiki shiki-themes github-light github-dark","\u003Cscript>window.cskuSettings = {\"channelKey\": \"\u003CID_CHANNEL>\", \"position\": \"right\", \"zIndex\": 2147483000};\u003C\u002Fscript>\n\u003Cscript src=\"https:\u002F\u002Fapp.csku.ai\u002Fwidget\u002Fwidget.js\" async>\u003C\u002Fscript>\n","html","",[22,38,39,102],{"__ignoreMap":36},[40,41,44,48,52,55,59,62,66,69,72,75,78,80,83,85,88,90,94,97,99],"span",{"class":42,"line":43},"line",1,[40,45,47],{"class":46},"sVt8B","\u003C",[40,49,51],{"class":50},"s9eBZ","script",[40,53,54],{"class":46},">window.cskuSettings ",[40,56,58],{"class":57},"szBVR","=",[40,60,61],{"class":46}," {",[40,63,65],{"class":64},"sZZnC","\"channelKey\"",[40,67,68],{"class":46},": ",[40,70,71],{"class":64},"\"\u003CID_CHANNEL>\"",[40,73,74],{"class":46},", ",[40,76,77],{"class":64},"\"position\"",[40,79,68],{"class":46},[40,81,82],{"class":64},"\"right\"",[40,84,74],{"class":46},[40,86,87],{"class":64},"\"zIndex\"",[40,89,68],{"class":46},[40,91,93],{"class":92},"sj4cs","2147483000",[40,95,96],{"class":46},"};\u003C\u002F",[40,98,51],{"class":50},[40,100,101],{"class":46},">\n",[40,103,105,107,109,113,115,118,121,124,126],{"class":42,"line":104},2,[40,106,47],{"class":46},[40,108,51],{"class":50},[40,110,112],{"class":111},"sScJk"," src",[40,114,58],{"class":46},[40,116,117],{"class":64},"\"https:\u002F\u002Fapp.csku.ai\u002Fwidget\u002Fwidget.js\"",[40,119,120],{"class":111}," async",[40,122,123],{"class":46},">\u003C\u002F",[40,125,51],{"class":50},[40,127,101],{"class":46},[129,130,131,147],"table",{},[132,133,134],"thead",{},[135,136,137,141,144],"tr",{},[138,139,140],"th",{},"Opsi",[138,142,143],{},"Tipe",[138,145,146],{},"Keterangan",[148,149,150,171,190,206],"tbody",{},[135,151,152,158,161],{},[153,154,155],"td",{},[22,156,157],{},"channelKey",[153,159,160],{},"string",[153,162,163,164,74,167,170],{},"Wajib. ID channel dari dashboard. 8–64 karakter: huruf, angka, ",[22,165,166],{},"_",[22,168,169],{},"-",".",[135,172,173,178,180],{},[153,174,175],{},[22,176,177],{},"position",[153,179,160],{},[153,181,182,185,186,189],{},[22,183,184],{},"right"," (bawaan) atau ",[22,187,188],{},"left",". Posisi yang tersimpan di dashboard menimpa nilai ini.",[135,191,192,197,200],{},[153,193,194],{},[22,195,196],{},"zIndex",[153,198,199],{},"integer",[153,201,202,203,205],{},"Tumpukan tombol terhadap elemen lain. Bawaan ",[22,204,93],{},". Jendela chat memakai nilai ini + 1.",[135,207,208,213,215],{},[153,209,210],{},[22,211,212],{},"primaryColor",[153,214,160],{},[153,216,217,218,221],{},"Opsional, format ",[22,219,220],{},"#rrggbb",". Hanya mewarnai tombol sampai pengaturan dashboard selesai dimuat.",[10,223,224,225,227],{},"Opsi lain di ",[22,226,24],{}," diabaikan. Nama channel, salam pembuka, dan form pra-chat hanya bisa diatur dari dashboard.",[229,230,233],"callout",{"title":231,"type":232},"Jangan taruh data rahasia di snippet","warning",[10,234,235,236,239,240,243,244,170],{},"Snippet terlihat oleh semua pengunjung. ",[22,237,238],{},"secretKey"," dan ",[22,241,242],{},"merchantId"," tidak dipakai lagi; jika masih ada, hapus dari snippet. Cukup ",[22,245,157],{},[14,247,249],{"id":248},"tampilan-dari-dashboard","Tampilan dari dashboard",[10,251,252,253,257,258,261,262,265],{},"Ubah di ",[254,255,256],"strong",{},"Integrasi"," → ",[254,259,260],{},"Webchat"," → ikon edit, lalu klik ",[254,263,264],{},"Simpan Perubahan",". Kode di website tidak perlu diganti; pengunjung melihat perubahan setelah halaman dimuat ulang.",[129,267,268,278],{},[132,269,270],{},[135,271,272,275],{},[138,273,274],{},"Pengaturan",[138,276,277],{},"Berlaku di",[148,279,280,288,296,304,312],{},[135,281,282,285],{},[153,283,284],{},"Warna utama",[153,286,287],{},"Tombol, kepala jendela, gelembung pesan pengunjung.",[135,289,290,293],{},[153,291,292],{},"Logo brand",[153,294,295],{},"Kepala jendela dan tombol widget.",[135,297,298,301],{},[153,299,300],{},"Posisi tombol widget",[153,302,303],{},"Sisi tombol dan jendela chat.",[135,305,306,309],{},[153,307,308],{},"Nama channel, salam pembuka",[153,310,311],{},"Jendela chat.",[135,313,314,317],{},[153,315,316],{},"Form pra-chat",[153,318,319],{},"Pengunjung baru diminta nama dan nomor HP.",[10,321,322,323,326,327,330],{},"Saat halaman dimuat, widget mengambil warna, posisi, dan logo dari ",[22,324,325],{},"https:\u002F\u002Fapi.csku.ai\u002Fv1\u002Fwebchat\u002Fconfig\u002F\u003CID_CHANNEL>",". Jika permintaan gagal, tombol tetap tampil dengan warna dan posisi dari snippet. Logo hanya ditampilkan jika berasal dari ",[22,328,329],{},"https:\u002F\u002Fcdn.aplikasikreasi.id",", yaitu lokasi file yang diunggah lewat dashboard.",[14,332,334],{"id":333},"perilaku-widget","Perilaku widget",[336,337,338,349,355,361,370,376],"ul",{},[339,340,341,344,345,348],"li",{},[254,342,343],{},"Jendela chat dimuat saat dibutuhkan."," Jendela chat berupa iframe ke ",[22,346,347],{},"https:\u002F\u002Fapp.csku.ai\u002Fwebchat\u002F\u003CID_CHANNEL>?embed=1",". Iframe baru dimuat saat tombol pertama kali diklik, jadi widget tidak memperlambat halaman Anda.",[339,350,351,354],{},[254,352,353],{},"Badge belum dibaca."," Saat jendela tertutup, balasan baru menampilkan angka di tombol, maksimal 99. Badge hilang saat jendela dibuka.",[339,356,357,360],{},[254,358,359],{},"Layar kecil."," Di layar dengan lebar di bawah 480 px, jendela chat tampil layar penuh.",[339,362,363,366,367,170],{},[254,364,365],{},"Menutup jendela."," Klik tombol chat lagi, tombol tutup di jendela, atau tekan ",[22,368,369],{},"Escape",[339,371,372,375],{},[254,373,374],{},"Riwayat pengunjung."," Pengunjung yang kembali dengan browser yang sama melihat percakapan sebelumnya. Jika ganti browser, ganti perangkat, atau menghapus data browser, pengunjung mulai dari awal.",[339,377,378,381,382,385,386,389],{},[254,379,380],{},"Percakapan selesai."," Setelah agen menekan ",[254,383,384],{},"Selesai",", pengunjung bisa memulai percakapan baru. Jika punya lebih dari satu percakapan, pengunjung bisa membuka ",[254,387,388],{},"Riwayat percakapan"," dari ikon jam.",[14,391,393],{"id":392},"lampiran-dan-batas","Lampiran dan batas",[129,395,396,406],{},[132,397,398],{},[135,399,400,403],{},[138,401,402],{},"Batas",[138,404,405],{},"Nilai",[148,407,408,416,424],{},[135,409,410,413],{},[153,411,412],{},"Panjang satu pesan",[153,414,415],{},"2000 karakter",[135,417,418,421],{},[153,419,420],{},"Ukuran lampiran",[153,422,423],{},"5 MB",[135,425,426,429],{},[153,427,428],{},"Format lampiran",[153,430,431],{},"JPG, PNG, WEBP, GIF, PDF",[10,433,434],{},"File di luar format ini ditolak dengan pesan \"Format tidak didukung\". File lebih dari 5 MB ditolak dengan pesan \"Ukuran file melebihi 5 MB\". Tampilan chat berbahasa Indonesia dan bertema terang.",[14,436,438],{"id":437},"pemeriksaan-keamanan","Pemeriksaan keamanan",[10,440,441],{},"Pengunjung baru melewati pemeriksaan anti-spam otomatis (Cloudflare Turnstile) saat memulai chat. Pemeriksaan berjalan di dalam iframe, jadi website Anda tidak perlu memuat atau mengizinkan Turnstile. Jika gagal, pengunjung melihat \"Verifikasi keamanan gagal. Coba lagi.\"",[443,444,445],"style",{},"html pre.shiki code .sVt8B, html code.shiki .sVt8B{--shiki-default:#24292E;--shiki-dark:#E1E4E8}html pre.shiki code .s9eBZ, html code.shiki .s9eBZ{--shiki-default:#22863A;--shiki-dark:#85E89D}html pre.shiki code .szBVR, html code.shiki .szBVR{--shiki-default:#D73A49;--shiki-dark:#F97583}html pre.shiki code .sZZnC, html code.shiki .sZZnC{--shiki-default:#032F62;--shiki-dark:#9ECBFF}html pre.shiki code .sj4cs, html code.shiki .sj4cs{--shiki-default:#005CC5;--shiki-dark:#79B8FF}html pre.shiki code .sScJk, html code.shiki .sScJk{--shiki-default:#6F42C1;--shiki-dark:#B392F0}html .default .shiki span {color: var(--shiki-default);background: var(--shiki-default-bg);font-style: var(--shiki-default-font-style);font-weight: var(--shiki-default-font-weight);text-decoration: var(--shiki-default-text-decoration);}html .shiki span {color: var(--shiki-default);background: var(--shiki-default-bg);font-style: var(--shiki-default-font-style);font-weight: var(--shiki-default-font-weight);text-decoration: var(--shiki-default-text-decoration);}html .dark .shiki span {color: var(--shiki-dark);background: var(--shiki-dark-bg);font-style: var(--shiki-dark-font-style);font-weight: var(--shiki-dark-font-weight);text-decoration: var(--shiki-dark-text-decoration);}html.dark .shiki span {color: var(--shiki-dark);background: var(--shiki-dark-bg);font-style: var(--shiki-dark-font-style);font-weight: var(--shiki-dark-font-weight);text-decoration: var(--shiki-dark-text-decoration);}",{"title":36,"searchDepth":447,"depth":447,"links":448},3,[449,450,451,452,453],{"id":16,"depth":104,"text":17},{"id":248,"depth":104,"text":249},{"id":333,"depth":104,"text":334},{"id":392,"depth":104,"text":393},{"id":437,"depth":104,"text":438},"Opsi snippet widget Webchat, pengaturan tampilan dari dashboard, dan perilaku widget di website.",null,"md",{},true,"\u002Fwebchat\u002Fkonfigurasi",{"title":5,"description":454},"webchat\u002Fkonfigurasi","6ZqyarIpze0ezDsijdupa1vxvBdDTprlRE4GOg4-8jY",1791957694417]