Creación de un sitio web de gestión del aprendizaje (LMS) con Divi

Me encanta tomar cursos en línea. Hay algo especial en comenzar un curso electrónico bien diseñado y organizado con un gran contenido. Si se hace bien, estos cursos electrónicos pueden mantenerlo motivado con una sensación de logro. Pero aprender de un excelente curso electrónico y crear uno son dos experiencias totalmente diferentes. Y según mi experiencia, crear un sitio web de gestión del aprendizaje/curso electrónico puede ser un proceso abrumador.

En esta publicación, espero aliviar la intimidación de crear su propio curso electrónico al mostrarle cómo usar Divi y su paquete de diseño de gestión de aprendizaje prefabricado para crear un sitio web de curso electrónico completamente funcional.

Antes de comenzar a construir el sitio, aquí hay un desglose de lo que lograremos juntos:

  1. Crear una página de lección usando partes del diseño existente
  2. Cree un Menú del curso para que se muestre en cada página de lección que muestre todas las lecciones del curso.
  3. Cuse el complemento WP Complete para brindar a los usuarios la capacidad de realizar un seguimiento de su progreso para cada curso
  4. Use el complemento Restrict Content Pro para crear niveles de membresía gratuitos y de pago
  5. Aprenda a diseñar rápidamente las páginas de membresía para que coincidan con el sitio web usando elementos del diseño existente

Y, para satisfacer su curiosidad, aquí hay un adelanto de la página de la lección que creará con el botón de completar y la barra de progreso sobre el menú del curso en la barra lateral…

Pero primero, preparemos las cosas.

Creación de un sitio web de gestión del aprendizaje (LMS) con Divi

Suscríbete a nuestro canal de Youtube

Configurando todo

#1 – Instalar Divi

Asegúrate de tener instalada la versión más actualizada de Divi. Y siempre es bueno tener un tema hijo activo también.

#2 – Cargue el paquete de diseño en su biblioteca Divi

Usaremos el paquete de diseño de gestión de aprendizaje (LMS) de Divi . Descargue el paquete de diseño, descomprímalo e instale el archivo coding-school_All.json en su biblioteca Divi. A continuación, cree nueve páginas nuevas utilizando cada uno de sus diseños correspondientes.

#3 – Instalar y activar el complemento Restrict Content Pro

Este es el complemento que usaremos para la función de membresía del sitio del curso electrónico. Usaremos esto para configurar una suscripción gratuita y premium (de pago) al curso.

#4 – Instalar y activar el complemento WP Complete Pro

Este complemento se utilizará para mantener a los miembros (o estudiantes) al tanto de su progreso a medida que completan cada lección de cada curso. Tiene geniales gráficos circulares y de barras para mostrar el progreso, así como una práctica marca de verificación junto a cada lección completada en el menú de navegación.

Una vez que esté todo configurado, estará listo para crear su curso electrónico.

Empecemos.

Cambiar el nombre de la página del curso

Su paquete de diseño viene con un diseño de página de cursos.

Cada uno de los cursos enumerados en ese diseño debe (si planea enseñar todos esos cursos) vincularse a una página de curso específica que utiliza el diseño de página del curso.

Nota: Tenga en cuenta que reemplacé el botón en el encabezado de la página del curso anterior con un módulo de video. De esa manera no tengo que redirigir a una página diferente para mostrar la vista previa del curso. Solo una idea.

Como puede ver, para este ejemplo, el diseño de la página del curso utiliza el curso de Diseño de UX, así que adelante, edite la página y cambie el nombre de la Página del curso de «Curso» a «Diseño de UX». Y actualice su enlace permanente también.

Creación de la página de la lección

Su nueva página de curso, ahora llamada «Diseño de UX», se divide en capítulos (también puede pensar en ellos como lecciones) con una breve descripción de cada uno. Cada uno de estos capítulos/lecciones deberá redirigir a su propia página de lección. Para construir esta página de lección, usaremos el diseño de la página del curso y haremos algunos ajustes.

