C cenaly.com
Zacznij za darmo

Multiprzycisk

Jeden pływający przycisk zamiast stosu ikonek: komunikatory, media społecznościowe, telefon, e-mail i akcje pozostałych widżetów

11 min read Otwórz ten ekran w demo
On this page 22

Wieloprzycisk

Wieloprzycisk — jeden pływający przycisk w rogu strony, który po naciśnięciu rozwija się w wachlarz kanałów kontaktu: WhatsApp, Telegram, Viber, VK, media społecznościowe, telefon, e-mail, dowolny własny link — oraz akcje naszych widżetów („napisz na czacie”, „zamów”, „zapisz się”).

Rozwiązuje też własny problem: każdy widżet rysuje swój przycisk w tym samym dolnym rogu, a po włączeniu czatu, zamówienia i oddzwonienia otrzymujesz stos przepychających się przycisków. Wieloprzycisk usuwa stos — kanały pochłoniętych widżetów żyją w jego wachlarzu, a ich własne przyciski są wygaszane.

Widżet jest bezpłatny: osobnego rozszerzenia nie trzeba kupować.

Gdzie włączyć: Panel administracyjny → Marketing → „Moja strona” → karta „Wieloprzycisk”. Przełącznik włącza widżet, ikona zębatki otwiera ustawienia; przycisk „Przenieś do paska bocznego” daje widżetowi własną pozycję w menu.


Instalacja na stronie#

Własny kod nie jest potrzebny — działa wspólny tag sekcji „Moja strona”:

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

Jedna linia w <head> lub przed </body>; skład widżetów określają dalej przełączniki w koncie. Instrukcje dla platform (HTML, Google Tag Manager, WordPress, Tilda/Wix, Shopify, Webflow) — w artykule Moja strona, sekcja „Instalacja na popularnych platformach”.

⚠️ Dla wieloprzycisku wspólny tag jest szczególnie ważny. Zbiera pod siebie sąsiadów — a pochłonąć może tylko tych, którzy na tej samej stronie rzeczywiście się podnieśli. Jeśli czat jest wstawiony na jednych stronach, a zamówienie na innych, wachlarz na nich będzie inny. Wspólny loader podnosi widżety we właściwej kolejności, a wieloprzycisk — jako ostatni, gdy sąsiedzi są już gotowi.

Istnieje też pojedynczy tag multibutton/v1.js (blok „Zaawansowane”) i ma własne atrybuty: data-color, data-icon (emoji na przycisku), data-label, data-position="left|right", data-lang i data-keep-fabs="1" — nie wygaszaj własnych przycisków sąsiadów. Atrybut tagu zawsze ma pierwszeństwo przed ustawieniem z konta.

Co widzi, a czego nie widzi sprawdzanie instalacji. Przycisk „Sprawdź instalację” czyta źródłowy HTML strony: znaleziono wspólny loader / tylko pojedyncze tagi / kod innej lokalizacji / brak kodu. Tag, który podstawia dopiero w przeglądarce Google Tag Manager, nie zostanie zauważony — to nie błąd, sprawdź stronę na własne oczy.


Konfiguracja widżetu#

Ustawienia zapisują się same, osobnego przycisku „Zapisz” nie ma. Po prawej stronie pól — podgląd wachlarza na żywo.

Wygląd#

Kolor przycisku, ikona emoji na nim, narożnik ekranu i podpis (on też jest podpisem dla czytników ekranu).

Kanały wachlarza#

Kreator listy: dodać, usunąć, przenieść ↑↓. Maksymalnie — 12 kanałów. Trzy rodziny:

Rodzina Kanały Co wpisać w pole wartości
Komunikatory i media społecznościowe WhatsApp, Telegram, Viber, VK, Instagram, Facebook, TikTok, YouTube numer, @nick lub gotowy adres — link widżet złoży sam
Kontakty bezpośrednie telefon, e-mail numer telefonu / adres e-mail
Dowolny link dowolna strona adres; goła domena jest uzupełniana do https://
Działania naszych widżetów otwórz czat, połączenie z przeglądarki, oddzwonienie, zamówienie, rezerwacja stolika, wizyta online, napisz do wsparcia nic: pozycja po prostu otwiera odpowiedni widżet na tej samej stronie

Pozycja „Napisz do wsparcia” otwiera zakładkę „Zgłoszenia” okna czatu — zgłoszenia nie mają osobnego przycisku, dlatego pozycja jest dostępna przy włączonym czacie. Jeśli zgłoszenia w placówce są wyłączone, otworzy zwykły czat, a kreator podpowie to bezpośrednio przy pozycji.

