C cenaly.com
Kostenlos starten

Multi-Button

Ein einziger schwebender Button statt eines Stapels: Messenger, Social Media, Telefon, E-Mail und Aktionen weiterer Widgets

On this page 22

Multibutton

Multibutton – ein schwebender Button in der Ecke Ihrer Website, der sich beim Klick fächerförmig zu Kommunikationskanälen öffnet: WhatsApp, Telegram, Viber, VK, soziale Netzwerke, Telefon, E-Mail, jeder beliebige Link von Ihnen – und Aktionen unserer eigenen Widgets („in den Chat schreiben“, „bestellen“, „Termin buchen“).

Er löst auch Ihr eigenes Problem: Jedes Widget zeichnet seinen eigenen Button in dieselbe untere Ecke, und wenn Sie Chat, Bestellung und Rückruf aktivieren, erhalten Sie einen Stapel sich gegenseitig verdrängender Buttons. Der Multibutton beseitigt den Stapel – die Kanäle der absorbierten Widgets leben in seinem Fächer, und ihre eigenen Buttons werden ausgeblendet.

Das Widget ist kostenlos: Eine separate Erweiterung müssen Sie nicht kaufen.

Wo aktivieren: Admin-Panel → Marketing → „Meine Website“ → Karte „Multibutton“. Der Schalter aktiviert das Widget, das Zahnrad öffnet die Einstellungen; die Schaltfläche „In die Seitenleiste verschieben“ gibt dem Widget einen eigenen Menüpunkt.


Installation auf der Website#

Eigener Code ist nicht erforderlich – es funktioniert das gemeinsame Tag des Bereichs „Meine Website“:

<script src="https://cdn.cenaly.com/site/v1.js" data-domain="IHRE-DOMAIN" async></script>

Eine Zeile in <head> oder vor </body>; die Zusammensetzung der Widgets wird weiter über die Schalter im Konto festgelegt. Anleitungen für Plattformen (HTML, Google Tag Manager, WordPress, Tilda/Wix, Shopify, Webflow) – im Artikel Meine Website, Abschnitt „Installation auf beliebten Plattformen“.

⚠️ Für den Multibutton ist das gemeinsame Tag besonders wichtig. Er sammelt die Nachbarn unter sich – und absorbieren kann er nur diejenigen, die auf derselben Seite tatsächlich geladen wurden. Wenn der Chat auf einigen Seiten eingebunden ist und die Bestellung auf anderen, fällt der Fächer dort unterschiedlich aus. Der gemeinsame Loader lädt die Widgets in der richtigen Reihenfolge und den Multibutton – zuletzt, wenn die Nachbarn bereits bereit sind.

Das Einzel-Tag multibutton/v1.js gibt es ebenfalls (Block „Erweitert“), und es hat eigene Attribute: data-color, data-icon (Emoji auf dem Button), data-label, data-position="left|right", data-lang und data-keep-fabs="1" – die eigenen Buttons der Nachbarn nicht ausblenden. Das Attribut des Tags ist immer stärker als die Einstellung aus dem Konto.

Was die Installationsprüfung sieht und was nicht. Die Schaltfläche „Installation prüfen“ liest das Quell-HTML der Seite: gemeinsamer Loader gefunden / nur einzelne Tags / Code eines anderen Standorts / kein Code. Ein Tag, das erst im Browser durch Google Tag Manager eingefügt wird, wird sie nicht sehen – das ist kein Fehler, prüfen Sie die Website mit eigenen Augen.


Widget einrichten#

Die Einstellungen werden automatisch gespeichert, eine separate Schaltfläche „Speichern“ gibt es nicht. Rechts neben den Feldern sehen Sie eine Live-Vorschau des Fächers.

Erscheinungsbild#

Farbe der Schaltfläche, Emoji-Symbol darauf, Ecke des Bildschirms und Beschriftung (sie dient zugleich als Beschriftung für Screenreader).

Kanäle des Fächers#

Listen-Editor: hinzufügen, löschen, verschieben ↑↓. Maximal 12 Kanäle. Drei Familien:

Familie Kanäle Was in das Wertfeld gehört
Messenger und soziale Netzwerke WhatsApp, Telegram, Viber, VK, Instagram, Facebook, TikTok, YouTube Nummer, @nick oder eine fertige Adresse — den Link baut das Widget selbst zusammen
Direkte Kontakte Telefon, E-Mail Telefonnummer / E-Mail-Adresse
Freier Link beliebige Seite Adresse; eine nackte Domain wird zu https:// ergänzt
Aktionen unserer Widgets Chat öffnen, Anruf aus dem Browser, Rückruf, Bestellung, Tischreservierung, Online-Termin, an den Support schreiben nichts: Der Eintrag öffnet einfach das entsprechende Widget auf derselben Seite

Der Eintrag „An den Support schreiben“ öffnet den Tab „Anfragen“ im Chat-Fenster — für Anfragen gibt es keine eigene Schaltfläche, deshalb ist der Eintrag nur bei aktiviertem Chat verfügbar. Sind Anfragen für den Standort deaktiviert, öffnet er den normalen Chat, und der Editor weist direkt am Eintrag darauf hin.

Jeder Kanal hat eine Beschriftung (separat für jede Sprache der Website) und das Merkmal wo anzeigen: überall · nur auf Computern · nur auf Telefonen.

Eine Vorlage für die erste Nachricht gibt es bei WhatsApp und Telegram: der Text, den der Gast bereits eingetippt vorfindet. Unterstützt die Platzhalter {url} und {title} — Adresse und Titel der Seite, von der aus geklickt wurde (sie werden im Moment des Klicks eingesetzt, nicht beim Rendern). Maximal 300 Zeichen.

Einladungs-Sprechblase#

Ein kurzer Satz neben der Schaltfläche („Haben Sie eine Frage?“) — damit werden Gäste zum Klicken eingeladen: Eine stumme Schaltfläche in der Ecke wird einfach übersehen. Der Text wird separat für jede Sprache festgelegt, ein leerer Text bedeutet, dass es gar keine Sprechblase gibt.

Eingestellt werden die Verzögerung bis zum Erscheinen der Sprechblase und die Pause zwischen den Anzeigen. Die Pause wird pro Gast gezählt, nicht pro Website: Die Markierung über die Anzeige liegt in seinem Browser, so dass die Einladung nicht zu einem Banner wird, das auf jeder Seite jedes Besuchs aufpoppt.

Zeile „Jetzt geöffnet“#

In der Kopfzeile des aufgeklappten Fächers steht eine Zeile zu den Öffnungszeiten: „Geöffnet bis 22:00“, „Geschlossen · wir öffnen um 10:00“, „Geschlossen · wir öffnen am Montag um 10:00“. Die Zeiten stammen aus der Standortkarte (Öffnungszeiten samt Ausnahmen) — eine Kopie in den Widget-Einstellungen gibt es bewusst nicht.

Zwei Werte: automatisch (Standard — die Zeile erscheint, wenn die Zeiten ausgefüllt sind) und nicht anzeigen. Der Status wird bei jedem Aufklappen des Fächers neu berechnet, nicht einmalig beim Laden: Die Schaltfläche hängt stundenlang auf der Seite, und „Geöffnet bis 22:00“ um 22:30 ist genau die Lüge, wegen der man auch dem Rest nicht mehr glaubt. Sind die Zeiten des Standorts nicht ausgefüllt, gibt es gar keine Zeile (man kann das Lokal auf seiner eigenen Website nicht für geschlossen erklären).

Wann anzeigen#

Der Block ist gemeinsam mit dem Rückruf und dem „Live-Schaufenster“:

  • Seiten — Adressmasken „nur auf…“ und „außer…“, * = beliebiges Fragment, bis zu 20 Masken in jeder Liste; Ausnahmen sind stärker als Erlaubnisse;
  • Verzögerung — 0…600 Sekunden nach dem Laden der Seite;
  • Gerät — alle · nur Computer · nur Telefone (Schwelle — 480 px);
  • Zeitplan — bis zu 14 eigene Fenster „Tage + von… bis…“ oder Öffnungszeiten des Standorts.

