Páginas del curso

Crea una serie de lecciones guiadas para ofrecerlas a los visitantes que buscan tu experiencia.

Última actualización: 17 de diciembre de 2024

Crea una página del curso para enseñar a tus visitantes una nueva habilidad, guiarlos en un proyecto o compartir tu experiencia. Para vender el acceso a tu curso, agrégalo a un plan de precios.

Esta guía incluye los conceptos básicos de las páginas de un curso, cómo agregar una a tu sitio y personalizar tu página de curso.

Cómo acceder a esta función

Las páginas de cursos solo están disponibles en la versión 7.1.

Consejo

regístrate para nuestro seminario web Cómo crear y vender cursos en línea con Squarespace. Te brindaremos orientación sobre cómo preparar un plan de clases, crear un curso en línea y monetizar tus cursos con planes de precios.

Estructura de la página del curso

Las páginas del curso tienen una estructura de dos partes: la página de descripción general del curso y las páginas de lecciones individuales del curso. Hay algunos otros elementos en la página de un curso, incluyendo capítulos y la barra de progreso.

Consejo

Puedes incluir imágenes, texto, formularios y más agregando secciones de página tanto a la página de resumen del curso como a la página de lecciones.

Página de descripción general del curso

La página de resumen del curso es la página principal de tu curso. Muestra la descripción del curso, un botón Iniciar curso, una barra de progreso y los capítulos y lecciones del curso. Puedes agregar secciones a la página de resumen del curso para describir el contenido incluido. 

Si la página de resumen del curso está en la sección de navegación principal del panel Páginas, es visible para todos los visitantes.

Página de descripción general del curso

Páginas de lecciones

La página de lecciones muestra el contenido de la lección y un botón Completar y continuar. Cuando hacen clic en Completar y continuar, los visitantes pasan a la siguiente lección y se actualiza la barra de progreso en la página de resumen del curso.

Solo los visitantes que se registran en el curso e inician sesión en su cuenta pueden ver las páginas de lecciones.

página de la lección

Capítulos

Los capítulos tienen páginas de lecciones y su título se muestra en la página de resumen del curso. Es opcional agregarlos a la página del curso.

Capítulos

Navegación del curso

El menú de navegación del curso muestra las lecciones, los capítulos, el progreso y la duración de los videos del curso. Para ver el menú, tus visitantes deben registrarse para el curso y hacer clic en el botón Iniciar curso. Los visitantes deben hacer clic en el icono de navegación del curso para expandir el menú.

Página de curso de Squarespace con la navegación del curso expandida para mostrar el progreso, los capítulos y las lecciones

Barra de progreso

La barra de progreso da seguimiento a cuánto ha avanzado en el curso un visitante. A medida que los visitantes completan las lecciones, la barra de progreso refleja su porcentaje de progreso.

Mientras editas el sitio, la barra de progreso muestra 0 %. Para probar la barra de progreso, previsualiza la página, avanza en el curso y ve la actualización de la barra de progreso.

Agregar una página del curso

Para agregar una página del curso:

  1. Abre el panel Páginas
  2. Haz clic en + junto a la sección de navegación donde quieres que aparezca la página del curso.
  3. En Colecciones, selecciona Curso.
  4. Selecciona el diseño que quieras.
  5. Ingresa el título de la página y, a continuación, presiona Enter.

Después de agregar la página del curso, la página de resumen del curso se muestra en el lado derecho de la pantalla.

Consejo

puedes duplicar una página del curso y todas las lecciones que contiene. Esta es una excelente manera de crear nuevo contenido para el curso o experimentar con el contenido del curso que ofreces actualmente sin que los visitantes se den cuenta de los cambios.

Configuración de la página del curso

Edita la configuración de la página del curso para personalizar tu página:

  1. En el panel de la página del curso, haz clic en el icono del engranaje.
  2. Cambia la configuración de la página, incluida la configuración específica de la página del curso:
    • Nombre del curso. El título que aparece en la pestaña del navegador.
    • Resumen del curso. Una descripción que aparece cuando la página está vinculada a otra parte. 
  3. Haz clic en Guardar.

Agrega lecciones

Las lecciones son el contenido del curso. Incluyen videos y secciones de página con imágenes y texto. Puedes agregar hasta 250 lecciones por página del curso.

