Saltar al contenido principal

Cómo crear un curso en línea con Tutor LMS y Elementor

Divi: el tema de WordPress más fácil de usar

Divi: ¡el mejor tema de WordPress de todos los tiempos!

más 901.000 descargas, Divi es el tema de WordPress más popular en el mundo. Es completo, fácil de usar y viene con más de plantillas gratuitas 62. [Recomendado]

¿Quieres saber cómo crear un curso online con Tutor LMS y Elementor?

El intercambio de conocimientos es algo hermoso y se presenta en varias formas, incluidos cursos en línea. Los cursos en línea empoderan a quienes buscan conocimiento, pero también empoderan a quienes lo crean. Con un curso en línea, puede crear una audiencia, establecerse como una autoridad e incluso ganar dinero si desea monetizar su contenido.

Sin embargo, crear un curso en línea no es una tarea fácil, especialmente si no eres un desarrollador. Para ayudarlo en esta tarea, Elementor se ha asociado con Tutor LMS.

Tutor LMS es un complemento de WordPress LMS (Learning Management System) que gestiona todos los aspectos clave del "curso", tales como:

  • Creación de cursos, lecciones, cuestionarios, tareas, etc ...
  • Administre el acceso a sus cursos e incluso cargue pagos únicos o recurrentes si es necesario.
  • Administre e interactúe con sus estudiantes, como enviar anuncios a sus candidatos y responder preguntas de los estudiantes.

Lo que es especialmente útil sobre Tutor LMS es que ofrece una integración profunda con Elementor, lo que le permite diseñar todo el contenido de su curso utilizando la interfaz visual de Elementor y más de 25 widgets personalizados. Con este dúo, tiene el poder de crear cursos flexibles mientras conserva la capacidad de usar Elementor para diseñar su sitio web.

En esta guía paso a paso, le mostraremos exactamente cómo puede crear un curso en línea con Elementor y Tutor LMS.

Qué crearás en este tutorial

Antes de entrar en el tutorial, queremos ofrecerle un recorrido rápido de lo que creará exactamente en esta guía.

Avec Tutor LMS, vous pouvez configurer vos propres cours personnalisés sur n'importe quel sujet, avec différentes leçons, quiz, etc… Ensuite, vous pouvez utiliser les widgets 25 et plus d'Elementor et Tutor LMS pour créer la conception de votre page de clase.

Aquí hay un ejemplo de cómo podría verse: todo el contenido es de Tutor LMS, pero el diseño está impulsado por Elementor:

Los estudiantes podrán progresar en sus lecciones y cuestionarios. También tendrán su propio panel de control donde pueden administrar sus cursos inscritos y realizar un seguimiento de su progreso.

Como propietario de un curso, también obtendrá paneles donde puede administrar sus cursos, estudiantes, ingresos, etc. También puede interactuar con los estudiantes a través de anuncios y preguntas y respuestas.

Este es solo un recorrido rápido para darle una idea de lo que creará.

Cómo crear un curso en línea con Elementor

¿Estás listo para crear tu curso en línea?

Aquí hay una descripción general de alto nivel de los pasos que deberá seguir para iniciar su curso:

  1. Configure su sitio básico de WordPress e instale los complementos necesarios.
  2. Agregue el contenido de su curso usando Tutor LMS,
  3. Diseñe las páginas de su curso con Elementor.
  4. Configure pagos a través de WooCommerce si desea cobrar por el acceso.
  5. Configure otras configuraciones diversas según sea necesario, como si desea permitir o no instructores de terceros.

1. Cree un sitio web e instale los complementos necesarios

Antes de comenzar a crear su curso en línea, deberá configurar su sitio web básico de WordPress e instalar los complementos que necesitará.

Configurar WordPress

Si aún no ha configurado WordPress, su primer paso es elegir el alojamiento de WordPress e instalar el software de WordPress.

Una vez que haya comprado el alojamiento, use el instalador de WordPress de su proveedor de alojamiento para crear un nuevo sitio de WordPress para su curso en línea.

Instalar complementos

Una vez que tenga su sitio web básico de WordPress, el siguiente paso es instalar y configurar los complementos necesarios.

