Multibutton

Multibutton — um único botão flutuante no canto do site que, ao ser clicado, se abre em leque de canais de contato: WhatsApp, Telegram, Viber, VK, redes sociais, telefone, e-mail, qualquer link seu — e ações dos nossos próprios widgets ("escrever no chat", "fazer pedido", "agendar").

Ela também resolve um problema seu: cada widget desenha seu próprio botão no mesmo canto inferior e, ao ativar chat, pedido e retorno de chamada, você fica com uma pilha de botões se empurrando. O Multibutton elimina a pilha — os canais dos widgets absorvidos passam a viver no leque dela, e os botões próprios deles são desativados.

O widget é gratuito: não é preciso comprar uma extensão separada.

Onde ativar: Painel administrativo → Marketing → "Meu site" → cartão "Multibutton". O interruptor ativa o widget, a engrenagem abre as configurações; o botão "Mover para a barra lateral" dá ao widget seu próprio item de menu.

Instalação no site#

Não é necessário código próprio — funciona a tag comum da seção "Meu site":

<script src="https://cdn.cenaly.com/site/v1.js" data-domain="SEU-DOMÍNIO" async></script>

Uma linha no <head> ou antes de </body>; a composição dos widgets é definida depois pelos interruptores na conta. Instruções por plataforma (HTML, Google Tag Manager, WordPress, Tilda/Wix, Shopify, Webflow) — no artigo Meu site, seção "Instalação nas plataformas populares".

⚠️ Para o Multibutton a tag unificada é especialmente importante. Ela reúne os vizinhos sob si — mas só pode absorver aqueles que realmente foram carregados na mesma página. Se o chat está inserido em algumas páginas e o pedido em outras, o leque será diferente nelas. O carregador unificado carrega os widgets na ordem correta e o Multibutton por último, quando os vizinhos já estão prontos.

A tag individual multibutton/v1.js também existe (bloco "Avançado") e tem seus próprios atributos: data-color, data-icon (emoji no botão), data-label, data-position="left|right", data-lang e data-keep-fabs="1" — não desativar os botões próprios dos vizinhos. O atributo da tag sempre tem prioridade sobre a configuração da conta.

O que a verificação de instalação vê e o que não vê. O botão "Verificar instalação" lê o HTML de origem da página: carregador unificado encontrado / apenas tags individuais / código de outra unidade / sem código. A tag inserida já no navegador pelo Google Tag Manager ela não verá — isso não é um erro, verifique o site com os próprios olhos.

Configuração do widget#

As configurações são salvas automaticamente, não há um botão separado de "Salvar". À direita dos campos há uma prévia ao vivo do leque.

Aparência#

Cor do botão, ícone de emoji nele, canto da tela e rótulo (que também é o rótulo para leitores de tela).

Canais do leque#

Construtor de lista: adicionar, remover, reordenar ↑↓. Máximo — 12 canais. Três famílias:

O item "Falar com o suporte" abre a aba "Solicitações" da janela de chat — as solicitações não têm botão próprio, por isso o item fica disponível quando o chat está ativado. Se as solicitações da unidade estiverem desativadas, ele abrirá o chat comum, e o construtor avisará isso diretamente no item.

Cada canal tem um rótulo (separado para cada idioma do site) e um indicador de onde mostrar: em todos os lugares · somente em computadores · somente em telefones.

Modelo da primeira mensagem existe no WhatsApp e no Telegram: o texto que o visitante encontrará já digitado. Suporta as substituições {url} e {title} — endereço e título daquela página em que clicaram (são substituídos no momento do clique, não na renderização). Máximo — 300 caracteres.

Balão de convite#

Uma frase curta ao lado do botão ("Tem alguma dúvida?") — é o que convida o visitante a clicar: um botão silencioso no canto simplesmente passa despercebido. O texto é definido separadamente para cada idioma; texto vazio significa que não há balão algum.

Configuram-se o atraso até o balão aparecer e a pausa entre exibições. A pausa é contada por visitante, e não por site: a marca de exibição fica no navegador dele, então o convite não se transforma em um banner que salta em cada página de cada visita.

Linha "Aberto agora"#

No topo do leque expandido há uma linha sobre o horário de funcionamento: "Aberto até 22:00", "Fechado · abriremos às 10:00", "Fechado · abriremos na segunda-feira às 10:00". Os horários vêm do cadastro da unidade (grade junto com as exceções) — não há cópia nas configurações do widget, de propósito.

Dois valores: automático (padrão — a linha aparece se os horários estiverem preenchidos) e não mostrar. O status é recalculado a cada abertura do leque, e não uma única vez no carregamento: o botão fica na página por horas, e "Aberto até 22:00" às 22:30 é exatamente a mentira por causa da qual se deixa de acreditar em todo o resto. Se os horários da unidade não estiverem preenchidos, a linha não aparece de forma alguma (não se pode declarar o estabelecimento fechado no próprio site dele).

Quando mostrar#