El primer capítulo/lección que aparece en la página del curso de Diseño de UX se llama «Capítulo 1: Introducción a los conceptos básicos». Construyamos nuestra página de lecciones para esta.

Continúe y agregue una nueva página e ingrese «Capítulo 1: Introducción a los conceptos básicos» para el título.

Dado que esta lección es una página secundaria de la página del curso Diseño de UX, haga clic en el menú desplegable principal dentro del cuadro Atributos de la página en la barra lateral derecha y seleccione Diseño de UX como principal.

A continuación, haga clic para usar Divi Builder, haga clic en Agregar desde la biblioteca y seleccione el diseño del curso.

Guardar borrador

Ajustar el diseño del encabezado

Ahora haga clic para usar Visual Builder para hacer algunos ajustes en el diseño de la página. Primero, cambiemos un poco el diseño de nuestro encabezado en la sección superior. Desde el generador visual, elimine el módulo de imagen en la columna de la derecha y el botón verde en la parte inferior de la primera columna.

A continuación, haga clic para editar la configuración del módulo de texto superior en la primera columna y cambie el texto del encabezado h1 a «Capítulo 1: Introducción a los conceptos básicos».

Luego cambie la estructura de la columna de la fila a una columna en lugar de dos.

Ahora su encabezado debería verse así.

Cambiar el contenido de Blurb

En la sección de especialidad a continuación, edite la configuración de la primera publicidad en la sección de contenido de la izquierda y actualice lo siguiente:

Pestaña de contenido

Título: Parte 1

Contenido: [Este se convertirá en su contenido para el curso;
Voy a dejar el contenido simulado allí por ahora]


Use el ícono: SÍ


Ícono: seleccione el ícono de la flecha hacia la derecha

Nota: el color del ícono se tomará del conjunto de colores de énfasis del tema en el personalizador de temas , así que asegúrese de actualizar el color allí con un color que coincida con el sitio.

Guardar ajustes

Ahora que ha creado un módulo de propaganda, podemos usarlo como plantilla para dividir cada parte de la lección en la página. Continúe y duplique el módulo que acaba de crear dos veces (o las partes que desee) y actualice cada una con un título diferente (es decir, Parte 2, Parte 3, etc.).

Luego, elimine los otros anuncios publicitarios que ya no necesitaremos.

Ahora su diseño debería verse así.

Agregar el widget de la barra lateral

Agregue un módulo de barra lateral debajo del módulo de botones en la barra lateral derecha de la sección de especialidad. Y, por ahora, simplemente deje la configuración de contenido predeterminada que extrae el contenido del área del widget de la barra lateral. Eventualmente cambiaremos eso tan pronto como creemos un área de widget personalizada que incluya el menú del curso.

En la pestaña de contenido, agregue un fondo blanco a su módulo.

Para que su módulo de barra lateral coincida con el diseño de la página, actualice la configuración en la pestaña de diseño de la siguiente manera:

Margen personalizado: -80 px Superior

Relleno personalizado: 30 px Superior, 40 px Derecha, 30 px Inferior, 40 px Izquierda


Posición horizontal de la sombra del cuadro: 0 px


Posición vertical de


la sombra del cuadro: 0 px Intensidad del desenfoque de la sombra del cuadro: 60


px Intensidad de la extensión de la sombra del cuadro: 0 px


Color de la sombra: rgba(71 ,74,182,0.12)

Estilo de animación: Zoom

Dirección de animación: Arriba


Intensidad de animación: 20 %


Opacidad inicial de animación: 100 %

Guardar ajustes

Nota: Es una buena idea continuar y hacer de este un módulo global para que solo tenga que hacer ajustes en un módulo para futuras actualizaciones. Para hacer esto, seleccione agregar a la biblioteca, asígnele el nombre «módulo de la barra lateral del menú de la lección», seleccione para convertirlo en un módulo global y haga clic en Guardar.

