Generador de Insignias Incrustadas
Crea insignias dinámicas de estado de trabajo para tu sitio web para que los visitantes conozcan la disponibilidad de tu servicio
Configuración Básica
Configuración de Estilo
Vista Previa en Vivo
Configuración de Vista Previa
Instrucciones de Uso
Content-Security-Policy: frame-ancestors 'self' isworkingnow.com; Preguntas Frecuentes
¿Cómo usar la insignia de estado incrustada?
1. Configurar información básica: Establece tu zona horaria de trabajo, horarios laborales y días de trabajo
2. Personalizar estilo: Elige estilos predefinidos o personaliza colores, diseño, etc.
3. Generar insignia: Haz clic en el botón "Generar Insignia" para obtener el código de incrustación
4. Incrustar en sitio web: Copia el código iframe generado a tu sitio web
¿Qué efectos tiene la insignia?
Visualización de estado en tiempo real: Muestra automáticamente el estado "Trabajando" o "Fuera de línea" según tus horarios de trabajo establecidos
Soporte de múltiples estilos: Proporciona 10 estilos predefinidos incluyendo clásico, píldora, cuadrado, degradado, etc.
Diseño responsivo: Se adapta automáticamente a diferentes dispositivos y tamaños de pantalla
Reconocimiento de vacaciones: Admite configurar vacaciones para mostrar automáticamente el estado fuera de línea en días festivos
Adaptativo a zona horaria: Muestra automáticamente el estado de trabajo correcto según la zona horaria del visitante
¿Cuándo necesito configurar la política de seguridad CSP?
Cuando tu sitio web tiene CSP (Política de Seguridad de Contenido) habilitada:
• Si la insignia no puede mostrarse o cargarse correctamente
• La consola del navegador muestra mensajes de error relacionados con CSP
• El sitio web tiene requisitos estrictos de política de seguridad
Solución: Agrega la siguiente configuración a tu política CSP:
¿Qué características técnicas admite la insignia?
Soporte de dominio cruzado: Puede incrustarse en cualquier sitio web sin restricciones de dominio cruzado
Ligero: Velocidad de carga rápida, no afecta el rendimiento del sitio web
Sin dependencias: Implementación pura HTML/CSS, no requiere bibliotecas JavaScript adicionales
Amigable con SEO: No afecta el rastreo e indexación de motores de búsqueda
Soporte HTTPS: Totalmente compatible con sitios web HTTPS
¿Qué opciones se pueden personalizar?
Configuración de tiempo: Horarios de trabajo, zona horaria, días laborales, vacaciones
Contenido de texto: Texto de visualización para estados de trabajo y fuera de línea
Estilo visual: Colores, tamaño de fuente, relleno, radio de borde, diseño
Indicador de estado: Opción para mostrar puntos indicadores de estado coloreados
Hora local: Opción para mostrar la hora local actual