⚠️ Die Zeiten werden in der Zeitzone des Standorts berechnet; ist für den Standort keine Zeitzone festgelegt, werden die Fenster nach der Zeit des Besuchers berechnet, und das Panel sagt das direkt. Sind „Öffnungszeiten des Standorts“ ausgewählt und die Zeiten nicht ausgefüllt, schränkt der Zeitplan nichts ein und die Schaltfläche bleibt sichtbar. Eine leere Liste eigener Fenster bedeutet umgekehrt „nie anzeigen“.

Die Zusammensetzung des Fächers wird bei jedem Öffnen neu berechnet: Zwischen den Anzeigen kann der Gast sein Telefon drehen und auf eine Seite wechseln, auf der die Schaltfläche nicht sein darf.

Layout auf dem Telefon#

Der Abschnitt „📱 Layout auf dem Telefon“: runde Schaltfläche (Standard) oder untere Leiste — ein Streifen aus den ersten vier Kanälen mit Beschriftungen und der Schaltfläche „Mehr“ mit einem Panel für die übrigen. Auf einem breiten Bildschirm gibt es immer den Fächer; das Drehen des Telefons ändert das Layout sofort. In der Vorschau sehen Sie die tatsächliche Grenze „in der Leiste / unter ‚Mehr‘“ und die Zeile „in die Leiste kommen N von M“.

Die Leiste verhält sich auf einer fremden Seite ordentlich: Sie setzt sich über eine fremde feste Leiste unten, wenn es eine gibt, verschwindet beim Scrollen nach unten und kehrt beim Scrollen nach oben zurück, respektiert den sicheren Bereich des iPhone und verschwindet ganz, wenn keine Kanäle übrig sind.

Auch in unserem Schaufenster anzeigen#

Ein separater Schalter (standardmäßig ausgeschaltet). Die Multischaltfläche ist das einzige Widget mit einer solchen Einstellung, und der Grund ist Ehrlichkeit: In unserem Schaufenster schluckt sie die nativen Schaltflächen — die Chat-Blase und den Rückruf-Hörer —, das heißt, sie verändert die Ecke des Bildschirms, die Sie bereits eingerichtet haben. So etwas aktiviert man nicht stillschweigend für Sie.


Was nach dem Klick passiert#

Der Gast klappt den Fächer auf und wählt einen Kanal:

  • Messenger, soziales Netzwerk oder Ihr Link — öffnet sich in einem neuen Tab; die Unterhaltung läuft dort, wohin der Kanal führt. Ist für den Kanal ein Nachrichtenvorlage hinterlegt, ist das Feld beim Gast bereits ausgefüllt;
  • Telefon und E-Mail — öffnen sich im aktuellen Tab mit der Standard-App des Geräts (sonst würde der Browser auch hier ein leeres Fenster öffnen und sofort wieder schließen);
  • Aktion unseres Widgets — direkt auf derselben Seite öffnet sich der Chat, das Rückruf-Formular, der Warenkorb, die Reservierung oder der Termin. Die Daten landen dort, wo sie üblicherweise landen: die Unterhaltung im „Chat“, die Bestellung in den „Bestellungen“, die Reservierung in den „Tischen“, der Termin in den „Terminen“, die Rückruf-Nummer in den „Anfragen“.

Eigene Daten sammelt die Multischaltfläche nicht: Sie bringt den Gast nur zum Kanal. Was sie zählt, sind Klicks, und diese sind in ihrer eigenen Leiste im Block „Klicks der letzten 30 Tage“ sichtbar: wie oft die Schaltfläche angezeigt wurde, wie oft der Fächer aufgeklappt wurde und wie viele Klicks auf jeden Kanal entfielen. Weder die Adresse des Kanals noch der Text der Nachricht noch die Seite des Gastes sind in dieser Statistik enthalten — nur der Kanaltyp und die Anzahl.