O bloco é compartilhado com o retorno de chamada e a “Vitrine ao vivo”:

• páginas — máscaras de endereço "somente em…" e "exceto…", * = qualquer trecho, até 20 máscaras em cada lista; as exceções são mais fortes que as permissões;
• atraso — 0…600 segundos após o carregamento da página;
• dispositivo — todos · somente computadores · somente telefones (limite — 480 px);
• agenda — até 14 janelas próprias "dias + de… até…" ou horário de funcionamento da unidade.

⚠️ Os horários são contados no fuso horário da localização; se o fuso da unidade não estiver definido, as janelas são contadas pelo horário do visitante, e o painel diz isso claramente. Se "horário de funcionamento da unidade" estiver selecionado e a grade não estiver preenchida, a agenda não restringe nada e o botão permanece visível. Uma lista vazia de janelas próprias, ao contrário, significa "mostrar nunca".

A composição do leque é recalculada a cada abertura: entre uma exibição e outra, o visitante pode tanto girar o telefone quanto ir para uma página onde o botão não deveria estar.

Layout no telefone#

A seção "📱 Layout no telefone": botão redondo (padrão) ou barra inferior — uma faixa com os quatro primeiros canais com rótulos e um botão "Mais" com uma gaveta dos demais. Em tela larga, é sempre o leque; girar o telefone muda o layout na hora. Na prévia, vê-se a fronteira real "na barra / em 'Mais'" e a linha "N de M entrarão na barra".

A barra se comporta com cuidado em uma página de terceiros: posiciona-se acima de um painel fixo de terceiros na parte inferior, se houver, some ao rolar para baixo e volta ao rolar para cima, respeita a área segura do iPhone e desaparece por completo se não sobrar nenhum canal.

Mostrar também na nossa vitrine#

Um interruptor separado (por padrão desativado). O multibotão é o único widget com essa configuração, e o motivo é a honestidade: na nossa vitrine ele absorve os botões nativos — o balão de chat e o fone do retorno de chamada —, ou seja, muda o canto da tela que você já configurou. Isso não se ativa por você em silêncio.

O que acontece após o clique#

O visitante abre o leque e escolhe um canal:

• mensageiro, rede social ou seu link — abre em uma nova aba; a conversa acontece para onde o canal leva. Se o canal tiver uma mensagem pré-definida, o campo do visitante já vem preenchido;
• telefone e e-mail — abrem na aba atual pelo aplicativo padrão do dispositivo (caso contrário, o navegador abriria e fecharia na hora uma janela vazia);
• ação do nosso widget — direto nesta mesma página abre o chat, o formulário de retorno de chamada, o carrinho, a reserva ou o agendamento. Os dados vão para o mesmo lugar de sempre: a conversa — para o "Chat", o pedido — para "Pedidos", a reserva — para "Mesas", o agendamento — para "Agendamentos", o número de retorno de chamada — para "Solicitações".

O multibutton não coleta dados próprios: ele apenas leva o visitante até o canal. O que ele conta são cliques, e eles aparecem no próprio painel dele no bloco "Cliques em 30 dias": quantas vezes o botão foi exibido, quantas vezes o leque foi aberto e quantos cliques couberam a cada canal. Nem o endereço do canal, nem o texto da mensagem, nem a página do visitante aparecem nessa estatística — apenas o tipo de canal e o número.

Limitações#

• Leque vazio = widget inexistente. Enquanto nenhum canal estiver definido, o botão não é desenhado de forma alguma: um botão vazio no canto do site de outra pessoa é pior do que a ausência dele.
• No máximo 12 canais, e o texto da mensagem pré-definida — no máximo 300 caracteres.
• Um canal de ação só existe enquanto o próprio widget existir. Desligue o chat — o item "Abrir chat" desaparece das configurações já no primeiro salvamento e não volta sozinho, é preciso adicioná-lo de novo. Em tempo de execução, o multibutton também verifica o vizinho antes de cada abertura: se ele não subiu, o item não aparece, para não sobrar um botão atrás do qual não há nada.
• A absorção dos botões vizinhos é visual. O multibutton esconde os botões flutuantes deles, mas os próprios widgets continuam funcionando; é possível desativar a absorção com o atributo data-keep-fabs="1" na tag individual.
• A mensagem pré-definida existe apenas no WhatsApp e no Telegram. Nos demais canais o campo é ignorado: no WhatsApp o preenchimento prévio é documentado, no Telegram os clientes o suportam de formas diferentes, e os outros não suportam de forma alguma. Um endereço de página muito longo é entregue sem substituição — um link que funciona é mais importante do que o texto.
• Somente endereços seguros são permitidos: https, http, tel, mailto e viber. Todo o resto é descartado — tanto na pré-visualização na conta quanto no site, porque a verificação é uma só.
• Na nossa vitrine, o multibutton é exibido apenas por um botão de alternância separado, e o item "chamada pelo navegador" não existe no leque dele por lá: não há janela para ele na vitrine.
• A linha "Aberto agora" não substitui o horário de funcionamento. Ela lê as horas do cadastro da unidade; se não estiverem preenchidas, a linha não aparece, mas o botão permanece.

