C cenaly.com
Започнете безплатно

Мултибутон

Един плаващ бутон вместо купчина: месинджъри, социални мрежи, телефон, имейл и действия на останалите уиджети

On this page 22

Мултибутон

Мултибутонът е един плаващ бутон в ъгъла на сайта, който при натискане се разгъва като ветрило от канали за връзка: WhatsApp, Telegram, Viber, VK, социални мрежи, телефон, имейл, всяка ваша връзка — и действия на самите наши уиджети („пиши в чата“, „поръчай“, „запиши се“).

Той решава и ваш собствен проблем: всеки уиджет рисува свой бутон в същия долен ъгъл и щом включите чат, поръчка и обратно обаждане, получавате купчина бутони, които се бутат един друг. Мултибутонът премахва купчината — каналите на погълнатите уиджети живеят във ветрилото му, а собствените им бутони се изгасят.

Уиджетът е безплатен: не е нужно да купувате отделно разширение.

Къде да го включите: Админ панел → Маркетинг → „Моят сайт“ → картата „Мултибутон“. Превключвателят включва уиджета, зъбното колело отваря настройките; бутонът „Премести в страничната лента“ дава на уиджета собствен пункт в менюто.


Инсталиране на сайта#

Не е нужен собствен код — работи общият таг на раздела „Моят сайт“:

<script src="https://cdn.cenaly.com/site/v1.js" data-domain="ВАШИЯТ-ДОМЕЙН" async></script>

Един ред в <head> или преди </body>; съставът на уиджетите се задава после с превключватели в акаунта. Инструкции за платформите (HTML, Google Tag Manager, WordPress, Tilda/Wix, Shopify, Webflow) — в статията Моят сайт, раздел „Инсталиране на популярни платформи“.

⚠️ За мултибутона общият таг е особено важен. Той събира съседите под себе си — а може да погълне само онези, които наистина са се заредили на същата страница. Ако чатът е вмъкнат на едни страници, а поръчката на други, ветрилото на тях ще бъде различно. Общият зареждащ скрипт вдига уиджетите в правилния ред, а мултибутона — последен, когато съседите вече са готови.

Има и отделен таг multibutton/v1.js (блок „Разширени“), и той има свои атрибути: data-color, data-icon (емоджи на бутона), data-label, data-position="left|right", data-lang и data-keep-fabs="1" — да не гаси собствените бутони на съседите. Атрибутът на тага винаги е по-силен от настройката в акаунта.

Какво вижда и какво не вижда проверката на инсталацията. Бутонът „Провери инсталацията“ чете изходния HTML на страницата: намерен е общ зареждащ скрипт / само отделни тагове / код на друг обект / няма код. Таг, който се подменя вече в браузъра от Google Tag Manager, тя няма да види — това не е грешка, проверете сайта с очи.


Настройка на уиджета#

Настройките се запазват сами, отделен бутон „Запази“ няма. Вдясно от полетата има живо превю на ветрилото.

Външен вид#

Цвят на бутона, емоджи-икона върху него, ъгъл на екрана и надпис (той е и надпис за програми за четене на екран).

Канали на ветрилото#

Конструктор на списъка: добавяне, изтриване, разместване ↑↓. Максимум — 12 канала. Три семейства:

Семейство Канали Какво да се въведе в полето за стойност
Месинджъри и социални мрежи WhatsApp, Telegram, Viber, VK, Instagram, Facebook, TikTok, YouTube номер, @ник или готов адрес — връзката уиджетът ще сглоби сам
Директни контакти телефон, имейл номер на телефон / адрес на имейл
Произволна връзка произволна страница адрес; гол домейн се допълва до https://
Действия на нашите уиджети отваряне на чат, обаждане от браузър, обратно обаждане, поръчка, резервация на маса, онлайн запис, писане до поддръжката нищо: пунктът просто отваря съответния уиджет на същата страница

Пунктът „Писане до поддръжката“ отваря раздела „Обращения“ на прозореца за чат — за обращенията няма отделен бутон, затова пунктът е достъпен при включен чат. Ако обращенията за обекта са изключени, той ще отвори обикновен чат, а конструкторът ще подскаже това направо до пункта.

Всеки канал има надпис (отделно за всеки език на сайта) и признак къде да се показва: навсякъде · само на компютри · само на телефони.

Заготовка за първото съобщение има при WhatsApp и Telegram: текст, който гостът ще намери вече написан. Поддържа заместващите {url} и {title} — адресът и заглавието на онази страница, от която е натиснато (заместват се в момента на клика, а не при отрисуването). Максимум — 300 символа.

Облаче-покана#

Кратка фраза до бутона („Имате въпрос?“) — това, с което каните госта да натисне: мълчаливият бутон в ъгъла просто не се забелязва. Текстът се задава отделно за всеки език, празен текст означава, че облаче няма изобщо.

Настройват се закъснение до появата на облачето и пауза между показванията. Паузата се брои на гост, а не на сайт: отметката за показване живее в неговия браузър, така че поканата не се превръща в банер, изскачащ на всяка страница при всяко посещение.

Редът „Отворено сега“#