Każdy kanał ma podpis (osobno dla każdego języka strony) i znacznik gdzie pokazywać: wszędzie · tylko na komputerach · tylko na telefonach.

Szablon pierwszej wiadomości jest w WhatsApp i Telegram: tekst, który gość znajdzie już wpisany. Obsługuje podstawienia {url} i {title} — adres i tytuł tej strony, z której kliknięto (podstawiane w momencie kliknięcia, a nie przy renderowaniu). Maksymalnie — 300 znaków.

Chmurka-zaproszenie#

Krótkie zdanie obok przycisku („Masz pytanie?”) — to, czym zapraszasz gościa do kliknięcia: milczącego przycisku w narożniku po prostu się nie zauważa. Tekst ustawia się osobno dla każdego języka, pusty tekst oznacza, że chmurki nie ma wcale.

Konfiguruje się opóźnienie pojawienia się chmurki i pauzę między pokazaniami. Pauza liczy się na gościa, a nie na stronę: znacznik pokazania żyje w jego przeglądarce, więc zaproszenie nie zamienia się w banner wyskakujący na każdej stronie każdej wizyty.

Wiersz „Otwarte teraz”#

W nagłówku rozwiniętego wachlarza — jeden wiersz o godzinach pracy: „Otwarte do 22:00”, „Zamknięte · otwieramy o 10:00”, „Zamknięte · otwieramy w poniedziałek o 10:00”. Godziny są brane z karty placówki (grafik wraz z wyjątkami) — kopii w ustawieniach widżetu nie ma celowo.

Dwie wartości: auto (domyślnie — wiersz jest, jeśli godziny są wypełnione) i nie pokazuj. Status jest przeliczany przy każdym rozwinięciu wachlarza, a nie raz przy wczytaniu: przycisk wisi na stronie godzinami, a „Otwarte do 22:00” o 22:30 to dokładnie to kłamstwo, przez które przestaje się wierzyć i reszcie. Godziny placówki nie są wypełnione — wiersza nie ma wcale (ogłaszać lokal zamkniętym na jego własnej stronie nie można).

Kiedy pokazywać#

Blok wspólny z oddzwonieniem i „Witrynę na żywo”:

  • strony — maski adresu „tylko na…” i „oprócz…”, * = dowolny fragment, do 20 masek w każdej liście; wyjątki są silniejsze niż zezwolenia;
  • opóźnienie — 0…600 sekund po wczytaniu strony;
  • urządzenie — wszystkie · tylko komputery · tylko telefony (próg — 480 px);
  • harmonogram — do 14 własnych okien „dni + od… do…” albo godziny pracy placówki.

⚠️ Godziny są liczone w strefie czasowej lokalizacji; jeśli strefa placówki nie jest ustawiona, okna są liczone według czasu odwiedzającego, i panel mówi o tym wprost. Jeśli wybrano „godziny pracy placówki”, a grafik nie jest wypełniony, harmonogram niczego nie ogranicza i przycisk pozostaje widoczny. Pusta lista własnych okien oznacza odwrotnie — „pokazywać nie ma kiedy”.

Skład wachlarza jest przeliczany przy każdym otwarciu: między pokazaniami gość zdąży i obrócić telefon, i przejść na stronę, na której przycisku być nie powinno.

Układ na telefonie#

Sekcja „📱 Układ na telefonie”: okrągły przycisk (domyślnie) albo dolny pasek — pas z pierwszych czterech kanałów z podpisami i przycisku „Więcej” z szufladą pozostałych. Na szerokim ekranie zawsze wachlarz; obrót telefonu zmienia układ w locie. W podglądzie widać prawdziwą granicę „w pasku / pod »Więcej«” i wiersz „do paska trafi N z M”.

Pasek zachowuje się ostrożnie na cudzej stronie: staje nad cudzym stałym panelem na dole, jeśli taki jest, chowa się przy przewijaniu w dół i wraca przy przewijaniu w górę, respektuje strefę bezpieczną iPhone i znika w całości, jeśli kanałów nie zostało.

Pokazywać też na naszej witrynie#

Osobny przełącznik (domyślnie wyłączony). Multiknopka to jedyny widżet z takim ustawieniem, a powód jest w uczciwości: na naszej witrynie pochłania natywne przyciski — dymek czatu i słuchawkę oddzwonienia — czyli zmienia narożnik ekranu, który już skonfigurowałeś. Takiego czegoś nie włącza się za ciebie po cichu.


