Multibottone

Il Multibottone è un unico pulsante fluttuante nell'angolo del sito che, al clic, si apre a ventaglio di canali di contatto: WhatsApp, Telegram, Viber, VK, social network, telefono, email, qualsiasi vostro link — e le azioni dei nostri stessi widget («scrivi in chat», «ordina», «prenota»).

Risolve anche un vostro problema: ogni widget disegna il proprio pulsante nello stesso angolo in basso e, attivando chat, ordine e richiamata, si ottiene una pila di pulsanti che si spingono a vicenda. Il Multibottone elimina la pila: i canali dei widget assorbiti vivono nel suo ventaglio, mentre i loro pulsanti vengono spenti.

Il widget è gratuito: non serve acquistare un'estensione separata.

Dove attivarlo: Pannello di amministrazione → Marketing → «Il mio sito» → scheda «Multibottone». L'interruttore attiva il widget, l'ingranaggio apre le impostazioni; il pulsante «Sposta nella barra laterale» assegna al widget una propria voce di menu.

Installazione sul sito#

Non serve un codice proprio: funziona il tag comune della sezione «Il mio sito»:

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

Una riga nel <head> o prima di </body>; la composizione dei widget si imposta poi con gli interruttori nell'account. Le istruzioni per piattaforma (HTML, Google Tag Manager, WordPress, Tilda/Wix, Shopify, Webflow) sono nell'articolo Il mio sito, sezione «Installazione sulle piattaforme più diffuse».

⚠️ Per il Multibottone il tag unificato è particolarmente importante. Esso raccoglie sotto di sé i vicini — ma può assorbire solo quelli che sulla stessa pagina si sono effettivamente caricati. Se la chat è inserita su alcune pagine e l'ordine su altre, il ventaglio sarà diverso. Il caricatore unificato attiva i widget nell'ordine corretto e il Multibottone per ultimo, quando i vicini sono già pronti.

Esiste anche il tag singolo multibutton/v1.js (blocco «Avanzate»), con i suoi attributi: data-color, data-icon (emoji sul pulsante), data-label, data-position="left|right", data-lang e data-keep-fabs="1" — per non spegnere i pulsanti propri dei vicini. L'attributo del tag ha sempre la precedenza sull'impostazione dell'account.

Cosa vede e cosa non vede la verifica dell'installazione. Il pulsante «Verifica installazione» legge l'HTML di origine della pagina: caricatore unificato trovato / solo tag separati / codice di un'altra sede / nessun codice. Il tag inserito già nel browser da Google Tag Manager non verrà visto — non è un errore, verificate il sito a occhio.

Configurazione del Widget#

Le impostazioni si salvano da sole, non c'è un pulsante «Salva» separato. A destra dei campi c'è un'anteprima dal vivo del ventaglio.

Aspetto#

Colore del pulsante, emoji-icona su di esso, angolo dello schermo e etichetta (che è anche l'etichetta per i lettori di schermo).

Canali del ventaglio#

Costruttore di elenco: aggiungi, elimina, riordina ↑↓. Massimo — 12 canali. Tre famiglie:

La voce «Scrivere al supporto» apre la scheda «Richieste» della finestra della chat — le richieste non hanno un pulsante separato, quindi la voce è disponibile con la chat attiva. Se le richieste per la Sede sono disattivate, aprirà la chat normale, e il costruttore lo segnalerà direttamente accanto alla voce.

Ogni canale ha un'etichetta (separatamente per ogni lingua del sito) e un attributo dove mostrare: ovunque · solo su computer · solo su telefoni.

Il modello del primo messaggio è disponibile per WhatsApp e Telegram: il testo che l'ospite troverà già digitato. Supporta le sostituzioni {url} e {title} — indirizzo e titolo di quella pagina da cui si è cliccato (vengono inseriti al momento del clic, non al rendering). Massimo — 300 caratteri.

Nuvola-invito#

Una breve frase accanto al pulsante («Hai una domanda?») — è ciò con cui si invita l'ospite a cliccare: un pulsante silenzioso nell'angolo semplicemente non viene notato. Il testo si imposta separatamente per ogni lingua, un testo vuoto significa che la nuvola non c'è affatto.

Si configurano il ritardo prima della comparsa della nuvola e la pausa tra le visualizzazioni. La pausa si conta per ospite, non per sito: il contrassegno della visualizzazione vive nel suo browser, così l'invito non si trasforma in un banner che salta fuori su ogni pagina di ogni visita.

Riga «Aperto ora»#

Nell'intestazione del ventaglio aperto — una riga sugli orari di lavoro: «Aperto fino alle 22:00», «Chiuso · apriamo alle 10:00», «Chiuso · apriamo lunedì alle 10:00». Gli orari vengono presi dalla scheda della Sede (l'orario insieme alle eccezioni) — una copia nelle impostazioni del Widget non c'è di proposito.

