Título, lugar, fecha y hora, zona horaria, repetición, invitados, avisos y notas; después descarga el archivo .ics o ábrelo directamente en tu calendario. También puedes pegar un horario o adjuntar un documento o una foto para crear varios eventos a la vez.
¿Cómo pongo un botón de añadir al calendario o un creador de eventos en mi propio sitio?
El creador de ICS Maker se distribuye como un script independiente: un elemento vacío, una etiqueta de script que apunta a event-creator.js, y una llamada a EventCreator.mount(); sin proceso de compilación, sin framework, sin cuenta, sin clave y sin límite por visualización. El paquete es un único IIFE autónomo de menos de 85 kB comprimido con su librería de renderizado incluida, y no realiza ninguna solicitud de red: sin analítica, sin fuentes tipográficas, sin CDN, por lo que no añade ningún origen a una Content-Security-Policy ni ningún párrafo a una política de privacidad. Cada color, radio y tipografía es una propiedad personalizada de CSS bajo .ec-root, el modo oscuro sigue la preferencia propia del visitante, y un sitio en React puede renderizar el componente directamente en lugar de cargar el paquete.
Una sola etiqueta de script
<div id="event-creator"></div>
<script src="https://icsmaker.com/event-creator.js"></script>
<script>
EventCreator.mount('#event-creator', { showPreview: false });
</script>El paquete incluye su propio renderizado, sus propios estilos y no tiene dependencias que debas instalar. No se comunica con nada —sin analítica, sin fuentes tipográficas, sin CDN—, así que la política de privacidad de tu página no necesita un párrafo nuevo, y una Content-Security-Policy estricta no necesita un origen nuevo.
Haciendo que se vea como tu sitio
Cada color, radio y tipografía es una propiedad personalizada de CSS bajo .ec-root, así que sobrescribir --ec-accent suele ser todo el trabajo de personalización visual. Sigue por sí solo la preferencia de modo oscuro del visitante, y el panel de vista previa se puede desactivar con showPreview: false cuando el espacio es reducido.
¿Ya usas React?
Omite el paquete y renderiza el componente directamente: misma lógica de formulario, una copia menos de la librería de renderizado en la página.
Preguntas
- ¿El embed envía algo a tus servidores?
- No. Es un archivo estático que se ejecuta completamente en el navegador del visitante: sin analítica, sin telemetría, sin llamadas externas. Puedes alojar el paquete tú mismo si prefieres no cargarlo desde este dominio.
- ¿Qué tamaño tiene?
- Menos de 85 kB comprimido, con la librería de renderizado incluida, y se carga después de tu página en lugar de bloquearla. La compilación falla si el paquete llega a superar ese tamaño, así que la cifra de esta página no puede dejar de ser cierta sin que se note.
- ¿Puedo restringir qué formatos pueden descargar los visitantes?
- La llamada a mount acepta opciones —un formato predeterminado, una fecha predeterminada, un borrador prellenado y si se muestra la vista previa—, y el componente de React acepta las mismas opciones como props.