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 se integra perfectamente con otros componentes de la página.
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. En el encabezado (<head>) de la página HTML
Coloque el siguiente código entre las etiquetas <head> de su sitio web. Si inserta el script 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>
Eventos
<script defer src="https://zenamu.com/calendar/workshops.js" crossorigin></script>
Cursos
<script defer src="https://zenamu.com/calendar/courses.js" crossorigin></script>
b. En el cuerpo (<body>) de la página HTML
Coloque el siguiente código al final de la página HTML, justo antes de la etiqueta de cierre </body>:
Horario de clases
<script src="https://zenamu.com/calendar/list.js" crossorigin></script>
Eventos
<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>
Eventos
<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.
Puede encontrar el código en su panel de administración (inicie sesión en Zenamu y vaya a Configuración > Horario Público > Integración con su sitio web).
3. Resultado
Así se verá el horario integrado:
Eventos
Cursos
