Webflow

Kaip pridėti DI pokalbių robotą į savo Webflow svetainę

Įklijuokite vieną eilutę į svetainės pasirinktinį kodą, paskelbkite, ir Apex Bot atsakys jūsų lankytojams remdamasis jūsų pačių Webflow puslapiais.

Prieš pradedant

Nukopijuokite įterpimo kodą iš Valdymo skydelis → Valdiklis → Diegimas ir saugumas. Jame jau įrašytas jūsų svetainės raktas, o jis atrodo taip:

<script src="https://api.apexbot.eu/widget.js" data-site-key="apex_pk_…" async></script>

Webflow pasirinktinį kodą vykdo tik svetainėse su mokamu svetainės planu. Webflow sąsaja yra anglų kalba, todėl meniu pavadinimai toliau pateikiami angliškai.

Pridėkite į visus puslapius

  1. Atidarykite projekto Site settings ir eikite į skirtuką Custom code.
  2. Įklijuokite įterpimo kodą į laukelį Footer code (kodui prieš </body> žymę).
  3. Spustelėkite Save changes, tada paskelbkite svetainę. Pasirinktinis kodas veikia tik paskelbtoje svetainėje, o ne Designer aplinkoje.

Arba į vieną puslapį

Jei pokalbį norite rodyti tik viename puslapyje, Designer aplinkoje atidarykite to puslapio nustatymus, įklijuokite fragmentą į Custom code → Before </body> tag ir paskelbkite. Jei norite jį rodyti visur, išskyrus kelis puslapius, pridėkite jį visai svetainei, o išimtis išvardykite savo Apex valdymo skydelio skiltyje Elgsena → Slėpti šiuose puslapiuose.

Leiskite savo domenus

Skiltyje Leidžiamos svetainės pridėkite savo domeną su www ir be jo. Jei pirmiausia norite išbandyti Webflow bandomuoju adresu, pridėkite ir https://jusu-svetaine.webflow.io. Valdiklis veikia tik nurodytais adresais.

Verta žinoti

  • Žinios. Pridėkite paskelbtą svetainę kaip žinių šaltinį. Apex perskaito svetainės žemėlapį ir susietus puslapius, įskaitant CMS kolekcijų puslapius, iki jūsų puslapių limito. Paskelbę didelių pakeitimų, sinchronizuokite iš naujo.
  • Stilius. Valdiklis atvaizduojamas Shadow DOM aplinkoje, todėl jūsų Webflow stiliai jo sugadinti negali. Spalvos, paleidimo mygtukas ir padėtis nustatomi Apex valdymo skydelyje.
  • Atidarymas mygtuku. Suteikite mygtukui ID (pavyzdžiui, help) ir po įterpimo kodo pridėkite <script>document.getElementById("help").onclick = () => Apex.open()</script>. Žr. JavaScript API.

Jei paleidimo mygtukas neatsiranda, žr. trikčių šalinimą.