Calculadora de running desde 2015

Generador de widget

Crea una calculadora de ritmo específicamente para tu evento, configura tus distancias (por supuesto, puedes darles tus propios nombres). Si tienes alguna pregunta, no dudes en contactarnos a través del botón de feedback.

Configuración del widget

Idioma

Unidad de distancia

Título del widget

Texto del botón

Texto de mensaje personalizado

URL de enlace personalizado Texto del enlace

Personalización de colores

Color primario (botón)

Color de fondo

Color del texto

Color del borde

Distancias del widget

Distancias disponibles en el widget:

No se han añadido distancias aún. Usa el formulario de abajo para añadir distancias.

Vista previa en vivo

La vista previa del widget aparecerá aquí después de generar el código

Vista previa de resultados en vivo

Calculadora de ritmo

Distancia

--,-- km

Tiempo

--:--:--

⏱️ Tus tiempos para distancias populares:

Cargar/Guardar configuración

Método de incrustación

Elige el método de incrustación:

Iframe (Recomendado) Código directo

Iframe: Más fácil de implementar, funciona en cualquier sitio web, se actualiza automáticamente.
Código Directo: Más control, carga más rápida, requiere conocimientos de HTML/CSS.

Código del widget generado

Haz clic en "Generar" para crear tu widget personalizado

Instrucciones de integración

Integración iframe (Recomendada)

Copia el código iframe del área generada
Pega el código donde el widget debe aparecer en tu sitio web
¡Listo! El widget funciona inmediatamente y se actualiza automáticamente

Código directo (para usuarios Avanzados)

Copia el código generado completo (HTML, CSS y JavaScript juntos)
Pega todo el código donde el widget debe aparecer
Prueba el widget para asegurarte de que funciona correctamente
Varios widgets por página: Puedes pegar el código varias veces (p. ej. con distintas distancias o colores) - cada widget funciona de forma independiente

💡 Tip Pro: El iframe es la solución más simple - funciona en cualquier sitio web sin conflictos y se actualiza automáticamente. El código directo te da más control pero requiere conocimientos de HTML. Algunos constructores de páginas y herramientas de cookies eliminan o bloquean las etiquetas script - en ese caso usa el iframe.