Віджэт на тэлефоне: кнопка, якая не замінае
Больш за палову зваротаў прыходзіць з тэлефонаў. Там у чата роўна адзін шанец не ператварыцца ў раздражняльнік.
На дэсктопе кнопка чата жыве ў пустым куце і нікому не замінае. На тэлефоне той самы кут заняты кнопкай «Купіць», кошыкам, плашкай пра кукі і часам нумарам тэлефона. Таму мабільны віджэт наладжваюць асобна — інакш ён перакрывае менавіта тое, дзеля чаго чалавек прыйшоў.
Пазіцыя і водступы
У наладах сайта ёсць бок (злева або справа) і водступы па X і Y. Правіла простае: кнопка не павінна закрываць дзеянне, якое прыносіць грошы. Калі ўнізе справа стаіць «У кошык», чат пераязджае налева або падымаецца на 70–80 пікселяў. Правяраць гэта трэба на сапраўдным тэлефоне, а не ў эмулятары — зрух на пару сантыметраў на экране вырашае ўсё.
Дзе кнопку лепш схаваць
Поле Visibility rules (JSON) вызначае, дзе віджэт наогул паказваецца. Фармат просты: {"include":["/pricing"],"exclude":["/admin"],"desktop":true,"mobile":false}. Тыповы выпадак — прыбраць чат са старонкі афармлення замовы на мабільных, каб ён не спаборнічаў з формай аплаты, і пакінуць на старонках тавару і тарыфаў, дзе пытанні ўзнікаюць найчасцей.
Хуткасць важнейшая за прыгажосць
Віджэт падключаецца адным радком і загружаецца асінхронна: старонка яго не чакае. Афармленне ляжыць у асобным файле, таму строгая Content-Security-Policy на сайце кліента не патрабуе unsafe-inline — дастаткова дазволіць дамен віджэта ў script-src, style-src і connect-src.
Мова падладжваецца сама
Мова бярэцца з атрыбута data-lang, потым з <html lang> старонкі, потым з браўзера; падтрымліваюцца англійская, польская, нямецкая, руская, украінская, беларуская і арабская. На шматмоўным сайце нічога дадаткова рабіць не трэба: руская версія старонкі адкрые рускі віджэт, нямецкая — нямецкі.
Актыўнае запрашэнне — у меру
Усплывальнае запрашэнне («Падказаць што-небудзь?») добра працуе на тарыфах і ў каталогу і раздражняе на старонцы аплаты. Таму ў яго ёсць затрымка і ўласны спіс старонак: паказвайце яго там, дзе чалавек выбірае, і маўчыце там, дзе ён ужо плаціць.
Праверка пасля наладкі
Пасля змены налад абнавіце старонку — віджэт звяраецца з серверам і падцягвае свежую зборку. Прайдзіцеся па сайце з тэлефона як звычайны наведвальнік: адкрыйце каталог, тавар, кошык. Калі кнопка нідзе не закрывае важнага, а чат адкрываецца з першага дотыку, наладка скончана.
Клавіятура і вышыня экрана
На тэлефоне акно чата дзеліць экран з клавіятурай: застаецца палоска ў некалькі радкоў. Таму доўгія прывітанні і пытанні на тры абзацы працуюць дрэнна — чалавек іх проста не бачыць. Трымайце першае паведамленне ў адзін-два радкі, а ўдакладненні задавайце па адным.
Фота замест апісання
Мабільны кліент амаль заўсёды можа даслаць фатаграфію — бракаваны тавар, экран з памылкай аплаты, налепку з артыкулам. Файл адыходзіць аператару ў Telegram, і адзін такі здымак замяняе тры кругі ўдакладненняў. Варта прама прапаноўваць: «дашліце фота, так хутчэй».
← Усе артыкулы