Como instalar e configurar o widget online
O widget Umnico é um botão no seu site que permite aos visitantes entrar em contacto com você por meio do chat online, Telegram, VKontakte e outros mensageiros. Todas as mensagens são recebidas em uma única janela do Umnico.
Para instalar o chat no site, crie e configure o widget na seção "Channels" → "Website chat", copie o código e adicione-o às páginas do seu site.
1. Acesse a seção "Channels" → "Website chat"
No menu à esquerda, clique em "Channels". A página possui duas abas: "Main" — para mensageiros, e "Website chat" — para configurar o widget.
Abra a aba "Website chat". A aba "Website chat" está localizada na seção "Communication channels".
2. Crie um novo widget
Clique em "+ Website chat" ao lado da aba.
Dê um nome ao widget. Ele é exibido apenas na sua conta — os visitantes do site não o verão. Se você tiver vários sites ou landing pages, dê nomes aos widgets de acordo com a finalidade, por exemplo: "Main website", "Landing page May 2025", "Online store". Isso facilitará a distinção entre os widgets.
3. Configure o widget de chat no site
Após criar o widget, será aberto um editor com várias seções. Configure os parâmetros do widget em cada uma delas.
Configurações
Nesta seção, você pode especificar o nome do widget, o fuso horário, o horário de funcionamento, a cor do botão e a posição do botão (à esquerda ou à direita).
Chat online
Ative o chat online, selecione a cor da janela e das mensagens e configure a abertura automática do chat após N segundos.
Mensageiros
Adicione links para os seus mensageiros — Telegram, VKontakte, MAX e outros. O visitante do site poderá escolher para onde enviar a mensagem.
Respostas rápidas
Configure sugestões para os visitantes — perguntas frequentes que eles poderão enviar com um clique. Idiomas disponíveis: RU, EN, DE, ES, PT.
4. Copie o código do widget
Role a página para baixo até a seção "Installation" e copie o código para adicioná-lo ao seu site. A seção "Installation" contém o código exclusivo da sua conta.
Não use o código de outra pessoa: cada conta tem seu próprio hash. O código do exemplo acima não funcionará.
5. Instale o código no seu site
Insira o código copiado em todas as páginas do site antes da tag de fechamento </body>.
Escolha a sua plataforma:
Site personalizado
- Abra o arquivo de modelo que é incluído em todas as páginas (geralmente layout.html, base.html ou footer.php).
- Encontre a tag de fechamento </body>.
- Insira o código do widget diretamente antes dela.
- Salve o arquivo e verifique o seu site — o widget aparecerá no canto inferior direito.
Tilda
- Abra o editor do site necessário no Tilda.
- Acesse Site Settings → More → HTML code for insertion.
- No campo "Code before </body>", insira o código do widget.
- Clique em "Save" e publique o site.
O código é adicionado uma vez para todo o site — não é necessário inseri-lo separadamente em cada página.
WordPress
- Instale o plugin Insert Headers and Footers (ou WPCode).
- Acesse Settings → Insert Headers and Footers.
- Insira o código do widget no campo Scripts in Footer.
- Clique em "Save".
Se você tiver acesso ao editor do tema: Appearance → Editor → footer.php → insira o código antes de </body>. No entanto, o plugin é mais confiável — o código não será removido quando o tema for atualizado.
Bitrix
- Faça login no painel administrativo do Bitrix.
- Acesse Settings → Sites and Servers → Sites.
- Selecione o site necessário → aba HTML code of pages.
- Insira o código do widget no campo "Before </body>".
- Salve as alterações.
React
Se a sua aplicação usa Create React App, insira o código em public/index.html antes de </body>.
Se você usa Next.js, adicione-o por meio do componente Script em _app.js ou layout.tsx.
6. Verifique se o chat no site está funcionando
Abra o seu site em um navegador. O botão de chat deverá aparecer no canto inferior direito.
Clique no botão e envie uma mensagem de teste. Ela aparecerá na seção "Chats" da sua conta Umnico.
Você também pode testar o envio de mensagens dentro da interface do Umnico. Para isso, clique no botão "Test chat".
O widget não aparece? Verifique se: o código foi inserido em todas as páginas (não apenas na página inicial); o hash foi copiado completamente, sem espaços adicionais; a página foi salva e publicada após as alterações.
Ajuda e suporte
Se tiver alguma dúvida, sinta-se à vontade para entrar em contato conosco — teremos prazer em ajudar. Para entrar em contato com o suporte do Umnico, clique no balão "Suporte" no canto inferior direito da tela. Ou vá para a seção "Ajuda → Conversar com o suporte" na sua conta pessoal.