Página de presentación del proyecto (escuela)

En la Kwiga platform, cada proyecto educativo (escuela) recibe su propia página de presentación. Esta es, en esencia, la página principal de la escuela, donde se muestran los productos publicados.

El propósito principal de esta página:

● Reunir todos los cursos activos en un solo lugar
● Proporcionar a los estudiantes un catálogo conveniente de materiales de aprendizaje
● Crear una apariencia profesional para la escuela con un enlace único en el formato: schoolname.kwiga.com

Por ejemplo: https://sampleschool.kwiga.com/

Así, la página de presentación puede servir como el enlace principal de la escuela, que se puede colocar en sitios web, compartir en redes sociales o enviar directamente a los estudiantes.

Qué se muestra en la página de presentación

La página de presentación se genera automáticamente en función de los productos que se crean y publican en la escuela y tienen acceso abierto. Solo aparecen en ella los cursos, maratones y grupos privados publicados. Si un producto aún no está terminado (borrador) o su acceso está restringido, no será visible para los visitantes.

También puede agregar carpetas a la página para agrupar cómodamente los cursos y maratones por tema.

Cada curso o maratón se muestra como una tarjeta independiente, que puede incluir:

● Título del producto
● Número de lecciones (se actualiza automáticamente)
● Nombre del ponente (se puede editar u ocultar en la configuración del producto)
● Imagen de portada (se puede cambiar en la configuración del curso)
● Etiquetas y categorías (si se agregaron)

La imagen de portada se puede cambiar en la configuración del curso, lo que le permite hacer la página más reconocible y visualmente atractiva.

El nombre del ponente también se puede editar: en la configuración del producto, puede cambiar la persona mostrada u ocultarla por completo, si el curso no requiere presentar públicamente al autor.

El número de lecciones se actualiza automáticamente y refleja todas las lecciones publicadas dentro del producto.

Si se han agregado etiquetas o categorías a un producto, también serán visibles en la página. Esto ayuda a los usuarios a encontrar el curso adecuado más rápidamente y a orientarse entre las ofertas de la escuela.

Nota: Si un producto tiene el estado “Published” pero no aparece en la página, revise su configuración: asegúrese de que la opción “Available in the product list” esté habilitada.

Cómo publicar un producto y agregar etiquetas o categorías

Para que un producto aparezca en la página de presentación, debe publicarse y configurarse correctamente con categorías y etiquetas.

Para ello, vaya al menú Courses, busque el producto requerido y abra Course Settings en la pestaña Course.

El estado del curso debe establecerse como Published; solo entonces el curso estará disponible para los usuarios. También es importante activar el interruptor verde Available in the product list. Si esta opción está deshabilitada, el curso no aparecerá en la página pública de la escuela, pero seguirá siendo accesible mediante un enlace directo.

La categoría se muestra en la página pública del curso y se utiliza para filtrar en el catálogo de cursos de KWIGA Unlock. Representa el área general a la que pertenece el curso, como diseño, marketing o idiomas extranjeros.

Las etiquetas le permiten categorizar el producto con más detalle y ayudan a los usuarios a encontrar cursos más rápido mediante palabras clave. Las etiquetas se muestran en la página pública del curso debajo del nombre de la escuela.

Configurar correctamente el estado, las categorías y las etiquetas hará que el curso sea más accesible y reconocible para los usuarios.

Cómo agrupar productos en carpetas en la página de la escuela

Si aún no tiene carpetas, debe crearlas. Para ello, vaya al menú Courses, abra una de las secciones en el bloque Products (por ejemplo, Courses), y haga clic en el botón +Folder.

En la ventana de creación de carpetas, están disponibles las siguientes configuraciones:

Nombre de la carpeta: introduzca el nombre que se mostrará en la página de presentación y en el panel administrativo.

El interruptor Hide folder name le permite ocultar el nombre de la carpeta en la tarjeta de la página de presentación, dejando solo el diseño visual.

En la Tarjeta sección, se muestra la información sobre el diseño de la tarjeta de la carpeta. De forma predeterminada, el diseño se toma de la configuración general de la carpeta. Para cambiar el diseño general de todas las carpetas, haga clic en el enlace Tomado de la configuración general de la carpeta.

En la sección Folder Preview, puede cargar una imagen de portada para la carpeta. Formatos compatibles: .jpeg, .jpg, .png, .svg, .webp. Simplemente arrastre el archivo al área designada o haga clic para seleccionar un archivo de su computadora.