Finalmente, elimine el módulo de propaganda con el instructor y el módulo de botón «Perfil completo». Tu página debería verse así:

Guardar página

Ahora que hemos creado una de nuestras páginas de lecciones, guardémosla en nuestra biblioteca para que podamos usarla en otras lecciones. Desde el generador visual, haga clic en el botón «Agregar a la biblioteca» en el menú inferior, ingrese «Diseño de página de lección» para el nombre de la plantilla y luego guárdelo.

Continúe y repita los pasos anteriores para agregar dos páginas de lecciones más. Solo que esta vez, en lugar de usar el diseño de página del curso, use el nuevo diseño que creó llamado «diseño de página de lección».

Una vez que haya terminado, debe tener tres páginas de lecciones creadas con los siguientes títulos:

1. Capítulo 1: Introducción a los conceptos básicos

2. Capítulo 2: Arquitectura de la información


3. Capítulo 3: Diseño receptivo

Creación del menú del curso

Ahora que ha creado sus lecciones, podemos crear nuestro menú del curso. Desde el tablero de WordPress, ve a Apariencia > Menús .

Desde la página Menús, complete los siguientes pasos:

1. Seleccione «Crear un nuevo menú».

2. Nómbrelo como «Diseño de UX»


. 3. Seleccione las tres páginas/capítulos de lecciones del menú que acaba de crear.


4. Haga clic en Agregar al menú


5. Guarde el menú

Crear el área de widgets personalizada

Para agregar el menú a nuestra página de lecciones, primero debemos crear un área de widget personalizada para él. Desde el panel de WordPress, ve a Apariencia > Widgets . Debajo de las áreas de widgets existentes, ubique el cuadro utilizado para crear una nueva área de widgets. Ingrese el nombre «Diseño UX» y haga clic en «Crear». Ahora actualice la página. Ahora debería ver la nueva área de widget personalizada «Diseño de UX». Arrastre el widget de menú personalizado dentro del área de widgets «Diseño de UX». En el widget Menú personalizado, seleccione el menú «Diseño UX». Luego haga clic en Guardar.

Actualizar el módulo de la barra lateral de la página de la lección con una nueva área de widgets

Ahora que ha creado su área de widgets con el menú de su curso, regrese a las páginas del curso que creó y actualice el módulo de la barra lateral para seleccionar el área de widgets «Diseño UX». Ahora su menú debería aparecer en la barra lateral.

Nota: si hiciste global el módulo de la barra lateral, solo tendrás que hacer este ajuste una vez a este módulo, los otros dos se actualizarán automáticamente.

En este punto, tenemos una base bastante buena para crear nuestros cursos y nuestras lecciones, así que mejoremos nuestra UX incorporando el seguimiento de la progresión del curso.

Agregar seguimiento de progreso del curso

Agregar el seguimiento de la progresión del curso a su sitio web de cursos electrónicos es una excelente manera de mejorar la experiencia del usuario, el compromiso y la motivación al tomar su curso. Para mostrar el progreso de cada uno de nuestros cursos, usaré el complemento WP Complete Pro. Si aún no lo ha hecho, asegúrese de instalar y activar el complemento.

Una vez que el complemento esté activado, desde su panel de WordPress, vaya a Configuración> WPComplete . Esto lo llevará a la configuración del complemento.

Actualice la siguiente configuración:

Tipo de rol del estudiante: Suscriptor

Tipo de contenido de la lección: Tipos de página (ya que estamos creando nuestras lecciones con páginas en lugar de publicaciones)


Desmarque la opción «Agregar automáticamente el botón completo a las publicaciones y páginas habilitadas para mí».
(vamos a agregar manualmente esos botones con un código abreviado).


Color de botón de marca completa: #7377fc


Configuración de gráfico Color primario: #7377fc

Luego haga clic en Guardar cambios.

Habilitar botones completos para páginas de lecciones