Estos son los complementos obligatorios y opcionales que necesitará para crear un curso:

  • Elementor - requerido - el complemento Elementor básico gratuito le permite diseñar el contenido de su curso y otras páginas usando un editor visual de arrastrar y soltar.
  • Elementor Pro - opcional - deberá instalar Elementor Pro si desea utilizar Elementor Theme Builder para diseñar su sitio web. Sin embargo, solo necesitas la versión gratuita de Elementor para diseñar tus cursos de Tutor LMS.
  • Tutor LMS - obligatorio: el complemento gratuito Tutor LMS proporciona el motor para impulsar todo el contenido de su curso, lecciones, cuestionarios, gestión de estudiantes / instructores, etc. Básicamente toda la funcionalidad del curso. Lanzará un asistente de configuración tan pronto como lo active; asegúrese de seguir los pasos para configurar algunos conceptos básicos importantes para su curso.
  • Tutor LMS Pro - opcional - no necesita la versión premium para tomar este curso. Pero si es así, agregar muchas características puede llevar sus cursos al siguiente nivel, entonces es posible que deba considerarlo.
  • Complementos Tutor LMS Elementor - obligatorio: este complemento gratuito le brinda más de 25 widgets de Elementor que le permiten diseñar su curso en línea usando Elementor.
  • WooCommerce - requerido si desea aceptar pagos - necesitará WooCommerce si desea monetizar sus cursos y aceptar pagos únicos o recurrentes. Si necesita ayuda para configurarlo, consulte nuestra guía sobre Cómo instalar y configurar WooCommerce

Elige un tema

Finalmente, también necesitas configurar el diseño básico de tu curso. Le mostraremos cómo diseñar las páginas de su curso usando Elementor más adelante en el tutorial, pero debe configurar el diseño básico de su página de inicio y otras páginas clave.

Tienes algunas opciones aquí.

Primero que nada, necesitas usar tema de hola gratis luego importa el Kit de modelo del CURSO ONLINE de Elementor. Este es un conjunto completo de plantillas que lo ayudará a configurar todas las páginas principales de su curso y le permitirá usar Elementor Theme Builder para personalizar el diseño de su sitio web.

O puede utilizar un tema de Tutor LMS dedicado como TutorStarter, que incluye demostraciones creadas con Elementor. Puede importar cualquiera de las demostraciones y luego personalizar todo utilizando la interfaz de Elementor.

Para este tutorial, usaremos una de las demostraciones de TutorStarter; sin embargo, puede elegir el enfoque que prefiera.

Así es como se ve la importación de uno de los diseños de Elementor de TutorStarter:

2. Configure el contenido del curso

Ahora está listo para configurar el contenido y las lecciones de su curso. Luego, en la siguiente sección, aprenderá cómo controlar el diseño del contenido de su curso usando Elementor.

Crea un curso

Para crear su primer curso, vaya a Tutor LMS → Curso → Agregar nuevo.

Primero, complete todos los detalles básicos de su curso, como título, descripción, categorías / etiquetas, opciones en el área de Configuración del curso. curso y opciones en la zona Datos adicionales. También puede configurar un video de introducción al curso dedicado:

Una vez que haya hecho eso, puede configurar la estructura de su curso usando el cuadro. Constructor de Curso arrastrando y soltando.

Puede dividir su curso en diferentes "temas". Dentro de cada tema, puede agregar lecciones, tareas, lecciones en vivo y cuestionarios. Aquí hay un diagrama que muestra cómo funciona:

Para comenzar, agregue una nueva sección en el área del creador del curso. Dentro de cada tema, verá un mensaje para agregar una lección o cuestionario. Con Tutor LMS Pro, también verá opciones para tareas y lecciones de zoom en vivo.

Si necesita cambiar el orden de algo, puede usar la función de arrastrar y soltar:

Agregar contenido de lección

Para agregar una lección y controlar su contenido, haga clic en el enlace lección en la Cortes de constructor. Esto abrirá una ventana emergente donde puede:

  • Agrega el nombre de la lección.
  • Introduce el contenido textual de la lección en el editor.
  • Defina el video de la lección. Generalmente, necesitaráinsertar videos de YouTube o Vimeo. Tutor LMS ofrece la opción de usar su propio reproductor de video, lo que evitará que los visitantes compartan los videos de su curso si no lo desea.
  • Descargue los archivos adjuntos si es necesario.

