Instalacja widgetu

Widget DarhimLabs to jeden plik JavaScript, który możesz zainstalować na dowolnej stronie.

Podstawowa instalacja

<script
  src="https://app.darhimlabs.pl/widget/v1/bot.js"
  data-bot-id="TWOJ-BOT-ID"
  async
></script>

Wklej przed </body>. Widget załaduje się asynchronicznie — nie spowalnia strony.

Atrybuty konfiguracyjne

| Atrybut | Typ | Domyślnie | Opis | |---------|-----|-----------|------| | data-bot-id | string | wymagane | ID bota z panelu | | data-position | right / left | right | Pozycja launchera | | data-offset-x | number | 20 | Margines poziomy (px) | | data-offset-y | number | 20 | Margines pionowy (px) | | data-open | boolean | false | Otwiera widget automatycznie | | data-hide-launcher | boolean | false | Ukrywa przycisk (steruj przez JS API) |

JavaScript API

Po załadowaniu widgetu masz dostęp do globalnego obiektu DL:

// Otwórz widget
DL.open();

// Zamknij widget
DL.close();

// Wyślij predefiniowaną wiadomość
DL.sendMessage("Chcę umówić wizytę");

// Przekaż dane użytkownika (prefill formularza leadów)
DL.setUser({
  name: "Jan Kowalski",
  email: "jan@example.com"
});

Instalacja w popularnych platformach

WordPress

Wklej kod embed w Appearance → Theme Editor → footer.php lub użyj wtyczki "Insert Headers and Footers".

Webflow

W ustawieniach projektu: Custom Code → Footer Code.

Shopify

Online Store → Themes → Edit Code → theme.liquid przed </body>.

Next.js

// app/layout.tsx
<Script
  src="https://app.darhimlabs.pl/widget/v1/bot.js"
  data-bot-id={process.env.NEXT_PUBLIC_BOT_ID}
  strategy="afterInteractive"
/>

Content Security Policy

Jeśli masz CSP, dodaj:

script-src https://app.darhimlabs.pl;
connect-src https://app.darhimlabs.pl https://*.supabase.co;