Ahora que tenemos la configuración completa de WP. Agreguemos nuestros botones «completar» a nuestras páginas de lecciones.

Vaya a la primera página de la lección que creamos titulada «Capítulo 1: Introducción a los conceptos básicos» y haga clic para editar la página. Desde el editor de páginas predeterminado, busque el cuadro WPComplete en la parte inferior de la página. Dentro del cuadro, haga clic en la opción «Activar botón Completar». Esto le dirá al complemento que desea rastrear esta página para el usuario. A continuación, en el cuadro de entrada justo después de que dice «Esto es parte de:», ingrese «Diseño de UX», que es el nombre del curso que desea rastrear. Así es como se agrupan las lecciones en cada curso. Por ejemplo, si tiene tres lecciones y en cada una de esas páginas de lecciones selecciona «Diseño de UX» como curso, cuando un usuario completa una página haciendo clic en el botón Completar, el complemento puede registrar que el usuario ha completado el 33% (1 de 3 lecciones) de ese curso. Si tienes varios cursos,

Agregar botones completos a las páginas de la lección

Para agregar el botón «Completar» a la página de la lección, implemente el generador visual en la misma página de la lección que acaba de editar.

Agregue un módulo de texto debajo del último módulo de propaganda en la parte inferior de la página. En la Configuración de texto, ingrese el siguiente código abreviado en el cuadro de contenido:

[wpc_button text=”¡Haz clic para completar!” complete_text=”¡YAY! Terminado»]

Nota: Puede cambiar el texto y el texto completo que se muestra en el botón modificando el texto en el código abreviado.

Guardar ajustes

Este shortcode crea un botón que permite al usuario hacer clic en él y registrar la lección como completa.

Tenga en cuenta que cuando hace clic en el botón para completar la lección, el elemento del menú en la barra lateral de la lección correspondiente se desvanecerá ligeramente y mostrará una marca de verificación a la derecha.

Continúe y guarde ese módulo de texto que acaba de crear en su biblioteca con el nombre «Botón Completar». Ahora puede usar ese elemento de la biblioteca para ingresar el mismo módulo en todas sus páginas según sea necesario.

Nota: Es posible que desee continuar y guardar una nueva versión del diseño de la página de su lección en su biblioteca con su botón completo incluido para que no tenga que seguir agregándolo como un elemento secundario al crear futuras páginas de lecciones.

Agregue el gráfico de barra de progreso a su barra lateral

El complemento WPComplete también le permite mostrar gráficos que muestran al usuario su progreso en un curso específico. Vamos a agregar un gráfico de barras para mostrar el progreso del curso de Diseño de UX en la barra lateral de nuestras lecciones.

¿Recuerda cómo creamos un área de widgets personalizada para nuestro curso de Diseño de UX para mostrar un menú del curso en la barra lateral de la página de la lección? Bueno, ahora vamos a agregar un gráfico de barra de progreso justo encima de nuestro menú del curso. De esa manera, el usuario puede ver su progreso en una pantalla visual genial.

Para agregar el gráfico de barras, vaya a su tablero de WordPress y navegue a Apariencia > Widgets . Luego, abra el widget personalizado «Diseño de UX» que creó anteriormente y arrastre un widget HTML al área de widgets en la parte superior del widget de menú personalizado que se encuentra allí actualmente. En el cuadro de contenido HTML, ingrese el siguiente código abreviado:

[wpc_progress_bar curso=”Diseño UX”]

Este shortcode mostrará el gráfico de barra de progreso para el curso específico «Diseño UX». El nombre de este curso corresponde a lo que puso en la opción del cuadro WPComplete junto a «Esto es parte de:». Si tiene otro curso en el futuro, simplemente ingrese el nuevo nombre del curso en el lugar de «Diseño UX» al agregar el código abreviado para ese curso.

Nota: Para obtener una lista completa de códigos cortos disponibles para este complemento, vaya a la hoja de trucos de códigos cortos .

