Calculadora de corrida desde 2015

Gerador de widget

Crie uma calculadora de ritmo especificamente para o seu evento, configure suas distâncias (você pode, claro, dar seus próprios nomes a elas). Se tiver alguma dúvida, sinta-se à vontade para nos contatar através do botão de feedback.

Configuração do widget

Idioma

Unidade de distância

Título do widget

Texto do botão

Texto de mensagem personalizada

URL de link personalizado Texto do link

Personalização de cores

Cor primária (botão)

Cor de fundo

Cor do texto

Cor da borda

Distâncias do widget

Distâncias disponíveis no widget:

Nenhuma distância adicionada ainda. Use o formulário abaixo para adicionar distâncias.

Visualização ao vivo

A visualização do widget aparecerá aqui após gerar o código

Visualização dos resultados ao vivo

Calculadora de ritmo

Distância

--,-- km

Tempo

--:--:--

⏱️ Seus tempos para distâncias populares:

Carregar/Salvar configuração

Método de incorporação

Escolha o método de incorporação:

Iframe (Recomendado) Código direto

Iframe: Mais fácil de implementar, funciona em qualquer site, atualiza automaticamente.
Código Direto: Mais controle, carregamento mais rápido, requer conhecimento de HTML/CSS.

Código do widget gerado

Clique em "Gerar" para criar seu widget personalizado

Instruções de integração

Integração iframe (Recomendada)

Copie o código iframe da área gerada
Cole o código onde o widget deve aparecer no seu site
Pronto! O widget funciona imediatamente e se atualiza automaticamente

Código direto (para usuários Avançados)

Copie o código gerado completo (HTML, CSS e JavaScript juntos)
Cole todo o código onde o widget deve aparecer
Teste o widget para garantir que funciona corretamente
Vários widgets por página: Você pode colar o código várias vezes (por ex. com distâncias ou cores diferentes) - cada widget funciona de forma independente

💡 Dica Pro: O iframe é a solução mais simples - funciona em qualquer site sem conflitos e se atualiza automaticamente. O código direto dá mais controle mas requer conhecimento de HTML. Alguns construtores de páginas e ferramentas de cookies removem ou bloqueiam tags script - nesse caso use o iframe.