В заглавната част на разгънатото ветрило — един ред за работното време: „Отворено до 22:00“, „Затворено · отваряме в 10:00“, „Затворено · отваряме в понеделник в 10:00“. Часовете се вземат от карточката на обекта (графикът заедно с изключенията) — копие в настройките на уиджета няма нарочно.

Две стойности: авто (по подразбиране — редът го има, ако часовете са попълнени) и не показвай. Статусът се преизчислява при всяко разгъване на ветрилото, а не веднъж при зареждането: бутонът виси на страницата с часове и „Отворено до 22:00“ в 22:30 е точно онази лъжа, заради която спират да вярват и на останалото. Часовете на обекта не са попълнени — редът го няма изобщо (да обявиш заведението за затворено на собствения му сайт не може).

Кога да се показва#

Блокът е общ с обратното обаждане и „Живата витрина“:

  • страници — маски на адреса „само на…“ и „освен…“, * = произволен фрагмент, до 20 маски във всеки списък; изключенията са по-силни от разрешенията;
  • закъснение — 0…600 секунди след зареждането на страницата;
  • устройство — всички · само компютри · само телефони (праг — 480 px);
  • график — до 14 свои прозореца „дни + от… до…“ или часове на работа на обекта.

⚠️ Часовете се броят в часовата зона на локацията; ако зоната на обекта не е зададена, прозорците се броят по времето на посетителя и панелът казва това направо. Ако са избрани „часове на работа на обекта“, а графикът не е попълнен, графикът не ограничава нищо и бутонът остава видим. Празен списък свои прозорци, обратно, означава „показване никога“.

Съставът на ветрилото се преизчислява при всяко отваряне: между показванията гостът успява и да завърти телефона, и да отиде на страница, където бутон не бива да има.

Оформление на телефона#

Секция „📱 Оформление на телефона“: кръгъл бутон (по подразбиране) или долен бар — лента от първите четири канала с надписи и бутон „Още“ с шушулка за останалите. На широк екран винаги има ветрило; завъртането на телефона сменя оформлението в движение. В превюто се вижда истинската граница „в бара / под „Още““ и редът „в бара ще попаднат N от M“.

Барът се държи внимателно на чужда страница: застава над чуждия фиксиран панел в долната част, ако има такъв, скрива се при прелистване надолу и се връща при прелистване нагоре, уважава безопасната зона на iPhone и изчезва изцяло, ако не са останали канали.

Показване и на нашата витрина#

Отделен превключвател (по подразбиране изключен). Мултибутонът е единственият уиджет с такава настройка и причината е в честността: на нашата витрина той поглъща нативните бутони — балончето за чат и слушалката за обратно обаждане, — тоест променя ъгъла на екрана, който вече сте настроили. Такова нещо не се включва вместо вас мълчаливо.


Какво се случва след натискане#

Гостът разгръща ветрилото и избира канал:

  • месинджър, социална мрежа или ваша връзка — отваря се в нов раздел; кореспонденцията продължава там, накъдето води каналът. Ако за канала е зададен шаблон на съобщението, полето у госта вече е попълнено;
  • телефон и имейл — отварят се в текущия раздел със стандартното приложение на устройството (иначе браузърът би отворил и веднага затворил празен прозорец);
  • действие на нашия уиджет — направо на същата страница се отваря чат, форма за обратно обаждане, кошница, резервация или час. Данните попадат там, където обикновено: кореспонденцията — в „Чат“, поръчката — в „Поръчки“, резервацията — в „Маси“, часът — в „Записи“, номерът за обратно обаждане — в „Заявки“.

Мултибутонът не събира свои данни: той само довежда госта до канала. Това, което отчита, са кликове, и те се виждат в собствения му панел с блока „Кликове за 30 дни“: колко пъти е показан бутонът, колко пъти е разгърнато ветрилото и колко натискания са се паднали на всеки канал. Нито адресът на канала, нито текстът на съобщението, нито страницата на госта ги има в тази статистика — само типът на канала и броят.


Ограничения#

  • Празно ветрило = няма уиджет. Докато не е зададен нито един канал, бутонът изобщо не се рисува: празен бутон в ъгъла на чужд сайт е по-лош от липсата му.
  • Каналите са не повече от 12, текстът на шаблона — не по-дълъг от 300 символа.
  • Каналът-действие живее, само докато живее самият уиджет. Изключете чата — пунктът „Отвори чат“ изчезва от настройките при първото запазване и сам не се връща, трябва да се добави наново. По време на изпълнение мултибутонът също проверява съседа преди всяко разгръщане: не се е вдигнал — пункт няма да има, за да не остане бутон, зад който няма нищо.
  • Поглъщането на бутоните на съседите е визуално. Мултибутонът скрива техните плаващи бутони, но самите уиджети продължават да работят; поглъщането може да се изключи с атрибута data-keep-fabs="1" на единичния таг.
  • Шаблонът на съобщението е само при WhatsApp и Telegram. При останалите канали полето се игнорира: при WhatsApp предварителното попълване е документирано, при Telegram клиентите го поддържат по различен начин, а останалите не го поддържат изобщо. Много дълъг адрес на страница се отдава без подстановка — работещата връзка е по-важна от текста.
  • Разрешени са само безопасни адреси: https, http, tel, mailto и viber. Всичко останало се отхвърля — и в прегледа в акаунта, и на сайта, защото проверката е една.
  • На нашата витрина мултибутонът се показва само с отделен превключвател, а пунктът „обаждане от браузъра“ в неговото ветрило там изобщо не живее: прозорец за него на витрината няма.
  • Редът „Отворено сега“ не заменя графика. Той чете часовете от картата на обекта; не са попълнени — ред няма да има, но бутонът ще остане.