Ahora vaya al «Capítulo 1: Introducción a los conceptos básicos» para ver cómo se ve.

Haga clic en el botón Completar en la parte inferior de la página. Ahora echa un vistazo a la barra lateral para ver qué cambió. El gráfico de barras ahora muestra que ha completado el 33% del curso. Y el elemento del menú para la página de la lección ahora se muestra atenuado con una marca de verificación a la derecha para mostrar que esa lección se ha completado.

Bastante genial, ¿eh?

Repasemos lo que tenemos hasta ahora:

1. Tenemos una nueva plantilla de página de lección que sirve como nuestra plantilla para ir a las lecciones en el futuro.

2. Tenemos un sistema para crear un menú personalizado para cada curso.


3. Tenemos un sistema para configurar áreas de widgets personalizados para cada curso para mostrar el menú personalizado para ese curso específico en la página de la lección.


4. Tenemos la capacidad de agregar un botón completo a nuestras páginas de lecciones que, al hacer clic, representa el progreso en un gráfico de barras y en el enlace del menú correspondiente.

La etapa final para convertir nuestro sitio en un curso electrónico funcional es integrar los niveles de membresía para restringir nuestro contenido a los clientes que pagan.

Creación de las páginas de membresía

Si aún no lo ha hecho, instale y active el complemento Restrict Content Pro. Una vez instalado, el complemento creará automáticamente 5 páginas para manejar el proceso de membresía.

Si observa cada página en el editor de páginas predeterminado, verá que lo único que se agrega al contenido de cada página es un código abreviado. Por ejemplo, si va a la página de registro, verá que lo único que hay en el editor de contenido es el código abreviado «[formulario_de_registro]» que mostrará el formulario de registro.

Dado que todo lo que necesita para mostrar el contenido de cada una de estas páginas generadas automáticamente son los códigos abreviados, puede crear fácilmente un diseño para estas páginas utilizando Divi Builder. Por ejemplo, si desea una forma rápida y fácil de personalizar su página de registro, vaya a su página de cursos e implemente el generador visual. Guarde la sección superior del diseño en su biblioteca con el nombre «encabezado de página de curso electrónico» (o algo así).

Luego haga clic en uno de los anuncios publicitarios que muestran el curso y guarde ese módulo en su biblioteca con el nombre «cuadro de contenido publicitario del curso electrónico» (o algo así).

Ahora vaya a su página de registro, copie el código abreviado en su portapapeles (resalte el código abreviado y haga clic en ctrl + c). Luego implemente el Divi Builder, luego el constructor visual. Agregue su nueva sección guardada llamada «encabezado de página de curso electrónico» de su biblioteca.

Actualice el módulo de texto que contiene el título para decir «Registrarse» en lugar de «Cursos».

Luego haga clic para agregar un módulo de su biblioteca debajo de los módulos actuales en la sección. Seleccione el módulo «Cuadro de contenido de propaganda del curso electrónico» que acaba de guardar en la biblioteca.

Luego actualice la configuración de la siguiente manera:

En la pestaña de contenido…

Borrar

contenido del título: ingrese el código abreviado [register_form] que ha guardado en su portapapeles presionando ctrl + v.


Borre la URL de la imagen

Guardar ajustes

Nota: Esa fue la manera rápida y fácil. Usé un módulo de publicidad porque era la forma más rápida de incorporar el estilo del módulo. Probablemente querrá usar un módulo de texto en su lugar.

Ahora mire su página de registro en un navegador de incógnito.

Todavía necesita personalizar el diseño del formulario (no lo hará en este tutorial), pero eso se puede hacer fácilmente con un poco de inspección y CSS personalizado.

Puede seguir el mismo proceso para actualizar las 5 páginas de membresía generadas por el complemento. Para ver qué páginas se están utilizando para manejar la membresía, vaya al panel de control de WordPress y navegue hasta Restringir> Configuración y verá una lista de todas las páginas que se están utilizando en la pestaña General.