Cree fácilmente su sitio web con Elementor

Elementor le permite crear fácilmente cualquier diseño de sitio web con un aspecto profesional. Deja de pagar caro por lo que puedes hacer tú mismo. [Gratis]

Luego verá que su lección aparece debajo del tema en el generador de lecciones.

Repita el proceso para agregar las lecciones que desee incluir en su curso. Nuevamente, si necesita cambiar el orden de las lecciones o moverlas a otro tema, puede usar arrastrar y soltar.

Agregar cuestionarios (opcional)

Si desea agregar cuestionarios a su curso, funciona como agregar una lección. Para comenzar, haga clic en el enlace Quizzes en la sección donde desea agregar el cuestionario. Esto abrirá una ventana emergente donde puede configurar su cuestionario y agregar preguntas.

Puede agregar un número ilimitado de preguntas y elegir entre diferentes tipos de preguntas. También obtendrá otras configuraciones, como asignar un valor en puntos a una pregunta para calificar:

Para acceder a otros tipos de preguntas de prueba, puede actualizar a la versión premium de Tutor LMS. Incluye nuevos tipos de preguntas para respuestas cortas, coincidencias, coincidencias de imágenes, respuestas de imágenes, etc.

En la configuración del cuestionario, también podrá configurar detalles como:

  • Los retrasos.
  • Modos de retroalimentación.
  • Si se permiten nuevos intentos. Si es así, cuánto.
  • Pasando marcas.
  • Etc ...

Una vez que haya terminado, debería ver su cuestionario aparecer en el Constructor de Curso. Puede repetir el proceso para agregar más pruebas y usar la función de arrastrar y soltar para cambiar su ubicación en el curso si es necesario.

Obtenga una vista previa de su curso y publíquelo

Una vez que esté satisfecho con la estructura de su curso en el constructor de clase, está listo para obtener una vista previa y publicar su curso.

Para obtener una vista previa, simplemente haga clic en Opción de vista previa en la esquina superior derecha como lo usaría para obtener una vista previa de cualquier otro tipo de contenido de WordPress. No se preocupe demasiado por el diseño, aprenderá a controlarlo a continuación. Solo necesita asegurarse de que la estructura general de su curso se vea correcta y de haber agregado todos los detalles necesarios.

Una vez que esté satisfecho con todo, puede hacer clic en el botón. Cuestión para publicar su curso:

3. Diseña tu curso con Elementor

En este punto, ha agregado todo el contenido de su curso al backend de su sitio web. Ahora está listo para mostrar este contenido en la interfaz utilizando Elementor.

Además de permitirle diseñar otras partes de su sitio web, la integración de Elementor de Tutor LMS le brinda dos formas de diseñar las plantillas para sus cursos:

  1. Puede crear una plantilla global que se aplique a todos los cursos.
  2. Puede anular la plantilla general para cursos individuales para crear un diseño personalizado.

Veamos primero cómo diseñar las plantillas de sus cursos y luego cubriremos otras áreas, como la creación de una página para mostrar sus cursos.

Habilitar Elementor para el contenido de Tutor LMS

Para comenzar, debe decirle a Elementor que desea usarlo para el contenido de Tutor LMS. Para configurar esto, vaya a Elementor → Configuración. En la pestaña General, marque las siguientes casillas en la lista Tipos de contenido :

  • Cursos
  • lecciones
  • Quizzes
  • Tâches

Crea una plantilla global para tus cursos

Luego, puede usar Elementor para crear la plantilla general que todos sus cursos usarán de forma predeterminada.

Para empezar, ve a la zona modelos desde su panel de control y haga clic en añadir. En la ventana emergente, seleccione Página  en la lista desplegable, luego marque la casilla Plantilla única de curso Tutor LMS. A continuación, puede darle un nombre que le ayude a recordarlo:

Ahora estará en la interfaz de Elementor. Para agregar contenido al curso, puede utilizar los widgets dedicados de Tutor LMS.

A medida que los agregue, Tutor LMS los completará automáticamente con el contenido real de su curso, al igual que con Elementor Theme Builder:

Debería utilizar la mayoría de los widgets, aunque puede omitir algunos si no desea mostrar esta información. Un widget que no desea dejar de lado es el caja de registro del curso, porque eso es lo que los visitantes utilizarán para registrarse en el curso.

