Към основното съдържание

Разширено: позициониране на прозореца за чат чрез JavaScript API

Управлявайте позицията на прозореца за чат в кода, включително отделни настройки за настолни компютри и мобилни устройства.

Написано от Michal Jindra

Разработчиците могат прецизно да зададат позицията на прозореца за чат, като добавят няколко конфигурационни опции във вашия Smartsupp инсталационен код. В това ръководство ще научите как да преместите прозореца за чат вляво, да го изместите от стандартната му позиция, да използвате различна позиция на мобилни устройства или да го скриете на мобилни устройства.

Разширено: позициониране в инсталационния код

🟡 Забележка: Необходимо е да имате достъп на разработчик до кода на вашия уебсайт. За да преместите прозореца за чат вляво, се изисква план Solo или по-висок.

Добавете опциите в конфигурационната част на вашия инсталационен код: точно след реда с _smartsupp.key и преди loader-а (частта, която започва с window.smartsupp||). Прозорецът за чат ще ги използва при зареждане, затова трябва да са налични преди стартиране на loader-а.

Преместване на прозореца за чат вляво:

<script>var _smartsupp = _smartsupp || {};_smartsupp.key = 'YOUR_SMARTSUPP_KEY';_smartsupp.orientation = "left";// ...останалата част от вашия инсталационен код (loader-а)</script>

Позициониране на прозореца за чат извън стандартната му позиция (стойности в пиксели):

_smartsupp.offsetX = 20;  // изместване от ръба _smartsupp.offsetY = 100; // изместване нагоре от долния ръб

Използване на различна позиция само на мобилни устройства:

<script>var _smartsupp = _smartsupp || {};_smartsupp.key = 'YOUR_SMARTSUPP_KEY';if (window.innerWidth < 768) {  _smartsupp.offsetY = 150;}// ...останалата част от вашия инсталационен код (loader-а)</script>

Скриване на прозореца за чат само на мобилни устройства (остатва видим на настолен компютър; достъпно при всички планове):

_smartsupp.hideMobileWidget = true;

За да приложите:

  1. Отворете кода на вашия уебсайт и намерете инсталационния скрипт на Smartsupp.

  2. Добавете желаните опции непосредствено след реда _smartsupp.key, преди loader-а.

  3. Коригирайте стойностите според дизайна на вашия сайт.

  4. Запазете промените и презаредете сайта в инкогнито или частен прозорец, за да проверите новата позиция. Прегледайте мобилната версия и на мобилно устройство.

💡 Съвет: Команди като smartsupp('chat:position', ...) не се поддържат. Прозорецът за чат ще ги игнорира и в браузъра ви ще се появи "Unknown API command". За всички налични конфигурационни опции вижте документацията за разработчици.


Какво следва?

💡 Нуждаете се от още помощ? Свържете се с нашия екип за поддръжка — винаги сме на разположение да ви съдействаме!

Това отговори ли на въпроса ви?