Co się dzieje po kliknięciu#

Gość rozwija wachlarz i wybiera kanał:

  • komunikator, serwis społecznościowy lub Twój link — otwiera się w nowej karcie; rozmowa toczy się tam, dokąd prowadzi kanał. Jeśli dla kanału ustawiono szablon wiadomości, pole u gościa jest już wypełnione;
  • telefon i e-mail — otwierają się w bieżącej karcie za pomocą standardowej aplikacji urządzenia (inaczej przeglądarka otworzyłaby i natychmiast zamknęła puste okno);
  • działanie naszego widżetu — bezpośrednio na tej samej stronie otwiera się czat, formularz oddzwonienia, koszyk, rezerwacja lub wizyta. Dane trafiają tam, gdzie zwykle: rozmowa — do „Czat”, zamówienie — do „Zamówienia”, rezerwacja — do „Stoły”, wizyta — do „Wizyty”, numer oddzwonienia — do „Zgłoszenia”.

Multiknopka nie zbiera własnych danych: tylko doprowadza gościa do kanału. To, co liczy, to kliknięcia, widoczne w jej własnym panelu w bloku „Kliknięcia z 30 dni”: ile razy pokazano przycisk, ile razy rozwinięto wachlarz i ile kliknięć przypadło na każdy kanał. W tych statystykach nie ma ani adresu kanału, ani treści wiadomości, ani strony gościa — tylko typ kanału i liczba.


Ograniczenia#

  • Pusty wachlarz = brak widżetu. Dopóki nie ustawiono żadnego kanału, przycisk nie jest rysowany wcale: pusty przycisk w rogu cudzej strony jest gorszy niż jego brak.
  • Kanałów nie więcej niż 12, tekst szablonu — nie dłuższy niż 300 znaków.
  • Kanał-działanie żyje tylko tak długo, jak żyje sam widżet. Wyłącz czat — pozycja „Otwórz czat” zniknie z ustawień przy pierwszym zapisie i sama nie wróci, trzeba ją dodać ponownie. W czasie działania multiknopka również sprawdza sąsiada przed każdym rozwinięciem: nie podniósł się — pozycji nie będzie, żeby nie został przycisk, za którym nic nie ma.
  • Pochłanianie przycisków sąsiadów jest wizualne. Multiknopka ukrywa ich pływające przyciski, ale same widżety nadal działają; wyłączyć pochłanianie można atrybutem data-keep-fabs="1" na pojedynczym tagu.
  • Szablon wiadomości — tylko w WhatsApp i Telegram. W pozostałych kanałach pole jest ignorowane: w WhatsApp wstępne wypełnienie jest udokumentowane, w Telegram klienci obsługują je różnie, a pozostali nie obsługują go wcale. Bardzo długi adres strony jest podawany bez podstawienia — działający link ważniejszy niż tekst.
  • Dozwolone są tylko bezpieczne adresy: https, http, tel, mailto i viber. Wszystko inne jest odrzucane — i w podglądzie w koncie, i na stronie, bo sprawdzenie jest jedno.
  • Na naszej witrynie multiknopka jest pokazywana tylko po osobnym przełączniku, a pozycja „połączenie z przeglądarki” w jej wachlarzu nie występuje tam wcale: okna dla niej na witrynie nie ma.
  • Wiersz „Otwarte teraz” nie zastępuje grafiku. Odczytuje godziny z karty placówki; nie są wypełnione — wiersza nie będzie, ale przycisk pozostanie.

Rozwiązywanie problemów#

Na stronie nie ma przycisku.

  1. Tag nie znaleziony — „Sprawdź instalację”. „Nie ma kodu” — tag nie został wstawiony lub nie ma go na wszystkich stronach szablonu; „kod innej lokalizacji” — obcy data-domain w tagu. Tag wstawia GTM — sprawdzenie go nie zobaczy.
  2. Zmiany nie dotarły — pliki widżetów są dostarczane przez CDN z pamięcią podręczną 5 minut: poczekaj i odśwież stronę z wyczyszczeniem pamięci podręcznej.
  3. Widżet wyłączony albo lista kanałów pusta — pusty wachlarz nie jest rysowany.
  4. Warunki pokazywania odcięły stronę — sprawdź maski (wyjątki są silniejsze niż zezwolenia), urządzenie i opóźnienie.
  5. Harmonogram zamknięty — teraz jesteś poza oknem. Sprawdź swoje okna lub grafik w karcie placówki.
  6. Strefa czasowa placówki nie jest ustawiona — wtedy okna są liczone według godzin odwiedzającego, a przycisk pojawia się nie wtedy, gdy oczekujesz.