También puede usar todos los demás widgets de Elementor, así que siéntase libre de ser creativo con su diseño.

Una vez que esté satisfecho con su apariencia, haga clic en Cuestión.

Crea un diseño personalizado para un curso (opcional)

Si es necesario, también puede usar Elementor para anular la plantilla de curso general para un curso individual.

Para hacer esto, abra el editor de cursos (Tutor LMS → Curso). Luego haga clic en el botón Editar con Elementor para abrir la interfaz de Elementor para este curso:

Cree su página de archivo de cursos (lista de cursos)

Si tiene varios cursos, su página de archivo de cursos es la página que enumera todos sus cursos para que los visitantes puedan ver todo lo que tiene para ofrecer.

Si tiene muchos cursos, es posible que deba crear una página de archivo de cursos dedicada. O tal vez solo necesite incluir una lista de cursos en otra página (como su página de inicio). ¡O quizás tengas que hacer ambas cosas!

Para ayudarlo a mostrar todos o parte de sus cursos, Tutor LMS viene con dos widgets de Elementor dedicados, cada uno con muchas subopciones:

  1. Lista de cursos
  2. Ruta carrusel

Con el widget Lista de cursos, puede mostrar una lista de una o varias columnas de todos sus cursos con cuatro "aspectos" diferentes:

  • clásico
  • Tarjeta
  • Apilado
  • Superpuesto

En la configuración del widget, también obtendrá muchas otras opciones para controlar metadatos, botones de inscripción, paginación, etc. Si tiene muchos cursos, también puede usar las reglas de consulta para filtrar cursos específicos por categoría o entrenador.

el widget Carrusel de cursos tiene las mismas opciones básicas y máscaras, pero muestra sus cursos en una vista de carrusel en lugar de una lista.

Obtendrá opciones adicionales para controlar la navegación, reproducción automática, bucle infinito, etc ...:

¿Estás buscando los mejores temas y complementos de WordPress?

Descarga los mejores complementos y temas de WordPress en Envato y crea fácilmente tu sitio web. Ya más de las descargas de 49.720.000. [EXCLUSIVO]

Además de usar estos widgets de Elementor para enumerar sus cursos, también puede designar una página de archivo de cursos real si navega a Tutor LMS → Configuración → Cursos.

4. Tarifas de acceso al curso (opcional)

Si solo desea ofrecer lecciones gratuitas, no tiene que configurar nada en esta sección. Pero si desea cobrar por el acceso a sus cursos, debe configurarlo ahora.

Tutor LMS ofrece varias opciones para aceptar pagos, incluidos WooCommerce, Easy Digital Downloads (EDD) y Paid Memberships Pro. Sin embargo, para esta sección, nos centraremos en la integración de WooCommerce.

Puede aceptar pagos únicos con el complemento básico de WooCommerce. Si desea aceptar pagos recurrentes automáticos, deberá comprar el popular complemento. Suscripciones a WooCommerce.

Para cobrar por el acceso a su curso, creará un producto WooCommerce normal y lo vinculará a uno de sus cursos. Luego, los detalles de ese producto aparecerán en la página de la lista de su curso, y los estudiantes pueden comprarlo usando el pago regular de WooCommerce (y cualquier otra pasarela de pago que haya configurado).

Una vez que haya configurado los conceptos básicos de WooCommerce, aquí le mostramos cómo configurarlo con Tutor LMS.

Habilitar la monetización

Primero, deberá habilitar la monetización en la configuración de Tutor LMS. Ir a Tutor LMS → Configuración → Monetización y definir la opción Monetizar en WooCommerce:

Crea un producto WooCommerce

Ahora ve a Productos → Agregar  para crear el producto que vinculará a su curso.

No es necesario que complete toda la información del producto como lo haría en una tienda WooCommerce real. En su lugar, solo concéntrate en:

  • Título
  • Descripción
  • Imagen del producto (aparecerá en la página de pago, pero no será visible en la página de su curso)
  • El precio (o, si tiene suscripciones a WooCommerce, los detalles de la suscripción)

Vincula el producto a tu curso

Una vez que haya creado el producto, abra el editor de cursos que desea vincular a ese producto. Desplácese hacia abajo hasta el área Añadir Producto en la parte inferior del editor del curso.

