Instalacja widżetu

Jak pobrać kod osadzenia

Przejdź do Dashboard -> Assistants -> Your Bot -> Embed Code. Zobaczysz snippet podobny do tego:

<script src="https://cdn.conviro.io/widget/widget.iife.js"></script>
<script>
  cw('init', { publicKey: 'pk_YOUR_PUBLIC_KEY' });
</script>

Poniżej znajdziesz instrukcje krok po kroku dla wszystkich najważniejszych platform.

WordPress

Wejdź do panelu administracyjnego WordPressa.
Przejdź do Appearance -> Theme File Editor -> footer.php (albo użyj wtyczki takiej jak Insert Headers and Footers).
Wklej kod osadzenia tuż przed znacznikiem \</body\>.
Kliknij Update File.
Wyczyść pamięć podręczną ewentualnej wtyczki cache’ującej (WP Super Cache, W3 Total Cache itp.) i sprawdź efekt.

Shopify

W panelu administracyjnym Shopify przejdź do Online Store -> Themes -> Actions -> Edit Code.
Otwórz theme.liquid.
Wklej kod osadzenia przed \</body\>.
Kliknij Save.

Wix

W panelu Wix przejdź do Settings -> Custom Code.
Kliknij + Add Custom Code.
Wklej kod osadzenia i ustaw umiejscowienie na Body - End.
Zastosuj go do All pages i kliknij Apply.

Squarespace

Przejdź do Settings -> Advanced -> Code Injection.
Wklej kod osadzenia w polu Footer.
Kliknij Save.

Własny HTML / strony statyczne

Wystarczy, że wkleisz kod osadzenia przed zamykającym znacznikiem \</body\> w swoim pliku HTML. Skrypt widżetu ładuje się asynchronicznie i nie blokuje renderowania strony.

React / Next.js

W projektach React lub Next.js możesz załadować widżet w głównym layoucie (root layout) albo w komponencie \<App\>:

// 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>
  );
}

Weryfikacja instalacji

Otwórz swoją stronę w przeglądarce.
W prawym dolnym rogu (lub w lewym dolnym, zależnie od Twoich ustawień) powinien pojawić się dymek czatu Conviro.
Jeśli się nie pojawia, sprawdź artykuł z rozwiązywaniem problemów Widżet się nie wyświetla.