Widgets/Integración de sitios web

Course Finder le permite integrar su oferta de cursos/clases directamente en su sitio web/página de inicio existente para que sus participantes/clientes puedan obtener inmediatamente una descripción general de la oferta y reservarlos directamente desde su sitio web.

Para crear un nuevo widget para integrar en su sitio web, proceda de la siguiente manera:

1. Desde la vista del proveedor del curso, haga clic en Configuración en la barra de menú superior.
2. Haga clic en Integración/widget de sitio web en la barra de menú de la izquierda.
3. Ahora haga clic en Nuevo widget.
4. Se abre una ventana.
5. Proporcione un nombre de widget si ha definido varios widgets para realizar un seguimiento de ellos.
6. Seleccione si sus ofertas de cursos deben mostrarse en el sitio web en forma de calendario semanal o como una lista, o ambos.
7. Para la visualización de la lista, seleccione qué información debe contener la lista agregando/eliminando columnas y organizando el orden deseado.
8. Con el Filtro de cursos también puede restringir si todos o solo ciertos cursos deben mostrarse en el widget.
9. Luego haga clic en Guardar
10. Luego copie el código HTML en su sitio web donde debería aparecer el widget. Puede usar la función de vista previa para probar de antemano cómo aparecería el widget en su sitio web y ver qué información mostraría.

Configuración avanzada

En Configuración avanzada puede configurar la apariencia del widget, como el estilo CSS, etc.

Texto del botón

Aquí puede determinar qué texto debe aparecer en los botones. Por defecto, el texto Reserva se asigna al botón de reservar y el texto Lista de espera al botón de lista de espera.

Haga clic en el botón de libro

Un clic en el botón de reservar para una oferta de cursos en la lista o la vista de calendario puede reenviar a los visitantes de su sitio web a la oferta en el sitio web de Course Finder donde los participantes pueden hacer la reserva o, alternativamente, al registro integrado. formulario para realizar la reserva directamente desde su web.

Incrustación

El widget se puede incrustar directamente o como un iframe a través de la llamada manipulación DOM en el árbol HTML existente del sitio web.

árbol DOM

Con la incrustación del árbol DOME, el diseño de su sitio web se aplicará al widget para que la fuente, el tamaño, los colores y los botones tengan inmediatamente el mismo estilo que otros elementos de su sitio web.

marco flotante

Al incrustar a través de iframe, debe usar hojas de estilo CSS para especificar la fuente, el tamaño, los colores, etc. usted mismo para que el widget encaje bien en el sitio web existente.

De forma predeterminada, el widget utiliza clases y temas CSS del llamado marco Bootstrap. Basado en la hoja de estilo CSS de Bootstrap existente, puede personalizar fácilmente su diseño en el siguiente sitio web sin ningún conocimiento de programación: https://bootstrap.build/app

Puede personalizar las clases CSS y qué hojas de estilo CSS se utilizarán en hojas de estilo CSS, definiciones de tablas CSS y definiciones de formularios CSS.

Filtro para CourseId

En este campo, puede ingresar una expresión regular que se usará como filtro para la ID del curso. Por ejemplo, si usa AF-DD-2105 como ID de curso para uno de sus cursos de gimnasia acuática, todos los cursos de gimnasia acuática con esta ID de curso aparecerán usando el filtro AF-DD-...., independientemente de los últimos cuatro dígitos. Sin embargo, no aparecerá un curso de natación para bebés con ID de curso BS-DD-2105.