Zenamu ofrece un script que le permite incrustar el horario de sus clases en su propio sitio web. Su sitio mostrará una lista de clases que se llevarán a cabo en los próximos 30 días. La lista es completamente responsiva (se ajusta automáticamente al ancho de diferentes dispositivos y pantallas) y es compatible con otros componentes del sitio.
La integración es sencilla y no toma más de 5 minutos. Solo necesita copiar un pequeño fragmento de código y pegarlo en su sitio web. Se requiere un conocimiento básico de HTML y JavaScript (recomendamos esta opción con su webmaster).
Si utiliza un sistema de gestión de contenido para su sitio web, también es posible la integración. Consulte nuestros tutoriales para incrustar un horario en un sitio con Webnode, WordPress o Wix.com.
Añadiendo a su sitio web - paso a paso
1. Insertar el script
Hay dos formas de insertar el script:
a. A través de un script en el encabezado (<head>) de la página HTML
Coloque la línea de código en esta forma exacta entre las etiquetas <head></head> de su sitio web. Si inserta el script de esta manera en el encabezado, no olvide el atributo defer, de lo contrario, el horario no se mostrará.
Horario de clases
<script defer src="https://zenamu.com/calendar/list.js" crossorigin></script>
Talleres
<script defer src="https://zenamu.com/calendar/workshops.js" crossorigin></script>
Cursos
<script defer src="https://zenamu.com/calendar/courses.js" crossorigin></script>
b. O dentro del cuerpo (<body>) de la página HTML
Coloque la línea de código en esta forma exacta al final de la página HTML, justo antes de la etiqueta </body>:
Horario de clases
<script src="https://zenamu.com/calendar/list.js" crossorigin></script>
Talleres
<script src="https://zenamu.com/calendar/workshops.js" crossorigin></script>
Cursos
<script src="https://zenamu.com/calendar/courses.js" crossorigin></script>
2. Insertar el elemento
Añada el siguiente <div> en el lugar de su sitio web donde quiera que aparezca el horario:
Horario de clases
<div id="zenamu-calendar" calendar-id="[su ID de calendario]"></div>
Talleres
<div id="zenamu-workshops" calendar-id="[su ID de calendario]"></div>
Cursos
<div id="zenamu-courses" calendar-id="[su ID de calendario]"></div>
[su ID de calendario] - reemplácelo con su ID único, que puede encontrar en la administración de Zenamu.
Encuentre el código en su administración (inicie sesión en Zenamu y vaya a Configuración > Horario Público > Integración con su sitio web).
3. ¡Hecho!
Se verá similar al siguiente horario 😏.
Talleres
Cursos