Para agregar una lección a la página del curso:

  1. Abre el panel Páginas
  2. Haz clic en la página del curso donde quieres crear una lección.
  3. En el panel de la página del curso, haz clic en Contenido del curso y luego haz clic en +
  4. En el menú desplegable, selecciona Lección.
  5. En la pestaña General, ingresa un título para la lección. Los títulos deben tener 200 caracteres o menos.  También puedes agregar y editar estas funciones opcionales:
    • Extracto. Una breve descripción de la lección. Esto se muestra en la página de resumen del curso y en bloques de resumen. Te recomendamos mantener la descripción en 500 caracteres o menos.
    • URL personalizada. Asignamos una URL que coincida con el título de la lección. Puedes editar esta URL.
    • Imagen en miniatura: agrega una imagen que represente la lección. Esta se muestra en la página de descripción general del curso, en el menú de navegación del curso y en los bloques de resumen. En el menú de navegación del curso, aparece un símbolo de reproducción sobre la imagen en miniatura.
  6. En la pestaña Video, puedes agregar un video a la lección. Si la lección no incluye un video, o si quieres que la parte superior de la lección sea una sección de página, desactiva el video Mostrar lección.
  7. Si la lección incluye un video, haz clic en Agregar un video y luego: 
    • Para cargar un archivo de video directamente en tu sitio, haz clic en Cargar archivo.
    • Para reutilizar un video que ya cargaste, haz clic en Seleccionar de la biblioteca.
    • Para insertar un video alojado externamente, haz clic en Agregar desde enlace y pega un enlace de video de Vimeo o YouTube.
  8. En la pestaña Estado, haz clic en Publicar o Programar la lección para publicarla. También puedes dejar la lección como Borrador para seguir trabajando en ella.
  9. Haz clic en Guardar.
  10. Haz clic en Editar en la esquina superior izquierda y luego agrega secciones de página que incluyan el contenido de la lección.

Consejo

Revisa nuestras mejores prácticas sobre imágenes. para crear una imagen en miniatura atractiva.

Videos de la página de la lección

Este video de la página de la lección se muestra en la parte superior de la página como un banner. Puedes agregar un video de una página de lección a cada página de lección. Para agregar más videos, agrega bloques de videos en las áreas de bloques de la página.

Si no agregaste un video cuando creaste la página de la lección, sigue estos pasos para agregar un video de la página de la lección a una página de la lección existente:

  1. Abre el panel Páginas y haz clic en la página del curso. 
  2. Haz clic en Contenido del curso.
  3. Desplaza el cursor sobre la lección donde deseas agregar el video, haz clic en ... y luego en Editar lección.
  4. Haz clic en Video y luego en Agregar un video para subir un video, agregar un video previamente subido a tu biblioteca o insertar un video de un servicio de terceros.
  5. Haz clic en Guardar.

Consejo

Revisa nuestros consejos de accesibilidad de videos para asegurarte de que toda tu audiencia pueda interactuar con el contenido de tu curso.

Imagen destacada personalizada

Si subes un video, puedes agregar una imagen destacada personalizada que se muestre antes de que se reinicie el video. 

Para agregar una imagen destacada personalizada:

  1. Después de subir el video, activa la opción imagen destacada personalizada.
  2. Haz clic en Agregar una imagen.

Ten en cuenta que esta opción solo está disponible para videos subidos a Squarespace. Los videos insertados de YouTube o Vimeo extraen su imagen destacada del servicio de terceros.

Límites de almacenamiento de videos en la página de lecciones

Los videos agregados a la pestaña Video de la página de lecciones pueden durar hasta tres horas, si lo permite el almacenamiento. Para obtener más información sobre los requisitos para videos, visita Agregar videos a tu sitio.

Cada sitio de Squarespace viene con 30 minutos de almacenamiento de video en todas las páginas y videos subidos. Para más almacenamiento de video, considera comprar un plan de Productos digitales.

Agregar un capítulo (opcional)

Los capítulos ayudan a organizar el contenido de tu curso agrupando las lecciones. Visualmente, los capítulos conectan lecciones similares o secuenciales. Puedes agregar hasta 250 lecciones a un capítulo.

Para agregar un capítulo a la página del curso:

  1. En el panel de la página del curso, haz clic en Contenido del curso y luego haz clic en +
  2. En el menú desplegable, selecciona Capítulo.
  3. El nuevo capítulo está ahora en el panel de la página del curso. Desplaza el cursor sobre Nuevo capítulo, haz clic en ..., y luego ingresa el título del capítulo. Los títulos de los capítulos deben tener 200 caracteres o menos.
  4. Haz clic en Guardar.
  5. Haz clic y arrastra las lecciones al capítulo.

Organizar lecciones y capítulos