Einschränkungen#

  • Leerer Fächer = kein Widget. Solange kein Kanal festgelegt ist, wird die Schaltfläche gar nicht gezeichnet: Eine leere Schaltfläche in der Ecke einer fremden Website ist schlimmer als ihr Fehlen.
  • Höchstens 12 Kanäle, der Text der Vorlage — nicht länger als 300 Zeichen.
  • Eine Aktions-Kanal lebt nur, solange das Widget selbst lebt. Schalten Sie den Chat aus — verschwindet der Punkt „Chat öffnen“ bei der ersten Speicherung aus den Einstellungen und kommt nicht von selbst zurück, er muss erneut hinzugefügt werden. Zur Laufzeit prüft die Multischaltfläche ebenfalls vor jedem Aufklappen den Nachbarn: Ist er nicht hochgekommen, gibt es den Punkt nicht, damit keine Schaltfläche zurückbleibt, hinter der nichts steckt.
  • Das Absorbieren der Schaltflächen von Nachbarn ist visuell. Die Multischaltfläche versteckt deren schwebende Schaltflächen, aber die Widgets selbst funktionieren weiter; das Absorbieren lässt sich mit dem Attribut data-keep-fabs="1" am einzelnen Tag deaktivieren.
  • Die Nachrichtenvorlage gibt es nur bei WhatsApp und Telegram. Bei den übrigen Kanälen wird das Feld ignoriert: Bei WhatsApp ist die Vorbelegung dokumentiert, bei Telegram unterstützen es die Clients unterschiedlich, und die übrigen unterstützen es gar nicht. Eine sehr lange Seitenadresse wird ohne Einsetzung übergeben — ein funktionierender Link ist wichtiger als der Text.
  • Erlaubt sind nur sichere Adressen: https, http, tel, mailto und viber. Alles andere wird verworfen — sowohl in der Vorschau im Konto als auch auf der Website, weil die Prüfung dieselbe ist.
  • In unserem Schaufenster wird die Multischaltfläche nur über einen separaten Schalter angezeigt, und der Punkt „Anruf aus dem Browser“ lebt dort in ihrem Fächer gar nicht: Ein Fenster dafür gibt es im Schaufenster nicht.
  • Die Zeile „Jetzt geöffnet“ ersetzt nicht den Zeitplan. Sie liest die Uhrzeiten aus der Standortkarte; sind sie nicht ausgefüllt, gibt es die Zeile nicht, aber die Schaltfläche bleibt.

Fehlerbehebung#

Die Schaltfläche ist auf der Website nicht da.

  1. Tag nicht gefunden — „Installation prüfen“. „Kein Code“ — das Tag ist nicht eingefügt oder steht nicht auf allen Seiten der Vorlage; „Code eines anderen Standorts“ — fremdes data-domain im Tag. Das Tag setzt GTM — die Prüfung sieht es nicht.
  2. Änderungen sind nicht angekommen — die Widget-Dateien werden über CDN mit einem Cache von 5 Minuten ausgeliefert: Warten Sie und aktualisieren Sie die Seite mit geleertem Cache.
  3. Widget ausgeschaltet oder Kanalliste leer — ein leerer Fächer wird nicht gezeichnet.
  4. Anzeigebedingungen haben die Seite ausgeschlossen — prüfen Sie die Masken (Ausnahmen sind stärker als Erlaubnisse), das Gerät und die Verzögerung.
  5. Zeitplan geschlossen — gerade außerhalb des Fensters. Prüfen Sie Ihre Fenster oder den Zeitplan in der Standortkarte.
  6. Zeitzone des Standorts nicht festgelegt — dann werden die Fenster nach den Uhrzeiten des Besuchers berechnet, und die Schaltfläche erscheint nicht dann, wenn Sie es erwartet haben.

Im Fächer fehlt ein Punkt.

  • Ein Aktions-Punkt ist verschwunden — das entsprechende Widget ist ausgeschaltet: Schalten Sie es ein und fügen Sie den Kanal erneut hinzu, von selbst kommt er nicht zurück;
  • der Punkt ist mit „nur für Telefone“ markiert (oder umgekehrt) — der Gerätefilter des Kanals hat gegriffen;
  • der Nachbar ist nicht rechtzeitig hochgekommen (langsames Netz, Sicherheitsbeschränkungen Ihrer Seite) — aktualisieren Sie die Seite; dauerhaft hilft ein einheitliches Tag statt einzelner.