Definir el Tipo de curso en Pago, luego use la lista desplegable para seleccionar el producto WooCommerce que creó en la sección anterior:

Y es todo ! Para mostrar el precio de su curso en su plantilla de curso, puede usar el widget Precio del curso en Elementor. Para cursos pagos, el widget Caja de registro al curso cambiará automáticamente a "Agregar al carrito" para invitar a los usuarios a comprar el curso y registrarse.

Cuando los estudiantes paguen, verán el proceso de pago normal de WooCommerce. Una vez que hayan realizado su compra, se inscribirán automáticamente en el curso; también tiene la opción de redirigirlos automáticamente a la página del curso.

5. Configure ajustes adicionales según sea necesario

En este punto, hemos cubierto todas las funciones básicas que necesita para poner en marcha un curso. Para terminar, debe explorar la configuración de Tutor LMS y hacer algunos otros cambios si es necesario. Aquí es donde puede profundizar y personalizar su curso para satisfacer sus necesidades.

Pero antes de saltar a la configuración de Tutor LMS, hay una configuración regular de WordPress que completar.

Habilitar la grabación en la configuración de WordPress

Para permitir que los estudiantes se registren en sus cursos, debe asegurarse de haber habilitado el registro en el área de configuración de WordPress. Puedes hacer esto yendo a Configuración → General y marcando la casilla Afiliación para que todos puede registrarse:

Además del botón de registro en cursos individuales, Tutor LMS también le permite crear una página de registro donde los estudiantes pueden crear una cuenta. Puede especificar esta página accediendo Tutor LMS → Configuración → Estudiantes.

Para facilitar la conexión de los alumnos, también puede utilizar el widget de inicio de sesión en Elementor Pro para agregar un formulario de inicio de sesión en cualquier lugar de su sitio. El widget de inicio de sesión también le permite redirigir a los usuarios a una página personalizada después de iniciar sesión, para que pueda redirigirlos automáticamente al panel de su cuenta.

Configurar los ajustes generales del curso

Ahora echemos un vistazo a algunas de las otras configuraciones en el área de Configuración de Tutor LMS.

En las pestañas General, Clase, lecciones et Examen, puede configurar bases importantes para estas áreas.

Por ejemplo, es posible que desee utilizar el reproductor de video nativo de YouTube en lugar del reproductor de video personalizado de Tutor LMS. Puedes configurarlo desde la pestaña General. O puede redirigir automáticamente a los usuarios a su curso después de completar una compra de WooCommerce en el Cours

Le recomendamos que explore todas estas configuraciones, ya que puede encontrar algunas opciones útiles para sus cursos.

Permitir varios instructores

Hasta ahora, nos hemos centrado principalmente en la idea de crear un curso con un solo instructor (por ejemplo, usted o su cliente). Pero Tutor LMS también le permite autorizar a varios instructores, incluida una opción de división de comisiones. Esto le permitiría contratar a varios instructores bajo su propia marca o crear su propio clon de Udemy en el que permitiría que instructores externos se registren y creen sus propios cursos.

Si desea permitir varios instructores, puede configurarlo desde la pestaña Entrenadores en la configuración de Tutor LMS. También puede especificar una página de registro de instructor y elegir si los instructores publican directamente sus propios cursos:

Si desea ofrecer a los instructores una comisión sobre los ingresos del curso que generan, puede configurarla desde la pestaña Ganancias. También puede especificar un monto mínimo de retiro y elegir métodos de retiro en la pestaña Retiro.

Y es todo ! Ahora tiene un curso en línea en funcionamiento impulsado por Elementor y Tutor LMS.

Cómo gestionar tu curso online (pagos, integración, etc.)

Ahora que ha configurado su curso en línea y creado un hermoso diseño con Elementor, pasemos a cómo puede administrar las partes clave de su curso en el día a día. Esto cubre acciones como:

  • Gestionar e integrar nuevos estudiantes.
  • Ver / administrar pagos e ingresos.
  • Gestionar instructores (si ha decidido autorizar a varios instructores).

Gestionar e integrar nuevos estudiantes

En este punto, sus estudiantes podrán registrarse para obtener cuentas e inscribirse en cursos gratuitos o pagos por su cuenta.

