Botão de mensageiros
Um botão flutuante: WhatsApp, Telegram, ligação, chat — até 12 canais
Ver exemplo e recursos →Grátis
Configurar este widgetWebflow · contato a partir do seu portfólio
Adicione contato ou agendamento ao design existente do Webflow. Escolha a tarefa e configure o widget em Cenaly.com, depois adicione o código no nível do site ou da página. Abaixo estão as condições de acesso ao custom code e uma instrução separada para o consent.
Sem cartão · cadastro em um minuto, tag em mais um · alterações nas configurações chegam ao site em 5 minutos
Escolha o widget desejado e configure-o na conta. Widgets comuns usam uma tag compartilhada; para consent e análises, a ordem de instalação separada é importante.
Um botão flutuante: WhatsApp, Telegram, ligação, chat — até 12 canais
Ver exemplo e recursos →Grátis
Configurar este widgetAgendamento conforme a sua agenda: o cliente escolhe o serviço, o profissional e o horário livre
Ver exemplo e recursos →Grátis
Configurar este widgetChat ao vivo com visitantes — sua equipe responde pelo chat de trabalho
Ver exemplo e recursos →Grátis
Configurar este widgetFormulário de solicitação de ligação; com PABX conectado — discagem automática
Ver exemplo e recursos →Grátis
Configurar este widgetBotão «Ligar» — conversa pelo site através da sua central telefônica, sem Número e sem Aplicativos para o visitante
Ver exemplo e recursos →Grátis
Configurar este widgetJanelas pop-up, formulários incorporados, cupons e quizzes com condições de exibição e A/B
Ver exemplo e recursos →$9/mês
Configurar este widgetSelos com números de pedidos, reservas, agendamentos e avaliações da sua conta
Ver exemplo e recursos →Grátis
Configurar este widgetCírculo com um vídeo do seu menu no canto do site: ao clicar, vídeo com som e botão «Pedir»
Ver exemplo e recursos →Grátis
Configurar este widgetBotão «Reservar» → um formulário → solicitação na sua seção «Mesas»
Ver exemplo e recursos →$9/mês
Configurar este widgetO botão de pedido abre a sua vitrine sobre o site pronto
Ver exemplo e recursos →Grátis
Configurar este widgetBotão «?» → painel lateral com seus artigos, busca e avaliação «foi útil»
Ver exemplo e recursos →$19/mês
Configurar este widgetPolítica, contrato, devolução, cookies, entrega — montados com seus dados e incorporados ao site
Ver exemplo e recursos →$9/mês
Configurar este widgetConsentimento para cookies com bloqueio automático de rastreadores e Google Consent Mode v2
Ver exemplo e recursos →Grátis
Configurar este widgetO widget e a plataforma selecionados serão salvos no cadastro. Depois, configure o widget na conta. Deixe esta instrução para Webflow aberta: após a configuração, volte às etapas de instalação abaixo.
É necessário um plano pago da plataforma
É necessário um Site plan ativo ou Workspace Core, Growth, Agency ou Freelancer.
A documentação oficial do Webflow permite custom code para Site managers e Designers com um Site plan ativo ou um dos Workspaces listados. Um Site plan pago não é o único caminho.
O endereço webflow.io por si só não diz se a inserção de código está disponível: verifique o Workspace, as permissões e as configurações do projeto. A conexão do seu próprio domínio e os recursos do CMS têm condições próprias de Plano.
Os itens de menu e as condições tarifárias nesta página vêm da ajuda oficial:
Verificado com a ajuda da plataforma 2026-09-22
Widgets comuns: chat, botão de contato, agendamento
<script src="https://cdn.cenaly.com/site/v1.js" data-domain="your-site.com" async></script>Exemplo de tag para widgets comuns. Pegue seu código na conta; não é preciso substituí-lo por um domínio de demonstração. Para bloquear a análise, use a instrução separada abaixo. Banner de cookies e análise: um procedimento separado →
Na conta Cenaly.com: Painel de administração → Marketing → «Meu site». Digite o endereço do site no primeiro campo e copie a linha da tag.
No Webflow: Site settings (Configurações do site) do projeto desejado.
A aba Custom code tem dois campos: Head code (dentro do head) e Footer code (antes do body de fechamento).
Cole a linha no Head code e salve. Não é preciso adicionar as tags html, head e body nesse campo — apenas o próprio script.
Clique em Publish: a ajuda do Webflow destaca separadamente que o efeito do seu código é visível no site publicado após a publicação.
Abra o site publicado e volte em «Meu site» → «Verificar instalação».
Precisa do widget em apenas uma página — as páginas no Webflow têm seus próprios campos para código nas configurações da página.
Para um opt-in estrito, use um tag consent separado das configurações do banner de cookies e coloque-o como primeiro script no head, sem async e defer, antes da analítica e da publicidade. Um tag async genérico não garante o bloqueio antes do consentimento.
<script src="https://cdn.cenaly.com/consent/v1.js" data-domain="your-site.com"></script>Considere o código do tema, os plugins, o GTM e as integrações nativas da plataforma. Se a plataforma não permitir inserir o consent antes deles, uma única tag externa não basta: configure o consentimento na própria integração.
No modo opt-in, os rastreadores conhecidos são bloqueados, e os desconhecidos exigem marcação manual conforme as instruções da CMP. Código já executado, Set-Cookie do servidor e service workers não são interrompidos pela tag.
No site publicado, abra uma sessão limpa e o Network: antes da escolha e após a recusa, verifique a ausência de requisições dos rastreadores que devem ser bloqueados. Depois, aceite a categoria desejada, verifique a ativação e a alteração da decisão. Um banner visível e a verificação de instalação no HTML não comprovam o bloqueio.
Nos construtores, a alteração fica no rascunho: enquanto as páginas não forem republicadas, a tag não estará no site publicado.
Painel de administração → Marketing → “Meu site”. No primeiro campo está o endereço do seu site e, ao lado, “Verificar instalação”.
A verificação lê o HTML de origem da página e mostra os widgets encontrados. A tag inserida via Google Tag Manager não será detectada — essa é uma limitação da verificação, não da instalação.
Análise de erros de instalação — na ajuda Instruções de instalação →
O Webflow suporta custom code no preview/comment, mas não no expand canvas. Os visitantes verão as alterações após a publicação; faça a verificação final pelo endereço publicado.
O Head code geral adiciona a tag no nível do site. Se precisar de apenas um URL, use as configurações da página e não duplique ali a tag geral já instalada.
O widget não conecta os formulários do Webflow ao Cenaly.com automaticamente. O Shadow DOM isola os estilos, mas animações, clicabilidade dos botões e sobreposições precisam ser verificadas no seu site.
Não coloque o consent depois de um contêiner que já iniciou os rastreadores. Para uma tag comum via GTM, a verificação HTML do lado do servidor não confirma a instalação — verifique o widget na página publicada.
Não, o custom code também está disponível através do Core, Growth, Agency ou Freelancer Workspace conforme as condições do Webflow. Verifique as permissões de Site manager/Designer e o acesso ao campo no projeto específico.
Uma tag comum pode ser adicionada ao Head code; não a envolva com tags html/head/body. O consent com bloqueio até o consentimento exige um primeiro script separado no head antes dos rastreadores.
O Custom code não funciona no expand canvas. O preview/comment oferece suporte a ele, mas as alterações ainda precisam ser publicadas. Verifique se o widget está ativado e o endereço final do site.
O isolamento de estilos não garante compatibilidade com qualquer script. Verifique as interações, os formulários e a tela mobile antes de distribuir o widget para todas as páginas.
O código geral do site também vale para as páginas de coleção. Confira o exemplo publicado de uma página assim e não duplique a tag no modelo dela.
Para bloquear rastreadores antes do consentimento, é necessário um consent/v1.js separado, primeiro no head, sem async/defer. Verifique o carregamento antes da escolha, após a recusa e após a aceitação. A análise integrada da plataforma pode exigir configuração separada; o aparecimento do banner não confirma conformidade com a lei.
Mais detalhes — instalação por plataformas, configuração e solução de problemas — na central de ajuda. Instruções de instalação →
Os mesmos widgets — outros itens de menu.
A plataforma não está na lista? Instruções gerais de instalação →
Verifique o acesso ao custom code, escolha um widget e configure-o. Depois de publicar, teste uma página comum e uma página de coleção.
Escolher widgetSem cartão · cadastro em um minuto, tag em mais um · alterações nas configurações chegam ao site em 5 minutos