W wachlarzu brakuje pozycji.

  • Pozycja-działanie zniknęła — odpowiedni widżet jest wyłączony: włącz go i dodaj kanał ponownie, sam nie wróci;
  • pozycja oznaczona „tylko dla telefonów” (lub odwrotnie) — zadziałał filtr urządzenia przy kanale;
  • sąsiad nie zdążył się podnieść (wolna sieć, ograniczenia bezpieczeństwa Twojej strony) — odśwież stronę; na stałe pomaga jeden wspólny tag zamiast pojedynczych.

W rogu nadal są dwa przyciski. To znaczy, że sąsiad nie ma w wachlarzu odpowiedniej pozycji-działania: pochłaniane są tylko te widżety, których działania leżą w wachlarzu. Dodaj potrzebną pozycję. Odwrotna sytuacja — przycisk sąsiada nie jest potrzebny, a pochłanianie jest wyłączone atrybutem data-keep-fabs="1": usuń atrybut.

Pasek na telefonie zasłania cudzy panel. Pasek sam szuka cudzego stałego pasa na dole i ustawia się nad nim, powtarzając pomiar kilka razy po załadowaniu. Jeśli cudzy panel pojawia się bardzo późno, przełącz się na okrągły przycisk — nie uczestniczy on w układzie dołu strony.

Chmurka się nie pokazuje. Sprawdź, czy tekst jest ustawiony dla języka strony i czy nie minęła ustawiona pauza między pokazaniami — jest liczona dla konkretnego gościa, w jego przeglądarce.

Statystyka jest pusta. Kliknięcia są wysyłane partiami i z opóźnieniem, a nie pojedynczo; licznik pokazuje 30 dni i zapełnia się w miarę, jak goście klikają.


Częste pytania#

Ile to kosztuje?#

Nic. Multiknopka jest bezpłatna i nie wymaga osobnego rozszerzenia — w przeciwieństwie do rozwiązań, które sprzedają ją jako samodzielny produkt.

Ile kanałów można dodać?#

Do dwunastu. Kolejność ustalasz strzałkami ↑↓ i ona decyduje, które cztery kanały trafią do dolnego paska na telefonie.

Gdzie trafią wiadomości z komunikatorów?#

Tam, dokąd prowadzi kanał: WhatsApp — do WhatsApp, Telegram — do Telegram. Jeśli chcesz widzieć korespondencję w Koncie, podłącz te kanały w sekcji „Czat” — wtedy wiadomości trafią do wspólnego inboxa, a w wachlarz można wstawić pozycję „Otwórz czat”.

Czy multiknopka ukryje przyciski innych widżetów?#

Tak, i na tym właśnie polega: przyciski tych widżetów, których działania znajdują się w jej wachlarzu, są wygaszane, żeby w narożniku nie tłoczył się stos. Same widżety nadal działają, a na pojedynczym tagu zachowanie wyłącza się atrybutem data-keep-fabs="1".

Czy można pokazywać różne kanały na telefonie i na komputerze?#

Tak, każdy kanał ma oznaczenie „gdzie pokazywać”: wszędzie, tylko na komputerach lub tylko na telefonach. Skład wachlarza jest przeliczany przy każdym otwarciu, więc obrót telefonu jest uwzględniany od razu.

Co się stanie, jeśli gość kliknie „Napisz w WhatsApp” z laptopa?#

Otworzy się wersja web komunikatora w nowej karcie — z już podstawionym tekstem, jeśli ustawiono szablon.

Skąd wiersz „Otwarte do 22:00” bierze godziny?#

Z karty placówki — tego samego grafiku z wyjątkami, który gość widzi w Witrynie. W widżecie nie ustawia się godzin osobno, żeby dwie prawdy się nie rozjechały. Jeśli grafik nie jest wypełniony, wiersza po prostu nie będzie.

W jakim języku odezwie się wachlarz?#

Podpisy kanałów i chmurkę ustawiasz samodzielnie według języków; język strony widżet określa po jej znacznikach (lub po atrybucie data-lang). Nazwa dnia tygodnia w wierszu „Otwarte teraz” jest pobierana z przeglądarki w języku strony.


Powiązane sekcje#

Was this article helpful?