Vale construir sua versão de Eloqra?
Widget de chat ao vivo gratuito para o seu site, que cai direto no seu Telegram
A primeira metade é um build de uma sessão; a segunda não. Uma tag script que injeta um painel de chat, um websocket e um bot que encaminha mensagens para que sua resposta nativa no Telegram chegue ao visitante · isso fica pronto até o jantar, e o prompt abaixo constrói isso. O problema é o lado do operador. Responder dentro de um chat com bot funciona para uma conversa por semana; quando você tem várias em andamento, quer uma caixa de entrada de verdade, e no Telegram isso significa um Mini App, que é um segundo aplicativo com regras próprias de plataforma: a autenticação é validar o initData por HMAC com o token do seu bot, a webview mente sobre a própria altura, então você dimensiona por viewportStableHeight em vez de dvh, o modo tela cheia esconde conteúdo sob a barra de status até você combinar dois safe-area insets diferentes, e ele desativa a seleção de texto por completo, então até copiar uma mensagem exige implementar na mão um toque longo com fallback de clipboard. Nada disso é difícil. Tudo isso se descobre do jeito lento, no celular, depois que o prompt já terminou.
EN → PTPesquisa traduzida automaticamente do inglês. Prompt original preservado em inglês.
Build me a self-hosted live-chat widget whose inbox is Telegram. Requirements:
- Stack: a single Node + TypeScript service (Fastify) with SQLite via better-sqlite3.
No Docker, no separate frontend build, no accounts system.
- Embeddable widget: GET /widget.js returns a script that injects a launcher button and
chat panel into any page via one tag with data-site-id, rendered in a shadow DOM so the
host page's CSS can't leak in. No iframe. Read theme (light/dark), accent color, and
corner position from data- attributes.
- Transport: a websocket (ws) between visitor and server, with a long-poll fallback when
the socket won't open. Persist every message. Give the visitor a signed cookie id so
their thread survives a reload.
- On a conversation's first message, capture page URL, referrer, and user agent parsed to
device/browser/OS, plus coarse IP geolocation from a free API.
- Telegram: a grammY bot posts each new conversation to OWNER_CHAT_ID with that visitor
context. The operator answers using Telegram's native reply-to-message · map the
replied-to message id back to its conversation and push the text to the visitor live.
- Typing indicators in both directions, and an optional pre-chat form (name + email)
toggled per site.
- An /admin page behind basic auth listing conversations, each full thread, and a reply box,
so the widget still works when Telegram is unreachable.
- Secrets in .env: BOT_TOKEN, OWNER_CHAT_ID, ADMIN_PASSWORD, ALLOWED_ORIGINS for CORS.
- Ship a README with the exact snippet to paste and VPS deploy steps (systemd + Caddy for
TLS, since websockets need it).
- Deliberately out of scope: a phone operator console. That is a Telegram Mini App, a
second project with its own rules (initData HMAC auth, viewportStableHeight sizing,
safe-area insets); budget separate days for it. Also out: multiple operators,
billing, canned replies, AI autoresponders, and analytics dashboards.O prompt abre preenchido no seu agente. Revise antes de executar.
Como seria construir sua versão?
Uma tag script injeta um widget de chat no seu site, as mensagens chegam no seu Telegram e responder à mensagem do bot responde ao visitante · uma conversa por vez.
O que você vai precisar
- um token de bot do Telegram obtido com @BotFather
- um host HTTPS para o websocket · o Telegram não carrega um Mini App por http simples
- registro do URL do Mini App e do botão de menu no BotFather, se você quiser uma caixa de entrada de verdade em vez de respostas pelo bot
Na maioria, eles não pagam · para um site, não há nada a pagar. O plano gratuito é para sempre, com conversas ilimitadas, a caixa de entrada completa no Telegram e o mini-app, e todas as opções do widget; 4.99 compra um slot extra de projeto para um segundo site e nada além disso, e o selo de “powered by” aparece nos planos pagos também. Então a lógica habitual da “lista de mortos” se inverte aqui. Você não está pesando um fim de semana contra uma assinatura, está pesando um fim de semana mais uma VPS, renovações de TLS, lógica de reconexão e tratamento de retry do Telegram contra zero. Chat ao vivo também é uma promessa de que alguém está de fato lá, o que o torna uma coisa ruim para pendurar numa máquina que você mantém entre outros trabalhos. O único motivo honesto para construir o seu: você quer as conversas dos visitantes no seu próprio hardware, e não no de outra pessoa. Esse é o argumento inteiro, e não é financeiro.
xuma caixa de entrada de operador de verdade · o console do Mini App, com lista de conversas unificada entre sites, contadores de não lidas, indicadores de digitação e deep links de uma notificação direto para a conversa · as respostas pelo bot cobrem um chat por vez, não cinco ao mesmo tempo
xa semana que você gasta aprendendo a webview do Telegram em vez de escrever funcionalidades · autenticação HMAC do initData, dimensionar por viewportStableHeight porque o dvh estoura, dois safe-area insets para ficar longe da barra de status em tela cheia, e seleção de texto desativada, de modo que copiar uma mensagem exige um toque longo feito à mão
xum plano gratuito · você gastaria dias mais a mensalidade de uma VPS para substituir algo que não custa nada para um site
xtudo que não é o caminho feliz · reconexões de socket, envios duplicados, ordem das mensagens em redes móveis instáveis, rate limits do Telegram e filas de retry, rotação do token do bot
xhospedagem sempre ligada · seu widget morre sempre que sua máquina, seu certificado TLS ou seu websocket morrem, e um chat que para de conectar sem avisar parece, para o visitante, que você o está ignorando
Prefere uma solução pronta?
Live Helper ChatChats do site podem cair no Telegram e as respostas voltam; exatamente o mesmo truque, com uma configuração nada trivial.Código aberto↗Licença, instalação e limitações em cada alternativa.
Quanto custa Eloqra?
- Plano mensal
- US$ 4,99/mêsUS$ 4,99/mês
- Por ano
- US$ 59,88/anoUS$ 59,88/ano
- Plano anual
- US$ 49,99/ano17% mais barato que pagar mês a mês
- No cartão, com IOF de 3,5%
- R$ 26,08/mêsR$ 261/ano
Salvo na Minha lista. Você recebe um aviso aqui no site quando o preço mudar.
Você conclui a compra no site de Eloqra. O Vibe Radar não intermedeia pagamentos.
| Plano | Mensal | Anual (por mês) | O que inclui |
|---|---|---|---|
| free | $0/espaço de trabalho | $0/espaço de trabalho | 1 projeto de site; operadores/usuários ilimitados e sem cobrança por mensagem |
| pro (each additional project) | $4.99/espaço de trabalho≈ US$ 4,99 | $4.17/espaço de trabalho≈ US$ 4,17 | 1 projeto adicional por assinatura; sem cobrança por usuário ou por mensagem |
Plano gratuito1 projeto para sempre; sem limite de usuários e sem limite de mensagens informado
Condições de cobrançamensal $4.99 ou anual $49.99 por projeto adicional; o primeiro projeto continua grátis
Custos adicionaisO preço escala por projeto de site adicional, não por usuário nem por mensagem; não há excedentes informados.
verified 2026-08-12 · source ↗
Vale mais construir ou assinar Eloqra?
Ajuste os números: horas para construir, valor da sua hora, custos para manter no ar e o preço da assinatura.
Em 24 meses, assinar sai mais barato.
Horas iniciais estimadas a partir da análise (vários dias). Não inclui o valor do que você deixa de ter (suporte, integrações, segurança).
Dá para recriar Eloqra?
Em parte. O núcleo de Eloqra dá para construir em um fim de semana com o prompt desta página, mas há lacunas reais: uma caixa de entrada de operador de verdade · o console do Mini App, com lista de conversas unificada entre sites, contadores de não lidas, indicadores de digitação e deep links de uma notificação direto para a conversa · as respostas pelo bot cobrem um chat por vez, não cinco ao mesmo tempo, a semana que você gasta aprendendo a webview do Telegram em vez de escrever funcionalidades · autenticação HMAC do initData, dimensionar por viewportStableHeight porque o dvh estoura, dois safe-area insets para ficar longe da barra de status em tela cheia, e seleção de texto desativada, de modo que copiar uma mensagem exige um toque longo feito à mão. Leia a lista acima antes de começar.
Quanto custa Eloqra?
Eloqra custa cerca de US$ 4,99/mês (Pro, checado em 20/10/2026), ou seja, US$ 49,99 por ano.
O que eu perco ao substituir Eloqra?
Sinceramente: uma caixa de entrada de operador de verdade · o console do Mini App, com lista de conversas unificada entre sites, contadores de não lidas, indicadores de digitação e deep links de uma notificação direto para a conversa · as respostas pelo bot cobrem um chat por vez, não cinco ao mesmo tempo; a semana que você gasta aprendendo a webview do Telegram em vez de escrever funcionalidades · autenticação HMAC do initData, dimensionar por viewportStableHeight porque o dvh estoura, dois safe-area insets para ficar longe da barra de status em tela cheia, e seleção de texto desativada, de modo que copiar uma mensagem exige um toque longo feito à mão; um plano gratuito · você gastaria dias mais a mensalidade de uma VPS para substituir algo que não custa nada para um site; tudo que não é o caminho feliz · reconexões de socket, envios duplicados, ordem das mensagens em redes móveis instáveis, rate limits do Telegram e filas de retry, rotação do token do bot; hospedagem sempre ligada · seu widget morre sempre que sua máquina, seu certificado TLS ou seu websocket morrem, e um chat que para de conectar sem avisar parece, para o visitante, que você o está ignorando. Se algum desses pontos é essencial para você, continue pagando.
Existe uma alternativa aberta para Eloqra?
Sim: Live Helper Chat (Chats do site podem cair no Telegram e as respostas voltam; exatamente o mesmo truque, com uma configuração nada trivial.) O prompt é para quando você quer do seu jeito.