Widget Kurulumu
Yerleştirme Kodunuzu Alma
Dashboard -> Assistants -> Your Bot -> Embed Code yolunu açın. Şuna benzer bir kod parçası göreceksiniz:
<script src="https://cdn.conviro.io/widget/widget.iife.js"></script>
<script>
cw('init', { publicKey: 'pk_YOUR_PUBLIC_KEY' });
</script>
Aşağıda başlıca tüm platformlar için adım adım talimatları bulabilirsiniz.
WordPress
- WordPress yönetim panelinize gidin.
- Appearance -> Theme File Editor -> footer.php yolunu açın (ya da Insert Headers and Footers gibi bir eklenti kullanın).
- Yerleştirme kodunu \</body\> etiketinden hemen önce yapıştırın.
- Update File’a tıklayın.
- Varsa önbellek eklentinizin (WP Super Cache, W3 Total Cache vb.) önbelleğini temizleyin ve doğrulayın.
Shopify
- Shopify yönetim panelinde Online Store -> Themes -> Actions -> Edit Code yolunu açın.
- theme.liquid dosyasını açın.
- Yerleştirme kodunu \</body\> etiketinden önce yapıştırın.
- Save’e tıklayın.
Wix
- Wix panelinizde Settings -> Custom Code yolunu açın.
- + Add Custom Code’a tıklayın.
- Yerleştirme kodunu yapıştırın ve yerleşimi Body - End olarak ayarlayın.
- All pages seçeneğine uygulayın ve Apply’a tıklayın.
Squarespace
- Settings -> Advanced -> Code Injection yolunu açın.
- Yerleştirme kodunu Footer alanına yapıştırın.
- Save’e tıklayın.
Özel HTML / Statik Siteler
Yerleştirme kodunu HTML dosyanızdaki kapanış \</body\> etiketinden önce yapıştırmanız yeterli. Widget betiği asenkron yüklenir ve sayfanın görüntülenmesini engellemez.
React / Next.js
React veya Next.js projelerinde widget’ı kök layout dosyanızda ya da \<App\> bileşeninizde yükleyebilirsiniz:
// app/layout.tsx (Next.js App Router example)
import Script from 'next/script';
export default function RootLayout({ children }) {
return (
<html>
<body>
{children}
<Script
src="https://cdn.conviro.io/widget/widget.iife.js"
strategy="afterInteractive"
/>
<Script id="conviro-init" strategy="afterInteractive">
{`cw('init', { publicKey: 'pk_YOUR_PUBLIC_KEY' });`}
</Script>
</body>
</html>
);
}
Kurulumu Doğrulama
- Web sitenizi bir tarayıcıda açın.
- Sağ altta (ayarlarınıza bağlı olarak sol altta) Conviro sohbet balonunu görmelisiniz.
- Görünmüyorsa Widget Görünmüyor sorun giderme makalesine bakın.