In der Ecke sind weiterhin zwei Schaltflächen. Das bedeutet, dass der Nachbar im Fächer keinen entsprechenden Aktions-Punkt hat: Nur die Widgets werden absorbiert, deren Aktionen im Fächer liegen. Fügen Sie den nötigen Punkt hinzu. Die umgekehrte Situation — die Schaltfläche des Nachbarn wird nicht gebraucht, aber das Absorbieren ist über das Attribut data-keep-fabs="1" deaktiviert: Entfernen Sie das Attribut.

Die Leiste auf dem Telefon verdeckt eine fremde Leiste. Die Leiste sucht selbst nach einem fremden fixierten Streifen unten und stellt sich darüber, wobei sie die Messung nach dem Laden mehrmals wiederholt. Erscheint die fremde Leiste sehr spät, wechseln Sie zur runden Schaltfläche — sie ist am unteren Seitenrand im Markup nicht beteiligt.

Das Cloudchen wird nicht angezeigt. Prüfen Sie, ob der Text für die Sprache der Seite festgelegt ist und ob die festgelegte Pause zwischen den Anzeigen nicht abgelaufen ist — sie wird für den konkreten Gast in seinem Browser berechnet.

Die Statistik ist leer. Klicks werden in Paketen und mit Verzögerung gesendet, nicht einzeln; der Zähler zeigt 30 Tage und füllt sich, während die Gäste klicken.


Häufige Fragen#

Wie viel kostet das?#

Nichts. Die Multischaltfläche ist kostenlos und erfordert keine separate Erweiterung – anders als bei vergleichbaren Lösungen, die sie als eigenständiges Produkt verkaufen.

Wie viele Kanäle kann man hinzufügen?#

Bis zu zwölf. Die Reihenfolge legen Sie mit den Pfeilen ↑↓ fest, und sie bestimmt auch, welche vier Kanäle in die untere Leiste auf dem Telefon kommen.

Wohin gelangen Anfragen aus Messengern?#

Dorthin, wohin der Kanal führt: WhatsApp – zu WhatsApp, Telegram – zu Telegram. Wenn Sie die Korrespondenz im Konto sehen möchten, verbinden Sie diese Kanäle im Bereich „Chat“ – dann kommen die Nachrichten in einen gemeinsamen Posteingang, und in den Fächer können Sie den Punkt „Chat öffnen“ setzen.

Verdeckt die Multischaltfläche die Schaltflächen anderer Widgets?#

Ja, und das ist ihr Sinn: Die Schaltflächen der Widgets, deren Aktionen in ihrem Fächer liegen, werden ausgeblendet, damit sich in der Ecke nicht ein Stapel drängt. Die Widgets selbst funktionieren weiter, und bei einem einzelnen Tag wird das Verhalten mit dem Attribut data-keep-fabs="1" abgeschaltet.

Kann man auf dem Telefon und auf dem Computer unterschiedliche Kanäle anzeigen?#

Ja, jeder Kanal hat das Merkmal „wo anzeigen“: überall, nur auf Computern oder nur auf Telefonen. Die Zusammensetzung des Fächers wird bei jedem Öffnen neu berechnet, deshalb wird das Drehen des Telefons sofort berücksichtigt.

Was passiert, wenn ein Gast vom Laptop aus auf „An WhatsApp schreiben“ klickt?#

Es öffnet sich die Webversion des Messengers in einem neuen Tab – mit bereits eingesetztem Text, wenn Sie ein Textmuster festgelegt haben.

Woher nimmt die Zeile „Geöffnet bis 22:00“ die Uhrzeiten?#

Aus der Karte des Standorts – aus demselben Zeitplan mit Ausnahmen, den der Gast im Schaufenster sieht. Separat im Widget werden die Zeiten nicht eingestellt, damit zwei Wahrheiten nicht auseinanderlaufen. Wenn der Zeitplan nicht ausgefüllt ist, gibt es die Zeile einfach nicht.

In welcher Sprache spricht der Fächer?#

Die Beschriftungen der Kanäle und das Sprechbläschen legen Sie selbst je Sprache fest; die Sprache der Seite bestimmt das Widget anhand ihres Markups (oder anhand des Attributs data-lang). Der Name des Wochentags in der Zeile „Jetzt geöffnet“ wird vom Browser in der Sprache der Seite übernommen.


Verwandte Bereiche#

Was this article helpful?