Módulo del Sapo

Publicar Dashboard en iframe

Genera el código para embeber el dashboard en tu sitio web o aplicación

Configuración

Selecciona la empresa para el iframe

Filtra por rol específico o muestra todos

⚠️ Esta empresa no tiene roles configurados. Crear roles

Código HTML

<!-- Módulo del Sapo - Dashboard Embebible -->
<iframe 
  src="https://tu-sitio.com/embed/dashboard?empresaId=1"
  width="100%"
  height="800"
  frameborder="0"
  allow="clipboard-write"
  style="border: none; border-radius: 8px; box-shadow: 0 4px 6px rgba(0, 0, 0, 0.1);"
></iframe>

Tip: Copia este código y pégalo en tu sitio web HTML.

Código React/Next.js

{/* Módulo del Sapo - Dashboard Embebible */}
<iframe
  src="https://tu-sitio.com/embed/dashboard?empresaId=1"
  width="100%"
  height={800}
  frameBorder="0"
  allow="clipboard-write"
  style={{
    border: 'none',
    borderRadius: '8px',
    boxShadow: '0 4px 6px rgba(0, 0, 0, 0.1)'
  }}
/>

Tip: Usa este código en componentes React o Next.js.

Vista Previa

Haz clic en "Mostrar" para ver la vista previa del iframe

📋 Instrucciones de Uso

1. Configura los parámetros

Ingresa el ID de tu empresa y opcionalmente el ID del rol para filtrar las tareas.

2. Copia el código

Usa el código HTML para sitios estáticos o el código React para aplicaciones dinámicas.

3. Pega en tu sitio

Inserta el código donde quieras mostrar el dashboard de tareas.

✨ Características

  • Auto-actualización cada 60 segundos
  • Diseño responsive y adaptable
  • Muestra tareas del día actual
  • Acceso directo a checklists
  • Estados visuales claros (completada, pendiente, atrasada)

🔒 Seguridad

El dashboard embebible es de solo lectura. Los trabajadores no pueden modificar datos desde el iframe, solo ver sus tareas asignadas.