Las lecciones y los capítulos aparecen en la página de resumen del curso según el orden en que aparecen en el panel de la página del curso. Puedes hacer clic y arrastrar lecciones dentro o fuera de los capítulos, o en un orden diferente. También puedes hacer clic y arrastrar capítulos para que estén en un orden diferente. 

Modificar el estilo de la página del curso

Los colores y las fuentes en la página del curso siguen los ajustes de fuente y color en todo el sitio. Para acceder a los estilos de la página de resumen del curso o de la página de la lección:

  1. Haz clic en Editar en la página de resumen del curso o lecciones. 
  2. Haz clic en Editar diseño para abrir la descripción general del curso o la configuración de estilo de la página de la lección.

Modificar el estilo del resumen del curso

Después de hacer clic en Editar diseño para abrir la configuración de estilo en el resumen del curso:

  1. En la pestaña Elementos, usa los controles para elegir qué elementos están visibles u ocultos en la página de descripción general del curso. Las opciones incluyen el Título del curso, la Descripción del curso, el Botón del curso, las imágenes en miniatura de la lección y los Extractos de la lección.
  2. En la pestaña Diseño de la descripción general del curso, diseña el espaciado, la alineación, los estilos de botón, el diseño y mucho más.
  3. En Diseño  , selecciona ListaCuadrícula. En el diseño de Lista, las lecciones se muestran en una columna como una lista vertical. En el diseño de Cuadrícula, las lecciones se muestran en filas para crear una cuadrícula.
  4. En la pestaña Colores , elige una combinación de colores para la descripción general del curso.

Ten en cuenta que los diseños de Lista y cuadrícula tienen diferentes opciones de estilo. Por ejemplo, puedes cambiar la relación de aspecto de la imagen en miniatura de la lección en el diseño de la lista, pero no el diseño de la cuadrícula.

Cambiar el estilo de las páginas de la lección

Después de hacer clic en Editar diseño para abrir la configuración de estilo en una página de lección:

  1. En la pestaña Elementos, usa los controles para mostrar el título del curso, la descripción del curso, el botón del curso, las imágenes en miniatura de las lecciones y los extractos de la lección.
  2. En la pestaña Diseño, puedes diseñar el encabezado del curso, el espaciado de los elementos de página, la alineación, los estilos de botón, la visualización de las imágenes en miniatura de la página de la lección, los estilos de sección y el esquema del curso. También puedes habilitar y darle estilo a un divisor entre las secciones en la página de la lección.
  3. En la pestaña Colores, elige una combinación de colores para la página de la lección.

Opciones adicionales de estilo de las páginas de lección

Puedes encontrar más configuraciones de estilo cuando un curso está desarrollándose. Para acceder a estas configuraciones:

  1. Haz clic en Iniciar curso o Continuar curso en la página de la lección a la que quieras darle estilo.
  2. Haz clic en Editar y luego en Editar diseño.
  3. En la pestaña Diseño, diseña la configuración del botón para computadoras de escritorio, la configuración del botón para dispositivos móviles, la navegación del curso, los elementos de la lección y el divisor.

Los cambios de estilo que hagas afectan a todas las páginas de las lecciones de tu página del curso. Esto es para asegurar la coherencia de estilo y diseño entre las distintas páginas de lecciones.

Vender acceso a la página del curso

Puedes vender el acceso a tu curso usando planes de precios. También puedes ofrecer planes de precios gratuitos y exigir a los visitantes que proporcionen su dirección de correo electrónico.

Cuando agregas una página de curso a un plan de precios, puedes ocultar toda la página del curso detrás de un paywall o solo las páginas de la lección. Si ocultas solo las páginas de la lección, todos los visitantes de tu sitio podrán acceder a la página de resumen del curso.

Cuando las páginas de lecciones están detrás de un paywall, puedes hacer que lecciones específicas sean accesibles para los visitantes que aún no se han inscrito en tu plan de precios. Para hacerlo, desplaza el cursor sobre la lección en el panel lateral, haz clic en ... y luego en Establecer como vista previa pública. Ten en cuenta que, si ocultas toda la página de descripción general del curso detrás del paywall, los visitantes no podrán acceder a las lecciones configuradas como vista previa pública.

Consejo

Agrega un bloque de producto digital a la página de resumen del curso para animar a tus visitantes a inscribirse.

Footer Image
  • Recibe ayuda de nuestra comunidad

  • Recibe la ayuda de nuestra comunidad para personalizaciones avanzadas.

  • Contrata a un Squarespace Expert

  • Destácate en línea con la ayuda de un diseñador o desarrollador con experiencia.