Отстраняване на неизправности#

На сайта няма бутон.

  1. Тагът не е намерен — „Провери инсталацията“. „Няма код“ — тагът не е вмъкнат или не е на всички страници на шаблона; „код на друга локация“ — чужд data-domain в тага. Тагът се поставя от GTM — проверката няма да го види.
  2. Промените не са пристигнали — файловете на уиджетите се раздават през CDN с кеш 5 минути: изчакайте и обновете страницата с изчистване на кеша.
  3. Уиджетът е изключен или списъкът с канали е празен — празно ветрило не се рисува.
  4. Условията за показване са отсекли страницата — проверете маските (изключенията са по-силни от разрешенията), устройството и закъснението.
  5. Графикът е затворен — в момента сте извън прозореца. Проверете своите прозорци или графика в картата на обекта.
  6. Часовата зона на обекта не е зададена — тогава прозорците се смятат по часовете на посетителя, и бутонът се появява не когато сте очаквали.

Във ветрилото липсва пункт.

  • Пункт-действие е изчезнал — съответният уиджет е изключен: включете го и добавете канала наново, сам няма да се върне;
  • пунктът е отбелязан „само за телефони“ (или обратното) — задействал се е филтърът за устройство при канала;
  • съседът не е успял да се вдигне (бавна мрежа, ограничения за сигурност на вашата страница) — обновете страницата; за постоянно помага единен таг вместо единични.

В ъгъла все още има два бутона. Значи съседът във ветрилото няма съответния пункт-действие: поглъщат се само онези уиджети, чиито действия лежат във ветрилото. Добавете нужния пункт. Обратната ситуация — бутонът на съседа не е нужен, а поглъщането е изключено с атрибута data-keep-fabs="1": премахнете атрибута.

Лентата на телефона закрива чуждия панел. Лентата сама търси чужда фиксирана лента в долната част и застава над нея, повтаряйки измерването няколко пъти след зареждане. Ако чуждият панел се появява съвсем късно, превключете на кръгъл бутон — той не участва в разметката на долната част на страницата.

Облачето не се показва. Проверете, че текстът е зададен за езика на страницата, и че не е изтекла зададената пауза между показванията — тя се брои за конкретния гост, в неговия браузър.

Статистиката е празна. Кликовете се изпращат на пачки и със закъснение, а не един по един; броячът показва 30 дни и се запълва, докато гостите натискат.


Често задавани въпроси#

Колко струва това?#

Нищо. Мултибутонът е безплатен и не изисква отделно разширение — за разлика от аналозите, които го продават като самостоятелен продукт.

Колко канала могат да се добавят?#

До дванадесет. Редът се задава от вас със стрелките ↑↓ и той определя кои четири канала ще попаднат в долната лента на телефона.

Къде отиват обръщенията от месинджърите?#

Там, където води каналът: WhatsApp — в WhatsApp, Telegram — в Telegram. Ако искате да виждате кореспонденцията в акаунта, свържете тези канали в раздела „Чат“ — тогава съобщенията ще пристигат в общия инбокс, а във ветрилото може да поставите пункт „Отвори чата“.

Мултибутонът ще скрие ли бутоните на другите уиджети?#

Да, и това е смисълът му: бутоните на онези уиджети, чиито действия са във ветрилото му, се гасят, за да не се тълпи купчина в ъгъла. Самите уиджети продължават да работят, а на единичен таг поведението се изключва с атрибута data-keep-fabs="1".

Могат ли да се показват различни канали на телефона и на компютъра?#

Да, всеки канал има признак „къде да се показва“: навсякъде, само на компютри или само на телефони. Съставът на ветрилото се преизчислява при всяко отваряне, затова завъртането на телефона се отчита веднага.

Какво ще стане, ако гост натисне „Напиши в WhatsApp“ от лаптоп?#

Ще се отвори уеб версията на месинджъра в нов раздел — с вече попълнен текст, ако сте задали шаблон.

Редът „Отворено до 22:00“ откъде взема часовете?#

От карточката на обекта — същото разписание с изключения, което гостът вижда във витрината. Отделно в уиджета часове не се задават, за да не се разминат две истини. Ако разписанието не е попълнено, редът просто няма да го има.

На какъв език ще проговори ветрилото?#

Надписите на каналите и облачето ги задавате сами по езици; езика на страницата уиджетът определя по нейната разметка (или по атрибута data-lang). Названието на деня от седмицата в реда „Отворено сега“ се взема от браузъра на езика на страницата.


Свързани раздели#

Was this article helpful?