También obtendrán su propio panel de control donde pueden ver sus cursos inscritos, dejar reseñas y acceder a otros detalles clave:

Como propietario del curso, también obtendrá herramientas para administrar e interactuar con sus alumnos. Puede hacer esto desde el panel principal de WordPress o desde el panel frontal de su cuenta (que es especialmente útil si permite instructores externos).

Un área clave de interacción es Preguntas y respuestas. Sus estudiantes tienen la opción de dejar preguntas sobre cada curso / lección y luego puede responder estas preguntas desde su panel de control (backend o frontend).

También puede crear anuncios, que le permiten enviar un mensaje a todos los estudiantes de una clase. Nuevamente, puede hacer esto desde el backend o el frontend según sus preferencias.

También obtendrá otras áreas del tablero para ver su lista de estudiantes, ver intentos de prueba y realizar otras acciones administrativas clave.

Con Tutor LMS Pro y el complemento Tutor Report, también obtendrá un panel dedicado con una descripción general de sus cursos y opciones para realizar un seguimiento de las inscripciones y las estadísticas a lo largo del tiempo, lo que es útil para detectar tendencias en sus lecciones:

crear un curso en línea

Ver y administrar pagos

Si vende cursos, es posible que tenga situaciones en las que necesite ver y administrar sus pagos, y tal vez incluso ofrecer reembolsos si es necesario.

Debido a que está utilizando WooCommerce para administrar los pagos de Tutor LMS, puede ver todos estos detalles desde la configuración de WooCommerce: WooCommerce → Pedidos para ver comandos específicos o WooCommerce → informes para ver los informes globales.

Si utiliza WooCommerce Membresías para pagos recurrentes, también puede realizar un seguimiento y administrar las suscripciones.

Usted o sus instructores también pueden realizar un seguimiento de las ganancias desde el panel frontal. Si permite instructores externos y paga comisiones, ellos también podrán ver su historial de ganancias y retiros.

Los instructores de gestión

Si permite que otros instructores creen cursos, puede administrar a todos sus instructores yendo a Tutor LMS → Formadores en su panel de WordPress. Puede agregar nuevos instructores manualmente, editar instructores existentes y bloquear instructores según sea necesario.

Cree su propio curso en línea con Elementor y Tutor LMS

Crear cursos en línea es una excelente manera de generar audiencia y monetizar su conocimiento. Puedes compartir tus conocimientos sobre diseño web o cualquier otra materia en la que tengas experiencia.

Combinando Tutor LMS et Elementor, puede crear cursos únicos y personalizados sin la necesidad de conocimientos técnicos especiales.

Tutor LMS puede manejar todas las características importantes del curso. Luego, con los widgets de Tutor LMS Elementor, puede usar la interfaz visual de arrastrar y soltar de Elementor para diseñar el contenido y las plantillas de su curso.

Comience a crear su primer curso hoy y estará listo y funcionando en poco tiempo.

¡Obtenga Elementor Pro ahora!

Conclusión

Listo ! Eso es todo por este artículo que le muestra cómo crear un curso en línea con Tutor LMS y Elementor. Si tiene alguna duda sobre cómo llegar favísanos en el comentarios.

Sin embargo, también puedes consultar nuestros recursos, si necesita más elementos para llevar a cabo sus proyectos de creación de sitios de Internet, consulte nuestra guía sobre Creación de blog de WordPress o el de Divi: el mejor tema de WordPress de todos los tiempos.

Pero mientras tanto, comparte este artículo en tus diferentes redes sociales.

...

Este artículo contiene los comentarios 2

  1. hola,
    Me gustaría saber si puedo redirigir los cursos del mercado a través de los enlaces de afiliados directamente. y no a través del sistema de carrito de compras?

    1. Hola loic
      Tenemos que admitir que no entendemos completamente su pregunta. Díganos qué tema o complemento está utilizando y por qué desea aplicar la redirección. Además, si tiene un programa de afiliados en su sitio web, normalmente los afiliados ya no deben pasar por el carrito de compras a menos que su suscripción haya expirado.
      Entonces ve que su pregunta plantea otras preguntas. Solo podemos ayudarlo si detalla y explica su inquietud.
      cordialmente

Dejar un comentario

Su dirección de correo electrónico no será publicada. Los campos necesarios están marcados con *

Volver arriba