Due valori: auto (per impostazione predefinita — la riga c'è se gli orari sono compilati) e non mostrare. Lo stato viene ricalcolato a ogni apertura del ventaglio, non una volta sola al caricamento: il pulsante resta sulla pagina per ore, e «Aperto fino alle 22:00» alle 22:30 è esattamente quella bugia per cui si smette di credere anche al resto. Se gli orari della Sede non sono compilati — la riga non c'è affatto (non si può dichiarare un locale chiuso sul suo stesso sito).

Quando mostrare#

Blocco condiviso con la richiamata e la «Vetrina dal vivo»:

• pagine — maschere dell'indirizzo «solo su…» e «tranne…», * = qualsiasi frammento, fino a 20 maschere in ogni elenco; le eccezioni sono più forti dei permessi;
• ritardo — 0…600 secondi dopo il caricamento della pagina;
• dispositivo — tutti · solo computer · solo telefoni (soglia — 480 px);
• orario — fino a 14 finestre proprie «giorni + dalle… alle…» oppure orari di lavoro della Sede.

⚠️ Gli orari si calcolano nel fuso orario della località; se il fuso della Sede non è impostato, le finestre si calcolano secondo l'ora del visitatore, e il pannello lo dice chiaramente. Se sono selezionati gli «orari di lavoro della Sede» e l'orario non è compilato, la pianificazione non limita nulla e il pulsante resta visibile. Un elenco vuoto di finestre proprie, al contrario, significa «non mostrare mai».

La composizione del ventaglio viene ricalcolata a ogni apertura: tra una visualizzazione e l'altra l'ospite fa in tempo a girare il telefono e ad andare su una pagina dove il pulsante non deve esserci.

Layout sul telefono#

Sezione «📱 Layout sul telefono»: pulsante rotondo (per impostazione predefinita) oppure barra inferiore — una striscia con i primi quattro canali con etichette e il pulsante «Altro» con il pannello degli altri. Su schermo largo c'è sempre il ventaglio; la rotazione del telefono cambia il layout al volo. Nell'anteprima si vede il confine reale «nella barra / sotto "Altro"» e la riga «nella barra andranno N di M».

La barra si comporta con cura sulla pagina altrui: si posiziona sopra la barra fissa altrui in basso, se c'è, scompare scorrendo verso il basso e ritorna scorrendo verso l'alto, rispetta la zona sicura di iPhone e scompare del tutto se non sono rimasti canali.

Mostrare anche sulla nostra Vetrina#

Un interruttore separato (per impostazione predefinita disattivato). Il Multibottone è l'unico Widget con questa impostazione, e il motivo è l'onestà: sulla nostra Vetrina assorbe i pulsanti nativi — la bolla della chat e la cornetta della richiamata —, cioè cambia l'angolo dello schermo che avete già configurato. Una cosa così non si attiva al posto vostro in silenzio.

Cosa succede dopo il clic#

Il visitatore apre il ventaglio e sceglie un canale:

• messenger, social network o il vostro link — si apre in una nuova scheda; la conversazione prosegue dove porta il canale. Se al canale è associato un messaggio predefinito, il campo del visitatore è già compilato;
• telefono ed email — si aprono nella scheda corrente con l'App standard del Dispositivo (altrimenti il browser aprirebbe e chiuderebbe subito una finestra vuota);
• azione del nostro Widget — direttamente su questa stessa pagina si apre la chat, il modulo di richiamata, il carrello, la Prenotazione o l'Appuntamento. I dati finiscono dove di consueto: la conversazione in «Chat», l'Ordine in «Ordini», la Prenotazione in «Tavoli», l'Appuntamento in «Appuntamenti», il Numero di richiamata in «Richieste».

Il multibottone non raccoglie dati propri: accompagna soltanto il visitatore fino al canale. Ciò che conta sono i clic, visibili nel suo stesso pannello nel blocco «Clic negli ultimi 30 giorni»: quante volte è stato mostrato il pulsante, quante volte è stato aperto il ventaglio e quanti clic ha ricevuto ciascun canale. In queste statistiche non compaiono né l'indirizzo del canale, né il testo del messaggio, né la pagina del visitatore — solo il tipo di canale e il numero.

Limitazioni#

• Ventaglio vuoto = nessun Widget. Finché non è impostato almeno un canale, il pulsante non viene disegnato affatto: un pulsante vuoto nell'angolo del sito altrui è peggio della sua assenza.
• Non più di 12 canali, il testo predefinito non supera i 300 caratteri.
• Il canale-azione vive solo finché vive il Widget stesso. Disattivate la chat — la voce «Apri chat» scompare dalle impostazioni al primo salvataggio e non torna da sola, va aggiunta di nuovo. Anche a runtime il multibottone controlla il vicino prima di ogni apertura: se non si è attivato, la voce non ci sarà, per non lasciare un pulsante dietro cui non c'è nulla.
• L'assorbimento dei pulsanti vicini è visivo. Il multibottone nasconde i loro pulsanti flottanti, ma i Widget stessi continuano a funzionare; è possibile disattivare l'assorbimento con l'attributo data-keep-fabs="1" sul tag singolo.
• Il messaggio predefinito è disponibile solo per WhatsApp e Telegram. Per gli altri canali il campo viene ignorato: per WhatsApp il precompilamento è documentato, per Telegram i client lo supportano in modo diverso, mentre gli altri non lo supportano affatto. Un indirizzo di pagina molto lungo viene fornito senza sostituzione — un link funzionante è più importante del testo.
• Sono ammessi solo indirizzi sicuri: https, http, tel, mailto e viber. Tutto il resto viene scartato — sia nell'anteprima nell'Account sia sul sito, perché il controllo è unico.
• Sulla nostra Vetrina il multibottone viene mostrato solo tramite un interruttore dedicato, e la voce «chiamata dal browser» nel suo ventaglio non esiste affatto: sulla Vetrina non c'è una finestra per essa.
• La riga «Aperto ora» non sostituisce l'orario. Legge gli orari dalla scheda della Sede; se non sono compilati, la riga non ci sarà, ma il pulsante resterà.

Risoluzione dei problemi#

Il pulsante sul sito non c'è.

1. Tag non trovato — «Verifica installazione». «Codice assente» — il tag non è inserito o non è presente su tutte le pagine del template; «codice di un'altra sede» — data-domain estraneo nel tag. Se il tag è inserito da GTM, la verifica non lo vedrà.
2. Le modifiche non sono arrivate — i file dei Widget vengono distribuiti tramite CDN con cache di 5 minuti: attendete e aggiornate la pagina svuotando la cache.
3. Widget disattivato oppure elenco canali vuoto — un ventaglio vuoto non viene disegnato.
4. Le condizioni di visualizzazione hanno escluso la pagina — controllate le maschere (le esclusioni prevalgono sulle autorizzazioni), il Dispositivo e il ritardo.
5. Orario di apertura chiuso — al momento siamo fuori dalla finestra. Controllate le vostre finestre o l'orario nella scheda della Sede.
6. Fuso orario della Sede non impostato — in tal caso le finestre vengono calcolate secondo l'orario del visitatore, e il pulsante compare quando non ve lo aspettate.

Nel ventaglio manca una voce.

• Una voce-azione è sparita — il Widget corrispondente è disattivato: attivatelo e aggiungete il canale di nuovo, da solo non torna;
• la voce è contrassegnata «solo per telefoni» (o viceversa) — ha agito il filtro Dispositivo del canale;
• il vicino non si è attivato in tempo (rete lenta, restrizioni di sicurezza della vostra pagina) — aggiornate la pagina; in modo permanente aiuta un tag unico invece di quelli singoli.

Nell'angolo ci sono ancora due pulsanti. Significa che il vicino non ha la corrispondente voce-azione nel ventaglio: vengono assorbiti solo i Widget le cui azioni si trovano nel ventaglio. Aggiungete la voce necessaria. Situazione inversa — il pulsante del vicino non serve, ma l'assorbimento è disattivato con l'attributo data-keep-fabs="1": rimuovete l'attributo.

La barra sul telefono copre il pannello altrui. La barra cerca da sola la striscia fissa altrui in basso e si posiziona sopra di essa, ripetendo la misurazione più volte dopo il caricamento. Se il pannello altrui compare molto tardi, passate al pulsante rotondo — esso non partecipa al layout della parte inferiore della pagina.

Il fumetto non viene mostrato. Controllate che il testo sia impostato per la lingua della pagina e che non sia scaduta la pausa impostata tra le visualizzazioni — viene calcolata per il singolo visitatore, nel suo browser.

Statistiche vuote. I clic vengono inviati in blocchi e con ritardo, non uno per uno; il contatore mostra 30 giorni e si riempie man mano che i visitatori cliccano.

Domande frequenti#

Quanto costa?#

Nulla. Il Multibottone è gratuito e non richiede un'estensione separata, a differenza delle alternative che lo vendono come prodotto a sé stante.

Quanti canali si possono aggiungere?#

Fino a dodici. L'ordine lo definite voi con le frecce ↑↓, ed è lo stesso ordine che determina quali quattro canali finiranno nella barra inferiore sul telefono.

Dove arrivano i messaggi provenienti dai messenger?#

Dove porta il canale: WhatsApp in WhatsApp, Telegram in Telegram. Se desiderate vedere le conversazioni nell'Account, collegate questi canali nella sezione «Chat»: così i messaggi arriveranno nell'inbox unificata e nel ventaglio potrete inserire la voce «Apri chat».

Il Multibottone nasconderà i pulsanti degli altri Widget?#

Sì, ed è proprio la sua funzione: i pulsanti dei Widget le cui azioni sono presenti nel suo ventaglio vengono spenti, per evitare che nell'angolo si accalchi una pila. I Widget stessi continuano a funzionare, mentre sul tag singolo il comportamento si disattiva con l'attributo data-keep-fabs="1".

Si possono mostrare canali diversi sul telefono e sul computer?#

Sì, ogni canale ha l'indicazione «dove mostrare»: ovunque, solo sui computer o solo sui telefoni. La composizione del ventaglio viene ricalcolata a ogni apertura, quindi la rotazione del telefono viene considerata subito.

Cosa succede se un ospite preme «Scrivi su WhatsApp» dal portatile?#

Si aprirà la versione web del messenger in una nuova scheda, con il testo già inserito se avete impostato un modello.

La riga «Aperto fino alle 22:00» da dove prende gli orari?#

Dalla scheda della Sede, lo stesso orario con le eccezioni che l'ospite vede nella Vetrina. Nell'Widget gli orari non si impostano separatamente, per evitare che due versioni divergano. Se l'orario non è compilato, la riga semplicemente non comparirà.

In che lingua parlerà il ventaglio?#

Le etichette dei canali e il fumetto li impostate voi per ciascuna lingua; la lingua della pagina il Widget la determina dal suo markup (o dall'attributo data-lang). Il nome del giorno della settimana nella riga «Aperto ora» viene preso dal browser nella lingua della pagina.

Sezioni correlate#

• Il mio sito — codice di installazione e gli altri undici Widget
• Chat con gli ospiti — inbox unificata del sito e dei messenger
• Richiamata — modulo «richiamatemi» e richiamata automatica
• Chiamata dal sito — conversazione direttamente dal browser
• Ordine online sul proprio sito — carrello e checkout sopra il vostro sito