Debajo se muestra la Card Preview: una vista previa de cómo se verá la carpeta en la página de presentación de la escuela con la configuración seleccionada.

Cuando termine de editar, haga clic en Save.

Después de eso, puede agregar cursos a la carpeta; para hacerlo, seleccione Move en el menú de tres puntos en la tarjeta del curso.

Si las carpetas ya se han creado y desea configurar cómo se muestran en la página del proyecto o en el panel del estudiante, vaya al menú Courses, abra la sección requerida del bloque Products, y haga clic en Settings.

Aquí puedes determinar si las carpetas deben mostrarse y si deben aparecer en la página de presentación de la escuela usando los interruptores correspondientes.

A continuación, se muestra una lista de carpetas donde puedes cambiar la configuración individual de cada una.

Si la visualización de carpetas en la página de presentación está habilitada, tendrás la opción de ocultar cualquiera de ellas.

Dependiendo de los parámetros seleccionados, el icono cambiará; esto te ayudará a orientarte rápidamente, y la información sobre herramientas al pasar el cursor mostrará qué carpetas son visibles para los estudiantes y cuáles están ocultas.

Cómo configurar el orden de visualización de los productos

El propietario del proyecto o el administrador puede controlar qué cursos, maratones o grupos se muestran en la página de presentación. Solo se mostrarán los productos con acceso público habilitado y el estado Publicado.

El orden de visualización se puede cambiar manualmente. Para ello, ve al menú Cursos y abre una de las secciones en el bloque Productos, por ejemplo Cursos.

Luego abre Configuración.

Aquí puedes ordenar los productos de una manera conveniente para que, por ejemplo, los cursos o maratones importantes aparezcan en la parte superior de la página. Estos ajustes se aplican tanto a los estudiantes como al panel administrativo (en el panel del experto). 

Opciones de ordenación:

● Por fecha de adición, de más antiguo a más reciente: los cursos se muestran en el orden en que fueron creados, comenzando por los más antiguos

● Por fecha de adición, de más reciente a más antiguo: los cursos más nuevos se muestran primero

● Establecer manualmente: permite cambiar manualmente el orden de visualización de los productos  

Después de configurar manualmente el orden de los cursos, todos los cursos añadidos recientemente aparecerán automáticamente al principio de la lista o al final, según el tipo de ordenación seleccionado.

Si un curso temporalmente deja de ser relevante o necesita ocultarse, simplemente desactiva el acceso público.

En este caso, desaparecerá de la página, pero seguirá siendo accesible para quienes ya tengan acceso a él.

Cómo personalizar el diseño de las tarjetas de producto

La plataforma Kwiga te permite crear plantillas personalizadas de tarjetas de producto para que la página de presentación coincida con el estilo de tu escuela. Puedes elegir qué elementos aparecen en la tarjeta, modificar su estilo y crear una apariencia visual única.

Nota: La configuración del diseño de las tarjetas de producto afecta cómo se muestran las tarjetas en la página de presentación de la escuela y en la página pública del curso. Aquí puedes elegir qué información mostrar en la tarjeta (título, autor, precio, etiquetas, etc.).

Para configurar el diseño de la tarjeta, ve al menú Cursos y abre la sección requerida del bloque Productos (por ejemplo, Cursos).

Haz clic en Configuración, luego ve a la pestaña Diseño de tarjeta → Tarjetas de producto.

De forma predeterminada, está disponible la plantilla Estándar. Puedes copiar la plantilla existente y personalizarla según tus necesidades, o crear una nueva plantilla desde cero. Para crear tu propia plantilla, haz clic en + (más) o duplica la plantilla estándar.

Configuración general de la tarjeta

En el editor de plantillas, hay opciones disponibles para configurar los elementos que aparecerán en la tarjeta de producto.

El interruptor Mostrar vista previa permite habilitar o deshabilitar la visualización de la portada del producto en la tarjeta.

La opción Mostrar título controla la visualización del título del curso o maratón. Puedes ajustar el estilo del texto (fuente, tamaño, color) y el número de líneas visibles. Si el título es largo y quieres evitar que cambie la altura de la tarjeta, puedes limitar la longitud del título estableciendo un número fijo de líneas.

Nota: Si la longitud del texto supera el límite especificado, el texto se truncará y aparecerá un icono de expansión al final; al hacer clic en él, se mostrará el texto completo. Para mostrar siempre el título completo, establece el valor en Auto.

El interruptor Mostrar número de lecciones muestra información sobre la cantidad de lecciones del producto. También puedes cambiar el nombre del campo Lecciones por una etiqueta personalizada si es necesario.

