Cómo añadir la Calculadora de Sueño a tu página web

¿Quieres incluir nuestra Calculadora de Sueño en tu sitio web, blog o página de salud? Es muy fácil: sigue estos pasos para añadir la calculadora interactiva, totalmente gratis y sin registros.

Instrucciones rápidas

1. Copia el siguiente código y pégalo donde quieras mostrar la calculadora en tu web.

<div style="max-width:410px; width:100%; background:#0c0c0c; border-radius:28px; margin:0 auto;">
  <div style="position:relative; width:100%; padding-top:136.5%;">
    <iframe
      src="https://calculadoraciclosdesueno.com/widget"
      title="Calculadora de Sueño"
      aria-label="Calculadora de Sueño"
      loading="lazy"
      style="position:absolute; top:0; left:0; width:100%; height:100%; border-radius:28px; background:#0c0c0c;"
      allowfullscreen
    ></iframe>
  </div>
</div>
<p style="text-align:center; font-size:0.98rem; margin-top:0.6em;">
  <span style="color:#454553;">Calculadora por</span>
  <a href="https://calculadoraciclosdesueno.com/" target="_blank" rel="noopener noreferrer"
     style="color:#3578e5; text-decoration:underline; font-weight:500;">
    calculadoraciclosdesueno.com
  </a>
</p>

2. Pega el código en tu página, post, sección lateral o donde desees mostrar la calculadora. Si usas WordPress, Blogger u otra plataforma, utiliza un bloque de tipo HTML personalizado o “Custom HTML” para pegar el código.
3. Guarda los cambios y revisa que la calculadora se muestre correctamente, tanto en móvil como en ordenador.
4. Si tienes dudas o necesitas ayuda personalizada, contáctanos en: info@calculadoraciclosdesueno.com

Vista previa

Así es como se verá la calculadora en tu página web:

Calculadora por calculadoraciclosdesueno.com

Preguntas Frecuentes (FAQ)