Widget Kurulumu

Getting Started5 görüntüleme

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

  1. Shopify yönetim panelinde Online Store -> Themes -> Actions -> Edit Code yolunu açın.
  2. theme.liquid dosyasını açın.
  3. Yerleştirme kodunu \</body\> etiketinden önce yapıştırın.
  4. Save’e tıklayın.

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.
widgetinstallationwordpressshopifywixsquarespacereactnextjsembed

Bu makale yardımcı oldu mu?