Atgal į pagalbos centrą
diegimas

Kaip įdiegti widget'ą į svetainę

Vienas script tag'as svetainės pabaigoje — ir botas pradeda veikti. WordPress, Shopify, Wix, Squarespace, custom HTML.

Widget'as — tai mažas pokalbio mygtukas svetainės kampe. Lankytojas paspaudžia, atsidaro chat'o langas ir kalbasi su jūsų botu. Veikia bet kurioje šiuolaikinėje svetainėje.

Embed kodo gavimas

  1. Atidarykite Įdiegimas puslapį valdymo pulte (/dashboard/install).
  2. Paspauskite „Kopijuoti kodą".

Kodas atrodo taip:

<script src="https://atsakyk.lt/widget.js" data-bot-id="abc-123-..." async></script>

data-bot-id reikšmė unikali jūsų botui — neperduokite jo trečiosioms šalims.

Kur įdėti — bendrasis principas

  • Įklijuokite prieš </body> uždarymo tagą.
  • Visuose puslapiuose, kuriuose norite, kad widget'as veiktų (paprastai — visoje svetainėje).
  • async atributas užtikrina, kad widget'as neapsunkins puslapio krovimo.

Po įdiegimo statusas Įdiegimas puslapyje pasikeis į „Aktyvus" automatiškai (per kelias minutes po pirmojo lankytojo).

Pagal platformą

WordPress

Variantas A — be plugin'o (paprasčiausia, jei jūsų tema palaiko Theme File Editor):

  1. WP admin → Appearance → Theme File Editor.
  2. Atidarykite footer.php.
  3. Įklijuokite kodą prieš </body>.
  4. Update File.

Variantas B — su plugin'u (rekomenduojama, jei nenorite liesti tema kodo):

  1. Įdiekite plugin'ą „Insert Headers and Footers" (arba „WPCode").
  2. Settings → Insert Headers and Footers.
  3. Įklijuokite į Footer lauką.
  4. Save.

Shopify

  1. Online Store → Themes → jūsų aktyvi tema → Edit code.
  2. Atidarykite theme.liquid.
  3. Slinkite žemyn iki </body>.
  4. Įklijuokite kodą prieš jį.
  5. Save.

Wix

  1. Settings → Custom Code → + Add Custom Code.
  2. Paste'inkite kodą.
  3. Place Code in: „Body — end".
  4. Add to: „All pages".
  5. Apply.

Squarespace

  1. Settings → Advanced → Code Injection.
  2. Įklijuokite į Footer lauką.
  3. Save.

Custom HTML / statinė svetainė

  1. Atidarykite HTML failą tekstinė redaktoriumi.
  2. Įklijuokite kodą prieš </body>.
  3. Įkelkite atnaujintą failą į serverį (per FTP, panel'ę ar deploy procesą).

Webflow

  1. Project Settings → Custom Code → Footer Code.
  2. Įklijuokite kodą.
  3. Save ir Publish.

Framer

  1. Site Settings → General → Custom Code → End of <body> tag.
  2. Įklijuokite ir publish'inkite.

Patikrinimas, ar veikia

  1. Atidarykite savo svetainę inkognito režimu (kad nebūtų cache).
  2. Apatiniame dešiniame kampe matysite chat'o mygtuką (jei pasirinkote dešinę poziciją).
  3. Paspauskite — turi atsidaryti pokalbio langas su jūsų pasisveikinimo žinute.
  4. Užduokite klausimą iš savo DUK — atsakymas turi būti tiksliai jūsų atsakymas.

Įdiegimas puslapyje pamatysite žalią žymą „Aktyvus" šalia jūsų domeno.

Trobleshooting

| Problema | Sprendimas | |---|---| | Mygtukas nesimato | Patikrinkite, ar kodas prieš </body>, o ne <head>. Išvalykite naršyklės cache. | | Atrodo, kad nieko neįvyko | Patikrinkite naršyklės konsolę (F12). Jei matote 404 — tikriausiai blogai nukopijuotas data-bot-id. | | Spalvos netinkamos | Keiskite per Personalizacija puslapį, ne per HTML. | | Veikia desktop'e, bet ne mobile'e | Patikrinkite, ar svetainės tema neturi viewport meta tag'o problemos. | | WordPress atnaujinimas „suvalgo" kodą | Naudokite Variant'ą B (plugin'ą) — atnaujinimai jo neperrašys. |

Daugiau pagalbos — info@atsakyk.lt.

Eiti į įdiegimo puslapį →

Reikia daugiau pagalbos? Rašykite - info@atsakyk.lt