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

1. WordPress yönetim panelinize gidin.
2. Appearance -> Theme File Editor -> footer.php yolunu açın (ya da Insert Headers and Footers gibi bir eklenti kullanın).
3. Yerleştirme kodunu \</body\> etiketinden hemen önce yapıştırın.
4. Update File’a tıklayın.
5. Varsa önbellek eklentinizin (WP Super Cache, W3 Total Cache vb.) önbelleğini temizleyin ve doğrulayın.

Shopify

Shopify'da yerleştirme kodunu temanıza yapıştırmazsınız. Bunun yerine Shopify App Store'daki Conviro uygulamasını kullanın; widget, bu uygulamanın Conviro AI Chat uygulama yerleştirmesidir:

1. Conviro'yu Shopify App Store'dan kurun ve Conviro çalışma alanınızı bağlayın (Shopify Entegrasyonu makalesine bakın).
2. Uygulamada Turn on in theme editor düğmesine tıklayın. Tema düzenleyici, Conviro AI Chat uygulama yerleştirmesi açık hâlde açılır.
3. Save’e tıklayın.

Tema kodunda hiçbir değişiklik yapılmaz.

Wix

1. Wix panelinizde Settings -> Custom Code yolunu açın.
2. + Add Custom Code’a tıklayın.
3. Yerleştirme kodunu yapıştırın ve yerleşimi Body - End olarak ayarlayın.
4. All pages seçeneğine uygulayın ve Apply’a tıklayın.

Squarespace

1. Settings -> Advanced -> Code Injection yolunu açın.
2. Yerleştirme kodunu Footer alanına yapıştırın.
3. 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

1. Web sitenizi bir tarayıcıda açın.
2. Sağ altta (ayarlarınıza bağlı olarak sol altta) Conviro sohbet balonunu görmelisiniz.
3. Görünmüyorsa Widget Görünmüyor sorun giderme makalesine bakın.