# Pokalbių valdiklio įdėjimas į svetainę

> Įdėkite pokalbių valdiklį į svetainę per kelias minutes: adresas, išvaizda, trumpasis kodas ar WordPress, Shopify, Wix ir GTM instrukcijos.

Pokalbių valdiklis yra pokalbių langas jūsų svetainėje, per kurį klientai jums rašo. Jį sukursite skiltyje Nustatymai, Pokalbių valdikliai, mygtuku Naujas pokalbių valdiklis.

## Įveskite svetainės adresą

Įveskite adresą, pavyzdžiui `parduotuve.lt`. Pažiūrėsime svetainę ir pasiūlysime spalvas, logotipą ir kalbas. Adresas taip pat tampa pirmuoju leidžiamu domenu: valdiklis veikia tik leidžiamuose domenuose.

![Naujo pokalbių valdiklio vedlys su rasta svetaine](https://hrc.lt/screens/lt/widget-setup-site.desktop.1600.1d8b37e7.webp)

## Patikrinkite išvaizdą ir kalbas

Peržiūroje matote, kaip valdiklis atrodys. Spalvas, tekstus ir kalbas galite keisti dabar arba vėliau, skiltyje [Valdiklio nustatymai](https://hrc.lt/dokumentacija/valdiklis/nustatymai).

## Įdėkite kodą

Paprasčiausia yra viena `<script>` žyma prieš žymą `</body>`:

```html
<script
  src="https://widget.hrc.lt/v1/loader.js"
  data-widget-key="wk_xxxxxxxxxxxxxxxxxxxx"
  async
></script>
```

Jei norite perduoti duomenis apie naudotoją ar kviesti valdiklį iš savo kodo, naudokite pilną kodą su komandų eile:

```html
<script>
  (function (w, d) {
    w.HrcWidget = w.HrcWidget || function () {
      (w.HrcWidget.q = w.HrcWidget.q || []).push(arguments);
    };
    var s = d.createElement('script');
    s.async = true;
    s.src = 'https://widget.hrc.lt/v1/loader.js';
    d.head.appendChild(s);
  })(window, document);
  HrcWidget('init', {
    widgetKey: 'wk_xxxxxxxxxxxxxxxxxxxx',
    locale: 'auto',
  });
</script>
```

Vedlys parodo kodą jau su jūsų valdiklio raktu.

![Įdėjimo žingsnis su kodu ir patikra](https://hrc.lt/screens/lt/widget-setup-install.desktop.1600.732166e1.webp)

## WordPress, Shopify, Wix ir Google Tag Manager

- **WordPress:** įdiekite nemokamą įskiepį WPCode, atidarykite Code Snippets, Header & Footer ir įklijuokite kodą į laukelį Footer.
- **Shopify:** Online Store, Themes, prie temos „…“, Edit code, failas `theme.liquid`: įklijuokite kodą prieš `</body>`.
- **Wix:** Settings, Custom Code, Add Custom Code, vieta Body - end, visi puslapiai. Reikia mokamo Wix plano ir prijungto domeno.
- **Google Tag Manager:** Tags, New, Custom HTML, įklijuokite kodą, Triggering All Pages, tada Submit.

## Patikrinkite, ar veikia

Vedlys kas kelias sekundes tikrina, ar valdiklis jau įkeltas jūsų svetainėje. Atidarykite svetainę ir parašykite bandomąją žinutę: ji atsiras gautuosiuose.

![Pokalbių valdiklis svetainėje](https://hrc.lt/screens/lt/widget-home.desktop.2400.c32cb708.webp)

## Leidžiami domenai ir localhost

Valdiklis veikia tik leidžiamuose domenuose. Pridėkite kiekvieną kaip `https://shop.example.lt`; `https://*.example.lt` tinka visiems jūsų domeno subdomenams. Kūrimui įjunkite „Leisti localhost“. Daugiau rasite puslapyje [Įdėjimo kodas, React ir CSP](https://hrc.lt/dokumentacija/valdiklis/idejimas).