Solução de problemas#

O botão não aparece no site.

1. Tag não encontrada — "Verificar instalação". "Código ausente" — a tag não foi inserida ou não está em todas as páginas do template; "código de outra localização" — um data-domain de outra conta na tag. Se a tag for colocada pelo GTM, a verificação não a verá.
2. As alterações não chegaram — os arquivos dos widgets são distribuídos via CDN com cache de 5 minutos: aguarde e atualize a página limpando o cache.
3. O widget está desligado ou a lista de canais está vazia — um leque vazio não é desenhado.
4. As condições de exibição cortaram a página — verifique as máscaras (as exceções são mais fortes que as permissões), o dispositivo e o atraso.
5. O horário está fechado — agora está fora da janela. Verifique suas janelas ou o horário de funcionamento no cadastro da unidade.
6. O fuso horário da unidade não está definido — nesse caso as janelas são contadas pelo horário do visitante, e o botão aparece quando você não esperava.

Falta um item no leque.

• Um item de ação desapareceu — o widget correspondente está desligado: ligue-o e adicione o canal de novo, ele não volta sozinho;
• o item está marcado como "somente para telefones" (ou o contrário) — o filtro de dispositivo do canal entrou em ação;
• o vizinho não conseguiu subir (rede lenta, restrições de segurança da sua página) — atualize a página; de forma permanente, ajuda usar uma tag única em vez de tags individuais.

No canto ainda há dois botões. Isso significa que o vizinho não tem o item de ação correspondente no leque: só são absorvidos os widgets cujas ações estão no leque. Adicione o item necessário. A situação inversa — o botão do vizinho não é necessário, mas a absorção está desativada pelo atributo data-keep-fabs="1": remova o atributo.

A barra no telefone cobre o painel de outra pessoa. A barra procura sozinha uma faixa fixa de outra pessoa na parte de baixo e se posiciona acima dela, repetindo a medição várias vezes após o carregamento. Se o painel de outra pessoa aparecer muito tarde, mude para o botão redondo — ele não participa da marcação da parte de baixo da página.

O balãozinho não aparece. Verifique se o texto está definido para o idioma da página e se a pausa definida entre exibições não expirou — ela é contada para cada visitante específico, no navegador dele.

A estatística está vazia. Os cliques são enviados em lotes e com atraso, não um a um; o contador mostra 30 dias e vai sendo preenchido conforme os visitantes clicam.

Perguntas frequentes#

Quanto custa?#

Nada. O Multibotão é gratuito e não exige uma extensão separada — ao contrário de similares, que o vendem como um produto independente.

Quantos canais é possível adicionar?#

Até doze. A ordem é definida por você com as setas ↑↓, e ela também determina quais quatro canais aparecerão na barra inferior no celular.

Para onde vão os contatos vindos dos mensageiros?#

Para onde o canal leva: WhatsApp — para o WhatsApp, Telegram — para o Telegram. Se você quiser ver as conversas na conta, conecte esses canais na seção «Chat» — assim as mensagens chegarão a uma caixa de entrada unificada, e no leque é possível colocar o item «Abrir chat».

O Multibotão vai esconder os botões de outros widgets?#

Sim, e essa é a sua finalidade: os botões dos widgets cujas ações estão no seu leque são ocultados, para que não se acumule uma pilha no canto. Os próprios widgets continuam funcionando, e em uma tag isolada o comportamento é desativado com o atributo data-keep-fabs="1".

É possível mostrar canais diferentes no celular e no computador?#

Sim, cada canal tem o indicador «onde mostrar»: em todos os lugares, somente em computadores ou somente em celulares. A composição do leque é recalculada a cada abertura, por isso a rotação do celular é considerada imediatamente.

O que acontece se o visitante clicar em «Escrever no WhatsApp» pelo notebook?#

A versão web do mensageiro será aberta em uma nova aba — com o texto já preenchido, se você tiver definido um modelo.

A linha «Aberto até 22:00» de onde tira o horário?#

Do cadastro da unidade — o mesmo horário com exceções que o visitante vê na vitrine. No widget, o horário não é definido separadamente, para que duas versões não fiquem divergentes. Se o horário não estiver preenchido, a linha simplesmente não aparecerá.

Em que idioma o leque vai falar?#

Os rótulos dos canais e o balãozinho você mesmo define por idioma; o idioma da página o widget determina pela sua marcação (ou pelo atributo data-lang). O nome do dia da semana na linha «Aberto agora» é obtido do navegador no idioma da página.

Seções relacionadas#

• Meu site — código de instalação e os outros onze widgets
• Chat com os visitantes — caixa de entrada unificada do site e dos mensageiros
• Ligação de retorno — formulário «ligue-me de volta» e discagem automática
• Ligação do site — conversa direto do navegador
• Pedido online no seu site — carrinho e finalização sobre o seu site