Página de Chat: ofereça o seu bot como um chat no navegador

A Página de Chat é uma página pronta, no estilo WhatsApp, onde qualquer pessoa cola um link de produto (AliExpress, Amazon, Shopee, Mercado Livre…) ou usa comandos como /moedas, /oferta e /cupom — e recebe o link já com os seus afiliados. É o mesmo cérebro do seu bot do Telegram, agora no navegador, sem a pessoa precisar abrir o Telegram.

É grátis para todos os bots e cada bot tem a sua. A página nasce desativada — nada fica público até você ligar.

Ativar e personalizar

No painel, vá em Operação → Página de Chat:

1. Marque Página de chat ativa.
2. Defina o endereço (slug) — ex.: nerdofertas → a página fica em https://botdoafiliado.com/c/nerdofertas. O painel checa a disponibilidade na hora.
3. Ajuste o visual:
   • Título (cabeçalho do chat).
   • Mensagem de boas-vindas — com editor rico (negrito, itálico, sublinhado, código, link e emojis). Se deixar vazia, usa a mensagem de start do bot.
   • Foto / logo — faça upload da sua imagem (vira também o ícone/favicon da aba). Se vazia, usa a foto de start do bot.
   • Tema de duas cores — cor principal (cabeçalho e botão) e secundária (balão enviado). O botão “Padrão WhatsApp” volta ao verde clássico.
4. Salvar.

Pronto: abra botdoafiliado.com/c/<slug> e mande um link para testar.

Prévia do produto (estilo rede social)

Quando o bot gera o link de um produto do AliExpress, a resposta no chat aparece como um card de prévia — com imagem, título e preço e um botão Abrir oferta, igual ao preview que as redes sociais mostram.

Formas de colocar o chat no seu site

São quatro formas (todas usam os seus afiliados):

Numa rota do seu site (iframe)

Crie uma página na rota que quiser (ex.: /chat) e cole o iframe que o painel mostra:

<iframe src="https://botdoafiliado.com/c/SEU-SLUG?embed=1&header=1"
        style="width:100%;height:100vh;border:0" title="Chat"></iframe>

Funciona em qualquer hospedagem, sem DNS nem configuração extra.

Bolha flutuante (embed)

Cole antes de </body> em qualquer página:

<script src="https://botdoafiliado.com/c/embed.js" data-slug="SEU-SLUG" defer></script>

Aparece um botão flutuante que abre o chat. Você personaliza pelos atributos:

• data-color — cor do botão
• data-label — texto do botão (vazio = só ícone)
• data-icon — emoji ou URL de imagem (logo própria)
• data-position — left / right
• data-size, data-offset — tamanho do botão e distância das bordas
• data-width, data-height — tamanho do painel
• data-greeting — um balãozinho de chamada que aparece sozinho
• data-open="auto" — abre sozinho após alguns segundos
• data-button="false" + data-trigger="#meuBotao" — abrir a partir do seu próprio botão

Para quem mexe com frontend: os estilos ficam num @layer bda-chat, então é só escrever CSS próprio em .bda-chat-btn / .bda-chat-panel para sobrepor tudo. E há a API JS: BdaChat.open(), BdaChat.close(), BdaChat.toggle() (ou BdaChat["seu-slug"].open()).

Domínio próprio (chat.seu-site.com)

No card Domínio próprio, digite o subdomínio (ex.: chat.seu-site.com) e clique em Adicionar. Nós criamos o custom hostname na Cloudflare automaticamente e mostramos o CNAME que você deve criar no DNS do seu domínio (apontando para o nosso destino). O SSL é emitido sozinho alguns minutos depois de o CNAME propagar — acompanhe pelo botão Atualizar status.

Rota nativa na Cloudflare (avançado)

Se o seu domínio está na Cloudflare, dá para servir o chat numa rota com a mesma URL (sem iframe) usando um Worker/Snippet de reverse-proxy na rota seu-site.com/chat*:

export default {
  async fetch(request) {
    return fetch("https://botdoafiliado.com/c/SEU-SLUG", request);
  }
};

O envio de mensagens vai para o nosso domínio automaticamente (CORS já liberado). Alternativa mais simples: uma Redirect Rule de /chat para a página hospedada (porém a URL muda no navegador).

SEO

A página hospedada é indexável e já vem com title, description, canonical, Open Graph e Twitter Card (usando a sua logo como imagem) e dados estruturados JSON-LD. Como o title vem do título e a description das boas-vindas, você ajusta o SEO direto no painel — quanto mais as boas-vindas tiverem as suas palavras-chave (ex.: “cupom AliExpress”, “desconto Shopee”), melhor. O modo embed/bolha fica noindex para não duplicar conteúdo.

Segurança

A sua chave de API nunca vai para o navegador: a página resolve o slug no servidor e roda a conversão internamente. O endpoint público tem limite por IP (anti-abuso) e o conteúdo do chat é sanitizado.