Agregar un nivel de suscripción GRATIS

Agregar un nivel de suscripción GRATUITO a su curso electrónico es una excelente manera de capturar clientes potenciales, agregarlos a una campaña de marketing por correo electrónico y venderlos con una membresía premium. Para agregar un nivel de suscripción GRATUITO, vaya al Panel de control de WordPress y navegue hasta Restringir > Niveles de suscripción . Luego complete la configuración para crear su membresía GRATUITA. Aquí hay un ejemplo de lo que debe ingresar para un nivel de suscripción gratuito:

Nombre: GRATIS

Descripción: Esta es una suscripción GRATUITA a Coding School.


Rol de usuario: Suscriptor

Deje las otras opciones en su configuración predeterminada.

Luego haga clic en Agregar nivel de membresía

Agregar un nivel de suscripción premium

Una Membresía Premium generalmente es donde puede cobrar dinero para tener acceso a contenido de nivel superior al que no se puede acceder con una membresía gratuita. Al igual que una membresía GRATUITA, el usuario tendría que registrarse en el formulario de registro. La única diferencia es que serán dirigidos a un formulario de pago para comprar la suscripción. Si el usuario ya es un miembro GRATUITO, puede actualizar a una Suscripción Premium usando su información de registro actual y luego pagando por la actualización.

Para agregar un nivel de suscripción Premiumn, vaya al Panel de control de WordPress y navegue hasta Restringir > Niveles de suscripción. Luego complete la configuración para crear su suscripción Premium. Aquí hay un ejemplo de qué ingresar para un Nivel de suscripción Premium:

Nombre: Premium

Descripción: Esta es una suscripción premium a Coding School


Duración: 1 año


Precio: 29


Rol de usuario: Suscriptor

Restringir lecciones según el nivel de suscripción

Ahora que tenemos nuestros niveles de suscripción gratuitos y premium creados. Podemos elegir restringir páginas/publicaciones o incluso contenido específico según el nivel de suscripción de los usuarios. El complemento hace que este proceso sea realmente simple. Avancemos y restrinjamos el acceso a la primera lección que creamos a una suscripción GRATUITA. Para hacer eso, vaya a editar la página de la lección titulada «Capítulo 1: Introducción a los conceptos básicos». Observe el cuadro «Restringir este contenido» en la parte superior del editor de páginas. En el cuadro tiene un cuadro de entrada desplegable que le permite seleccionar quién debe tener acceso al contenido. Vas a seleccionar Miembros de nivel(es) de suscripción. Una vez seleccionado, verá aparecer más opciones. Seleccione la primera opción que dice «Miembros de cualquier nivel de suscripción». Eso es porque queremos que los miembros que tendrán la suscripción premium también tengan acceso a este contenido.

Nota: esta configuración ocultará toda la página a los usuarios no suscritos. Si desea ocultar ciertas piezas de contenido en la página y hacer que esté disponible solo para suscriptores gratuitos o premium, puede usar códigos cortos para envolver el contenido que desea ocultar. Dado que estamos usando el generador divi, usar los códigos abreviados para envolver el contenido puede ser un desafío, pero una cosa que podría considerar hacer es envolver solo el contenido en los cuadros de contenido reales de los anuncios publicitarios con códigos abreviados y dejar los títulos visibles.

Para la próxima lección titulada «Capítulo 2: Arquitectura de la información», vamos a restringir la página solo para suscriptores Premium. Para hacer eso, vaya a editar la página y en el cuadro «Restringir este contenido» en la parte superior del editor de la página, seleccione Miembros de nivel(es) de suscripción . Luego seleccione la opción “Miembros de niveles de suscripción específicos. A continuación, seleccione «Premium». Ahora solo las personas con una suscripción Premium podrán acceder a esa página.

Guarde sus cambios actualizando la página.

Cambie su página de redirección para contenido restringido

