Pereiti prie pagrindinio turinio

Išplėstinis: pokalbių lango vietos nustatymas naudojant JavaScript API

Valdykite pokalbių lango vietą kode, įskaitant skirtingas pozicijas kompiuteryje ir mobiliajame.

Parašė Michal Jindra

Kūrėjai gali tiksliai nustatyti, kur atsiras pokalbių langas, pridėdami kelias konfigūracijos parinktis prie jūsų Smartsupp diegimo kodo. Šiame gide parodoma, kaip perkelti pokalbių langą į kairę, atitraukti jį nuo numatytos vietos ir nurodyti kitą vietą mobiliuosiuose įrenginiuose.

Išplėstinis: vieta diegimo kode

🟡 Pastaba: Jums reikės kūrėjo prieigos prie svetainės kodo. Perkelti pokalbių langą į kairę galima su Solo planu arba aukštesniu.

Parinktis pridėkite konfigūracijos dalyje diegimo kode: po eilutės su _smartsupp.key ir prieš paleidiklį (dalis, kuri prasideda window.smartsupp||). Pokalbių langas jas nuskaito, kai užsikrauna, todėl jos turi būti vietoje prieš aktyvuojant paleidiklį.

Perkelti pokalbių langą į kairę:

<script>var _smartsupp = _smartsupp || {};_smartsupp.key = 'YOUR_SMARTSUPP_KEY';_smartsupp.orientation = "left";// ...likęs jūsų diegimo kodas (paleidiklis)</script>

Atitraukti pokalbių langą nuo numatytos vietos (reikšmės pikseliais):

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

Naudoti kitą vietą tik mobiliuosiuose įrenginiuose:

<script>var _smartsupp = _smartsupp || {};_smartsupp.key = 'YOUR_SMARTSUPP_KEY';if (window.innerWidth < 768) {  _smartsupp.offsetY = 150;}// ...likęs jūsų diegimo kodas (paleidiklis)</script>

Kaip įgyvendinti:

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

  2. Pridėkite reikiamas parinktis tuoj po _smartsupp.key eilutės ir prieš paleidiklį.

  3. Suderinkite reikšmes pagal savo dizainą.

  4. Išsaugokite pakeitimus ir įkelkite svetainę naršyklės inkognito arba privačiame lange, kad patikrintumėte naują vietą. Nepamirškite patikrinti ir telefone.

💡 Patarimas: Komandos, tokios kaip smartsupp('chat:position', ...), nėra palaikomos. Pokalbių langas jų nepaiso, o naršyklės konsolėje matysite „Nežinoma API komanda“. Visas konfigūracijos parinktis rasite kūrėjų dokumentacijoje.


Kas toliau?

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

Ar gavote atsakymą į savo klausimą?