Widgets Financeiros Grátis para Seu Site: Guia Completo 2026
Como adicionar cotações da B3, calculadoras, mapas de calor e rankings em qualquer blog, newsletter ou site — sem cadastro, sem mensalidade, em 2 minutos.
Publicado e atualizado em 20 de abril de 2026 · Leitura de 8 minutos
Por que usar widgets financeiros no seu site?
Se você escreve sobre finanças — num blog, numa newsletter, num curso online ou na página de uma consultoria — colocar dados ao vivo no seu conteúdo resolve três problemas ao mesmo tempo:
- Conteúdo que envelhece sozinho: um post de 2024 mencionando "PETR4 a R$ 28" envelhece em dias. Um widget mostra sempre o preço atual.
- Autoridade visual: leitor clica na cotação ao vivo e volta. Tempo na página sobe, taxa de rejeição cai.
- Atualização zero: você escreve uma vez, o widget atualiza todo dia. Ideal pra quem publica uma vez e não quer voltar no post.
O que são os widgets da Redentia?
São iframes HTML gratuitos que exibem dados do mercado brasileiro em tempo real. Você cola um pedaço de código no seu site e pronto — WordPress, Webflow, Medium, Ghost, Substack, Notion, tudo funciona. O iframe puxa os dados direto da B3 (Brasil, Bolsa, Balcão) via infra da Redentia, então você não precisa criar conta, gerenciar API keys nem se preocupar com limite de requisições.
Os 8 widgets disponíveis
Ticker Small
Card compacto com logo, cotação e variação do dia
Quando usar: Sidebars de blogs, menções rápidas em textos, callouts
Ticker Big
Card grande com cotação, DY, P/L e setor
Quando usar: Posts de análise fundamentalista, destaque em guias
Carrossel de Tickers
Barra horizontal com vários tickers atualizando
Quando usar: Headers de dashboard, tickers de newsletter, cabeçalhos editoriais
Gráfico de Valorização
Gráfico histórico com períodos de 1M a 5A
Quando usar: Posts comparativos, relatórios recorrentes, análise de cenário
Top Maiores Altas
Ranking diário das ações que mais subiram
Quando usar: Posts diários sobre o mercado, newsletters matinais
Top Maiores Baixas
Ranking diário das ações que mais caíram
Quando usar: Complementa post de altas, análise de cenário de baixa
Mapa de Calor da Bolsa
Treemap colorido por variação do dia
Quando usar: Newsletters de fim de pregão, posts de resumo diário
Calculadoras Financeiras
7 calculadoras: juros compostos, DY, preço-teto, IR, etc
Quando usar: Guias educacionais, cursos online, consultoria
Como instalar um widget em 3 passos
Passo 1: Escolha o widget na página de embeds
Abra redentia.com.br/embed e clique no widget que combina com o seu conteúdo. Se você tá fazendo um post sobre uma ação específica, o Ticker Big resolve. Se é um post sobre o pregão do dia, o Mapa de Calor ou Top Altas funcionam melhor.
Passo 2: Customize e copie o código
Cada widget tem um playground com opções: ticker, tema (claro/escuro), dimensões e, em alguns casos, período e filtros. Ajuste no painel à esquerda, veja a pré-visualização à direita, e clique em "Copiar código iframe".
Passo 3: Cole no seu site
Aqui depende da sua plataforma. Veja os casos mais comuns:
WordPress
No editor Gutenberg, adicione um bloco "HTML customizado" e cole o iframe. No editor clássico, vá em "Texto" (não "Visual") e cole. Não precisa de plugin.
Webflow
Arraste um elemento "Embed" pra onde quer o widget e cole o código. O Webflow renderiza automaticamente.
Medium / Substack
Medium suporta embed via URL direta — cole a URL do iframe (só o `src`, sem as tags) e ele transforma em embed. Substack aceita HTML custom em planos pagos; no gratuito, use uma imagem linkada pro widget.
Ghost
Adicione o card "HTML" e cole o iframe. Funciona em posts e pages.
Notion (páginas públicas)
Cole a URL do iframe como /embed e o Notion renderiza. Funciona melhor em páginas públicas publicadas.
Exemplos de uso por persona
Blogueiro de finanças
Num post "PETR4 vale a pena em 2026?", use o Ticker Big no início (cotação + DY + P/L) e o Gráfico de Valorização no meio pra mostrar histórico. O post sobrevive à volatilidade sem precisar editar.
Newsletter diária
No topo, o Carrossel de Tickers com IBOV, dólar e juros. No corpo, o Mapa de Calor pra mostrar o dia da bolsa. No rodapé, o Top Altas e Top Baixas. Pronto — conteúdo que atualiza sozinho.
Consultoria / Assessoria
Na página do serviço, embede as Calculadoras Financeiras como demonstração do valor que você entrega. No blog, use Ticker Big nos posts de análise. No formulário de captação, Mapa de Calor como "hero visual".
Curso / Educador
Na aula sobre juros compostos, embede a Calculadora de Juros Compostos. O aluno simula direto na aula. Sem downloads, sem Excel, sem instalação.
Perguntas frequentes
Os widgets são realmente gratuitos?
Sim, 100%. Sem limite de visualizações para uso em blogs/sites de conteúdo. A única condição é manter o link "powered by Redentia" visível no rodapé de cada widget (isso vem no próprio código do iframe, você não precisa adicionar nada). Para uso corporativo com alto volume (>100k views/mês), fale com a gente.
Os dados são em tempo real?
Cotações atualizam durante o pregão da B3 (dias úteis, 10h às 17h30). Fora do horário, mostramos o último fechamento. Mapa de calor e rankings atualizam a cada 15 minutos durante o pregão.
Posso customizar cores pra combinar com meu site?
Tema claro e escuro hoje. Customização total de cores está no roadmap do Redentia White-label, que é o plano pago pra quem quer a marca própria.
E se eu quiser mais do que widgets — acesso programático?
A Redentia API tem 50+ endpoints REST com os mesmos dados em JSON. Plano free disponível para testar.
Pronto pra instalar o primeiro widget?
Abra a página de embeds, escolha um widget e cole o código. Em 2 minutos seu conteúdo tá com dados ao vivo da B3.
Abrir lista de widgets