Pereiti prie pagrindinio turinio

Išplėstinis: pokalbių lango pozicija per JavaScript API

Valdykite pokalbių lango poziciją kode, įskaitant skirtingas pozicijas staliniams ir mobiliems įrenginiams.

Parašė Michal Jindra

Programuotojai gali tiksliai nurodyti, kur atsiras pokalbių langas, pridėdami kelias konfigūracijos parinktis prie jūsų Smartsupp diegimo kodo. Šiame vadove parodoma, kaip perkelti pokalbių langą į kairę, atitraukti jį nuo numatytosios pozicijos, naudoti kitą poziciją mobiliajame ar paslėpti jį mobiliajame.

Išplėstinis: pozicija diegimo kode

🟡 Pastaba: Jums reikės kūrėjo prieigos prie savo svetainės kodo. Perkėlimui pokalbių lango į kairę reikia Solo plano arba aukštesnio.

Pridėkite parinktis konfigūracijos dalyje savo diegimo kode: po eilutės su _smartsupp.key ir prieš paleidimo kodą (tą, kuris prasideda window.smartsupp||). Pokalbių langas jas perskaito įkelimo metu, todėl jos turi būti įdedamos iki paleidimo kodo pradžios.

Perkelti pokalbių langą į kairę:

<script>var _smartsupp = _smartsupp || {};_smartsupp.key = 'YOUR_SMARTSUPP_KEY';_smartsupp.orientation = "left";// ...likusi jūsų diegimo kodo dalis (paleidimo dalis)</script>

Perkelti pokalbių langą nuo numatytosios pozicijos (reikšmės pikseliais):

_smartsupp.offsetX = 20;  // atitraukia nuo krašto _smartsupp.offsetY = 100; // pakelia nuo apatinio krašto

Naudoti kitą poziciją tik mobiliajame:

<script>var _smartsupp = _smartsupp || {};_smartsupp.key = 'YOUR_SMARTSUPP_KEY';if (window.innerWidth < 768) {  _smartsupp.offsetY = 150;}// ...likusi jūsų diegimo kodo dalis (paleidimo dalis)</script>

Slėpti pokalbių langą tik mobiliajame (jis lieka matomas staliniame, galima visuose planuose):

_smartsupp.hideMobileWidget = true;

Įgyvendinimas:

  1. Atidarykite savo svetainės kodą ir suraskite Smartsupp diegimo skriptą.

  2. Įdėkite reikiamas parinktis po _smartsupp.key eilutės, dar prieš paleidimo kodą.

  3. Pritaikykite reikšmes pagal dizainą.

  4. Išsaugokite pakeitimus ir perkraukite svetainę inkognito arba privačiame naršyklės lange, kad patikrintumėte naują poziciją. Patikrinkite mobilią versiją telefone taip pat.

💡 Patarimas: Tokios komandos kaip smartsupp('chat:position', ...) nėra palaikomos. Pokalbių langas jų nepaiso, o jūsų naršyklės konsolėje bus rodoma „Unknown API command“. Visas konfigūracijos parinktis rasite kūrėjo dokumentacijoje.


Kas toliau?

💡 Reikia daugiau pagalbos? Susisiekite su mūsų klientų palaikymo komanda — mielai jums padėsime!

Ar gavote atsakymą į savo klausimą?