Colocar uma calculadora ou uma cotação que se atualiza sozinha no WordPress tem três caminhos, e a escolha entre eles depende menos de habilidade técnica do que do seu tema e da sua vontade de instalar mais um plugin. Este guia percorre os três, com o passo a passo de cada um e o critério para decidir. Se você já sabe que quer o plugin oficial, ele fica na central do WordPress; se quer só o código para colar, ele está na página de widgets gratuitos.
Resposta rápida
- O plugin é grátis e adiciona um bloco e um shortcode do ValorFinal.
- Instale por Plugins, Adicionar novo, Enviar plugin e ative.
- Sem plugin também dá: cole o iframe em um bloco de HTML.
- Os dados ao vivo (dólar, Selic) se atualizam sozinhos.
Caminho 1: bloco de HTML, sem instalar nada
É o mais rápido e o que funciona em qualquer WordPress, inclusive nos planos em que você não pode instalar plugin. No editor de blocos, adicione um bloco HTML personalizado e cole o código do widget. Publique e pronto.
Um detalhe custa muito tempo a quem não sabe: não cole o código num bloco de Parágrafo. O parágrafo escapa as tags, e em vez do widget você vê o próprio código impresso na página. Se isso aconteceu com você, o bloco estava errado, não o código.
Para barra lateral, o caminho equivalente é Aparência, depois Widgets, e ali um widget de HTML personalizado.
Caminho 2: o plugin oficial, para escolher numa lista
O que o plugin faz
O plugin conecta o seu WordPress ao catálogo de widgets do ValorFinal. Depois de ativado, ele acrescenta um bloco no editor de blocos (o Gutenberg) e um shortcode para usar em temas clássicos e construtores. Você não precisa saber o que é um iframe: escolhe a calculadora ou a cotação em uma lista e o plugin cuida do resto.
Instalar o plugin, passo a passo
- Baixe o arquivo do plugin na página de widgets para WordPress.
- No painel do WordPress, abra Plugins e clique em Adicionar novo.
- Clique em Enviar plugin, escolha o arquivo .zip e confirme em Instalar agora.
- Quando terminar, clique em Ativar. O bloco do ValorFinal passa a aparecer no editor.
Inserir um widget na página
- Abra a página ou o post onde o widget deve aparecer e clique para adicionar um bloco.
- Procure por ValorFinal e selecione o bloco.
- Escolha a calculadora ou a cotação na lista e ajuste o tamanho, se quiser.
- Publique. O widget aparece funcionando.
Caminho 3: shortcode em tema clássico e em construtor
Em temas clássicos, abra a aba de HTML do editor ou um widget de HTML em Aparência e Widgets, e use o shortcode do ValorFinal. Em construtores como Elementor e Divi, coloque um elemento de shortcode ou de HTML e cole ali. O plugin trata o resto, e o widget aparece do mesmo jeito que no editor de blocos.
Qual dos três usar
| Caminho | Como funciona | Indicado para |
|---|---|---|
| Bloco de HTML | Colar o código num bloco de HTML personalizado, uma vez por widget | Quem tem poucos widgets, não quer mais um plugin ativo ou está num plano que não permite instalar plugin |
| Plugin oficial | Bloco no editor com busca por nome, sem tocar em HTML | Quem vai usar vários widgets, ou quem escreve com frequência e não quer voltar ao catálogo a cada post |
| Shortcode | Uma linha de texto no editor, servida pelo plugin | Tema clássico, Elementor, Divi e qualquer lugar onde o bloco do Gutenberg não existe |
O que dá para incorporar
Pelo plugin você adiciona desde a calculadora de conversão de moedas e a de juros compostos até a cotação do dólar hoje e a calculadora de IMC. Para um widget de cotação que se atualiza sozinho, veja o guia da cotação do dólar no WordPress.
Limitações deste guia
Os passos podem variar um pouco conforme a versão do WordPress e o tema. Os widgets são informativos e educativos; as cotações refletem a última informação das fontes oficiais. Veja como validamos os cálculos.
Se der errado, é quase sempre uma destas três coisas
- O código aparece como texto na página. Foi colado num bloco de Parágrafo. Troque por HTML personalizado.
- O widget aparece cortado embaixo. Faltou colar o trecho de script que acompanha o código, que é o que ajusta a altura sozinho. Ou aumente a altura na mão, no atributo
heightdo iframe. - Nada aparece. Costuma ser um plugin de segurança ou de cache removendo o iframe. Desative temporariamente a limpeza de HTML e recarregue sem cache para confirmar.
Escolhido o caminho, o resto é igual: o widget se atualiza sozinho e você não volta a mexer nele. O catálogo com todos os códigos fica na página de widgets, e o plugin, na central do WordPress.