Cara Instal Plugin Chat Website

Pelajari cara instal plugin chat website untuk menjawab pertanyaan pengunjung dan optimalisasi kecepatan loading dengan SaleSmartly.

1. Pengenalan Fungsi Plugin Chat Website

Menambahkan plugin chat ke situs Anda dapat membantu Anda menjawab pertanyaan pengunjung, dan Anda dapat menambahkan saluran lalu lintas pihak ketiga ke plugin chat untuk membantu Anda mencapai skenario aplikasi pengalihan lalu lintas.

Bab ini akan fokus pada cara menambahkan plugin chat ke situs Anda.

2. Proses Operasi Instal Plugin Chat Website

Petunjuk

Jika Anda membangun situs Anda sendiri, Anda dapat menginstal plugin chat SaleSmartly di situs web Anda melalui kode JavaScript.

2.1 Salin Kode

  • Di Integrasi-Plugin Chat, pilih plugin yang ingin Anda instal dari daftar dan salin kodenya;

  • Atau di area operasi di sisi kanan plugin yang ingin Anda instal, klik Edit Plugin > Integrasi/Instal > temukan lokasi Instalasi Plugin Layanan Pelanggan, di mana Anda juga dapat melihat kode.

2.2 Tempel Kode

Petunjuk

Setelah menyalin kode, buka situs Anda untuk menginstal SaleSmartly. Disarankan untuk menemukan insinyur pengembangan untuk menyelesaikan langkah ini.

Setelah mengakses server tempat situs dihosting, temukan file yang berisi tag (biasanya index; konsultasikan dengan insinyur pengembangan situs untuk detailnya), buka file, tempelkan kode JavaScript sebelum tag, simpan perubahan, dan instalasi akan berhasil.

2.2.1 Contoh Pengenalan Kode JavaScript pada Framework Vue

  • Tempatkan di file index.html proyek (lokasi file mungkin berbeda)

2.2.2 Contoh Pengenalan Kode JavaScript pada Framework React

  • Tempatkan di file index.html proyek (lokasi file mungkin berbeda)

2.2.3 Contoh Pengenalan Kode JavaScript pada File HTML

  • Tempatkan di file index.html proyek (lokasi file mungkin berbeda)

2.2.4 Contoh Pengenalan Kode JavaScript pada Framework Uni-app

Uni-app tidak mendukung instalasi plugin chat

2.2.5 Contoh Pengenalan Kode JavaScript pada PHP

  • Tempatkan di file index.html proyek (lokasi file mungkin berbeda)

  • Tampilan Efek

2.2.6 Contoh Pengenalan Kode JavaScript pada Angular

  • Tempatkan di file index.html proyek (lokasi file mungkin berbeda)

2.3 Demo

3. Pertanyaan yang Sering Diajukan

3.1 Optimalisasi Kecepatan Loading Plugin Chat

Plugin chat SaleSmartly sendiri tidak memengaruhi kecepatan memuat situs web Anda. Jika situs web Anda lambat dimuat, Anda dapat mencoba metode berikut:

  1. Gunakan defer (direkomendasikan)

Di file HTML Anda, gunakan:

<script src="https://.../js/project_xxxxx_xxxxx_xxxxxxxx.js" defer></script>
  1. Saat menggunakan async

Skrip dimuat dan dijalankan tanpa memblokir penguraian HTML, tetapi urutan eksekusi tidak dijamin:

<script src="https://.../js/project_xxxxx_xxxxx_xxxxxxxx.js" async></script>
  1. Muat SDK setelah semua sumber daya halaman sepenuhnya dimuat

SDK mungkin lebih lambat dimuat dalam kasus ini:

window.addEventListener('load', () => {
  // Muat SDK secara manual di sini
});
  1. Muat skrip sesuai kebutuhan

šŸ’” Tip: Sisipkan skrip secara manual saat diperlukan.