| Tujuan - Berikan pengalaman pengguna yang lancar dengan mengintegrasikan alat eksternal langsung di dalam Vtiger CRM.
- Tingkatkan efisiensi dengan menghilangkan kebutuhan untuk beralih antara CRM dan aplikasi pihak ketiga.
- Menawarkan fleksibilitas dengan memungkinkan integrasi berbagai situs web atau platform pihak ketiga.
Implementasi Teknis Skrip Popup di Desainer Modul - Logika untuk membuat dan mengelola pop-up ditulis dalam skrip Module Designer.
- Skrip ini disuntikkan secara dinamis, memungkinkan fleksibilitas dalam penempatan tanpa memodifikasi file inti CRM.
Registrasi Hook: GLOBAL_ACTION - Hook kustom didaftarkan menggunakan hook GLOBAL_ACTION milik Vtiger.
- Hook ini memungkinkan Anda menambahkan elemen UI khusus (misalnya, ikon, tombol) di berbagai tampilan atau modul dalam Vtiger.
Rendering & Interaksi Ikon - Kait khusus menampilkan ikon atau tombol di lokasi yang diperlukan dalam antarmuka CRM.
- Saat diklik, ikon tersebut memicu pembuatan pop-up dengan iframe tertanam, yang memuat situs web eksternal.
Penyematan Iframe - Iframe disuntikkan secara dinamis ke dalam popup dan memuat situs web eksternal yang ditentukan.
- Konten iframe diberi gaya agar sesuai dengan wadah pop-up dan berfungsi penuh dalam CRM, tanpa perlu berpindah tab.
Keuntungan Pendekatan Ini - Tidak Ada Modifikasi Inti: Solusinya memanfaatkan kait dan skrip khusus, menjaga integritas file inti Vtiger.
- Modular: Dapat dengan mudah diperluas untuk menyematkan berbagai alat eksternal dengan memperbarui URL iframe.
- Injeksi Dinamis: Iframe hanya dibuat saat pengguna mengklik ikon khusus, memastikan UI tetap bersih hingga dibutuhkan.
- Kustomisasi: Kontrol penuh atas penempatan, desain, dan gaya ikon dan pop-up iframe.
Pertimbangan Keamanan - KOR: Situs web eksternal harus mengizinkan penyematan iframe. Hal ini biasanya dikontrol melalui header HTTP seperti X-Frame-Options dan Content-Security-Policy.
- HTTPSPastikan Vtiger dan situs web eksternal menggunakan HTTPS untuk mencegah kesalahan konten campuran.
- Access Control: Gunakan kontrol akses berbasis peran bawaan Vtiger untuk membatasi pengguna mana yang dapat mengakses pop-up yang disematkan.
Kasus Penggunaan: Integrasi Telepon Contoh: Sebuah perusahaan menggunakan aplikasi telepon pihak ketiga (misalnya, Ozonetel) untuk mengelola panggilan dan interaksi pelanggan. Tujuannya adalah untuk mengintegrasikan sistem telepon secara langsung ke dalam Vtiger CRM agar agen layanan pelanggan dapat mengelola panggilan dan memperbarui catatan CRM tanpa meninggalkan antarmuka CRM. Solusi: Menggunakan popup khusus di Vtiger, aplikasi teleponi disematkan ke dalam CRM. Agen dapat mengklik ikon di CRM, yang akan membuka iframe yang menampilkan sistem teleponi. Integrasi ini memungkinkan agen untuk: - Lakukan dan terima panggilan langsung dari CRM.
- Lihat riwayat panggilan dan detail pelanggan secara real-time.
- Perbarui catatan CRM berdasarkan interaksi panggilan.
- Ubah status ketersediaan (misalnya, Aktif, Tidak Tersedia) dalam CRM.
Solusi ini menghilangkan kebutuhan agen untuk beralih antara CRM dan aplikasi telepon, meningkatkan efisiensi dan mengurangi peralihan konteks. Kami yakin contoh-contoh ini akan meningkatkan pengalaman Anda dengan Vtiger CRM. Kami ingin memastikan bahwa pengembang dan pengguna CRM dapat saling berbagi informasi dan pengetahuan untuk meningkatkan fungsionalitas CRM. Nantikan informasi lebih lanjut. Selamat membuat kode! |
