Belgeler
React veya Next.js ile VolaCRM entegrasyonu
Güncel çalışma alanında oluşturulan Chat ve Contact Us kodlarını kullanın, sitenizi yayınlayın ve iletinin doğru VolaCRM çalışma alanına ulaştığını doğrulayın.
Başlamadan önce
Mesajları alacak VolaCRM çalışma alanını seçin, uygun gömme kodunu oluşturun ve site alan adınızı yapılandırmada kaydedin. Oluşturulan kodun tamamını kopyalayın; kimlik bilgileri uydurmayın ve hesap parolanızı site kodunda paylaşmayın.
Platform adımları
Oluşturulan bileşen kodunu tarayıcı tarafında çalışan bir bileşen veya framework’ün script yükleme özelliğiyle kurun. DOM erişimini istemci tarafında tutun; tarayıcı bileşenlerini sunucu render işlemi sırasında çalıştırmayın. Formun doğru yerde görünmesi için Contact Us kodunun yerleşimini koruyun.
Bileşenin yeniden oluşturulması veya istemci tarafı gezinme sırasında yinelenen script ve form alanları eklenmediğinden emin olun. Uygun olduğunda Chat’i kalıcı sayfa düzeninde tutun. Hem doğrudan sayfa açılışını hem başka sayfadan geçişi test edin; geliştirme ortamındaki hot reload tek başına yeterli değildir.
Yayınlanan entegrasyonu doğrulayın
- Yayınlanan siteyi yeni bir tarayıcı oturumunda açın ve hedef formun ya da sohbetin göründüğünü kontrol edin.
- Açıkça etiketlenmiş bir test talebi veya sohbet mesajı gönderin.
- Alıcı çalışma alanını açarak testin orada göründüğünü doğrulayın.
- İletim başarısızsa kodu değiştirmeden önce kayıtlı alan adını, oluşturulan kimlikleri, tarayıcı konsolunu ve ağ yanıtını kontrol edin.
Güncel ayar ekranları için görselli kurulum rehberini kullanın. Mevcut gömme adresleri çalışmaya devam edebilir; ancak eski örnek özellikleri yeni oluşturulan kodun yerine koymayın.