Cuando un usuario intenta acceder al contenido que está restringido, puede redirigir al usuario a una página determinada. Dado que vamos a querer que el usuario se registre para poder acceder al curso, tiene sentido que redirijamos al usuario a la página de registro. Para hacer eso, vaya al panel de control de WordPress y navegue a Restringir> Configuración y haga clic en la pestaña Varios. Busque la opción Redirigir página y seleccione la página Registrar en el cuadro de entrada desplegable.

Opciones de guardado

Ahora, cada vez que un usuario no suscrito intente acceder a páginas restringidas, será redirigido automáticamente a la página de registro.

Puedes probar esto muy rápido. Guarde la página y ábrala en un navegador de incógnito para ver lo que ve un usuario cuando aún no está registrado.

Nota: si lo desea, puede crear una página de registro adicional para este caso de uso, de modo que pueda incluir un llamado a la acción más específico como «Lo sentimos, actualmente no tiene acceso a este contenido, regístrese a continuación». con el formulario de registro debajo de eso.

Agregar su pasarela de pago

En este punto, querrá asegurarse de que su pasarela de pago esté integrada con Restrict Content Pro. Puede hacerlo navegando a Restringir > Configuración y haciendo clic en la pestaña Pagos . Allí puede elegir qué puertas de enlace desea habilitar, así como ingresar la información necesaria para integrar la puerta de enlace. Tiene nueve opciones para elegir, incluidas Stripe y Paypal.

No entraré en los detalles involucrados en la configuración, pero mi consejo es que se asegure y pruebe sus pasarelas de pago a fondo para asegurarse de que funcionen. No quieres perder dinero.

Personalización de sus notificaciones de correo electrónico

Restrict Content Pro le permite personalizar un correo electrónico de notificación tanto para el nuevo miembro como para el administrador cada vez que se registra un nuevo miembro. Aprovecha esta opción incluyendo una buena llamada a la acción en el cuerpo del correo electrónico que anime al usuario a comenzar el curso con un enlace a la primera lección. Puede encontrar la configuración de correo electrónico en Restringir > Configuración y hacer clic en la pestaña Correos electrónicos .

Integración opcional de marketing por correo electrónico

Es posible que tenga una cuenta de Mailchimp o Aweber a la que desee agregar miembros cuando se registren. Puede hacerlo con uno de los muchos complementos disponibles con el complemento Restrict Content Pro. Simplemente vaya a Restringir > Complementos y busque la plataforma de correo electrónico que desee.

¿Ahora que?

Ahora que ha configurado su sitio web de cursos electrónicos, todavía tendrá que terminar de configurar todo su contenido para cada página, agregar URL a los botones y muchos otros ajustes. Pero la base ha sido puesta. Con suerte, esto lo ayudará a configurar una plataforma sobre la que pueda construir fácilmente.

Pensamientos finales

Se podría argumentar que con todas las excelentes herramientas que existen en el mundo de WordPress, puede poner en marcha un curso en línea con bastante facilidad. Pero luego está el desafío del diseño. Lograr que esos sitios se vean decentes no es fácil si el diseño no es su fuerte. Afortunadamente, los diseños Divi prefabricados como el «Paquete de diseño de gestión de aprendizaje» ofrecen una gran solución al problema de diseño. El diseño es funcional y hermoso desde el primer momento.

Pero luego está el problema de encontrar los complementos adecuados para transformar su hermoso diseño en un curso en línea funcional. Existen muchos complementos de membresía de WordPress y complementos del sistema de gestión de aprendizaje excelentes con diversos grados de costo y complejidad. El objetivo de esta publicación era ponerlo en funcionamiento con un sitio de cursos electrónicos atractivo con membresía simple a bajo costo. Para aquellos de ustedes que esperan crear esto usando complementos gratuitos, lamento decepcionarlos. Me gustan los complementos gratuitos, pero pensé que era mejor usar las versiones Pro para este tutorial porque, en mi opinión, el resultado final vale cada centavo.

Espero saber de ti en los comentarios

¡Salud!