Integracja Chatbota Botuj w Next.js

Dowiedz się, jak osadzić chatbota Botuj w aplikacji Next.js.

Aby dodać chatbota Botuj do Twojej aplikacji Next.js, wykonaj następujące kroki:

📥 Krok 1: Pobierz Skrypt Osadzający

W panelu Botuj:

  1. Przejdź do Ustawienia → Osadzanie
  2. Skopiuj skrypt:
<script
  defer
  src="https://cdn.botuj.pl/loader.js"
  data-key="${chatbotId}"
></script>

Zastąp ${chatbotId} swoim rzeczywistym ID chatbota.

🧩 Krok 2: Dodaj do _document.js

W projekcie Next.js, umieść skrypt w niestandardowym pliku _document.js:

// pages/_document.js
import { Html, Head, Main, NextScript } from 'next/document'

export default function Document() {
  return (
    <Html>
      <Head />
      <body>
        <Main />
        <NextScript />
        <script
          defer
          src="https://cdn.botuj.pl/loader.js"
          data-key="YOUR_CHATBOT_ID"
        ></script>
      </body>
    </Html>
  )
}

✅ Gotowe! Chatbot będzie teraz widoczny na wszystkich stronach Twojej aplikacji Next.js.