La opción Mostrar persona pública añade a la tarjeta el nombre del presentador o autor del curso. Puedes personalizar el estilo del texto y cambiar la etiqueta del campo (por ejemplo, reemplazando Presentador por Autor o Ponente).

Si Mostrar idioma del producto está habilitado, el idioma en el que se imparte el curso aparecerá en la tarjeta. También puedes personalizar el estilo del texto y el nombre del campo.

El interruptor Mostrar precio del producto añade el precio del curso a la tarjeta. También están disponibles los ajustes del estilo del texto y del nombre del campo.

La opción Mostrar etiquetas y categorías muestra las etiquetas y categorías del producto, ayudando a los usuarios a encontrar el contenido relevante en la página de la escuela.

Configuración de apariencia de la tarjeta

En la sección Tarjeta, puedes configurar los parámetros visuales.

La opción Color de fondo te permite elegir el color de fondo de la tarjeta. La configuración Estilo del borde ofrece tres opciones: sin borde, estándar o estilo personalizado.

El parámetro Radio de las esquinas define la redondez de las esquinas de la tarjeta en píxeles. La opción Tipo te permite seleccionar el tipo de borde (por ejemplo, sólido o discontinuo), mientras que Grosor ajusta el ancho del borde.

El interruptor Usar sombra añade una sombra para crear una sensación de profundidad. En la configuración de Sombra, puedes elegir el color y los parámetros de visualización.

También puedes configurar cómo se muestran las tarjetas en la cuadrícula. De forma predeterminada, el ancho de la columna es proporcional al número total de columnas, pero puedes crear un diseño personalizado.

El parámetro Plantilla define cómo se organizan las tarjetas dentro de una fila. El parámetro Espaciado entre tarjetas establece la distancia entre las tarjetas en píxeles.

A continuación, se muestra la Vista previa de la tarjeta en el editor; esto muestra cómo aparecerán tus productos en la página de presentación con la configuración seleccionada. Esto te permite ver el resultado en tiempo real antes de guardar.

Después de completar la configuración, haz clic en Guardar en la esquina superior derecha.

Cómo personalizar el diseño de la carpeta

Además de las tarjetas de producto, también puedes personalizar la apariencia de las carpetas en la página de presentación. Esto te permite crear un estilo coherente para todos los elementos de tu escuela.

Importante: La configuración del diseño de carpetas se aplica no solo a la página de presentación de la escuela, sino también al panel del estudiante  – En concreto, a las páginas Aprendiendo actualmente y Completado. Los cambios se reflejarán en todas estas secciones simultáneamente.

Para configurar el diseño de la carpeta, ve al menú Cursos, abre la sección requerida del bloque Productos, haz clic en Configuración y luego ve a la pestaña Diseño de tarjeta → Tarjetas de carpeta.

De forma predeterminada, está disponible la plantilla de diseño de carpeta estándar. Puedes copiar la plantilla existente y personalizarla según tus necesidades, o crear una nueva plantilla desde cero haciendo clic en + (más).

En el editor de plantillas, puedes configurar cómo se muestra el nombre de la carpeta.

La opción Nombre de la carpeta te permite personalizar el estilo del texto del nombre: fuente, tamaño, grosor (Normal, Negrita) y espaciado entre líneas en porcentajes.

El interruptor Mostrar nombre de la carpeta controla si el nombre se muestra en la tarjeta. Si esta opción está desactivada, solo se mostrará la imagen en la tarjeta sin el nombre.

La configuración Número de líneas visibles limita la longitud del nombre. Si el nombre de la carpeta es largo y supera el número de líneas especificado, el texto se truncará con la opción de expandirlo.

Puedes elegir el tipo de fondo para la tarjeta de carpeta: una imagen o un color.

A continuación, se muestra una vista previa de la tarjeta de carpeta con la configuración seleccionada. Esto te permite ver el resultado en tiempo real antes de guardar.

Después de completar la configuración, no olvides hacer clic en Guardar en la esquina superior derecha.

Cómo editar la apariencia de la página de presentación

La página de presentación muestra el nombre del espacio de trabajo, que puede cambiarse en la configuración del espacio de trabajo. Esto ayuda a que la página sea más personalizada y reconocible para los usuarios.

Cambiar el logotipo o el fondo aún no es posible; esta función está actualmente en desarrollo.

En el pie de página, puedes colocar información adicional, como contactos, enlaces al acuerdo de oferta o a la política de privacidad.

Puedes obtener más información sobre esto en un artículo aparte.