# Integración de LearnDash y Elementor

- Link: https://creativa.dev/desarrollo-web/integracion-de-learndash-y-elementor/
- Published: 2020-08-08T20:01:40-04:00
- Author: Juanito Ortega

Y así lo entienden los desarrolladores de LearnDash, acaban de anunciar la nueva
integración de LearnDash con Elementor, que brinda a los estudiantes de cursos en
línea una experiencia de aprendizaje optimizada y más accesible.

Desde el comienzo de Internet, el e-learning ha ofrecido un medio prometedor para
brindar educación accesible a estudiantes de todo el mundo. Al mismo tiempo, ha 
abierto un modelo de negocio completamente nuevo para emprendedores en línea que
desean compartir su experiencia con una audiencia global y [crear sus propios cursos en línea](https://elementor.com/blog/create-online-course-website/).

A lo largo de los años, el interés en la educación en línea ha crecido de manera
constante y, a lo largo del camino, se han desarrollado nuevas herramientas para
facilitar la creación y entrega de cursos. Con esta nueva integración de LearnDash
con Elementor, se proporciona a los alumnos una mejor experiencia en el curso, y
no solo a los alumnos sino también a los desarrolladores a la hora de implementar
un LMS, _Learning Management System_ por sus siglas en inglés.

Esta nueva integración no podría llegar en mejor momento. Covid-19 ha llevado a 
un gran aumento en el interés en la educación en línea. Las escuelas de todos los
tamaños se están mudando a la educación en línea, las empresas necesitan capacitar
a los trabajadores de forma remota y los empresarios están buscando formas de generar
ingresos adicionales. Estos cambios están siendo impulsados ​​por la pandemia, pero
darán como resultado una nueva infraestructura para la educación en línea que durará
más que la crisis actual.

Los educadores que desean que dure la inversión que hacen en educación en línea 
deben comenzar eligiendo las herramientas adecuadas. Elementor y LearnDash son la
solución.

## Cómo instalar y usar Elementor con Learndash

Para usar la integración, necesitarás tener **LearnDash** instalado en tu sitio,
así como Elementor Pro. Para instalar LearnDash, deberás comprar y descargar una
copia en [learndash.com](https://www.learndash.com/).

Una vez que hayas comprado y descargado LearnDash, puedes instalarlo de la siguiente
manera:

 1. Ve a Plugins > Agregar nuevo.
 2. Haz clic en **Cargar complemento**.
 3. Busca y selecciona el archivo .zip de LearnDash que descargaste cuando compraste
    el complemento.
 4. Haz clic en **Instalar ahora**.
 5. Haz clic en **Activar complemento**.

A continuación, deberás activar tu licencia, que se te enviará por correo electrónico
después de la compra.

 1. Ve a Learndash LMS > Vista general.
 2. En el Bootcamp de LearnDash, ingresa el correo electrónico de tu cuenta y la clave
    de licencia.
 3. Haz clic en **Guardar licencia**.
 4. Verifica que tenga un mensaje verde «su licencia es válida».

Puedes encontrar más detalles en la [página de soporte de instalación de](https://www.learndash.com/support/docs/getting-started/installation/)
LeardnDash.

La integración de LearnDash con Elementor se puede hacer con solo tres simples pasos.

 1. Ve a Learndash LMS > Addons.
 2. Encuentra el elemento de **integración de LearnDash** y haz clic en **Instalar 
    ahora**.
 3. Haz clic en **Activar complemento**.

Tienes que dar un paso final antes de poder comenzar a usar Elementor, y es que 
deberás habilitar Elementor en las páginas de lecciones del curso.

 1. Ve a Elementor > Ajustes.
 2. En la pestaña **General**, selecciona qué tipos de publicaciones deseas habilitar.

![](https://www.creativa.dev/wp-content/uploads/2020/08/Enable-Elementor-on-course-
lesson-pages-2048x821-1-1024x411.png)

Listo! La integración te permite crear fácilmente contenido dinámico de LearnDash
con Elementor, e incluso funciona con sus opciones de plantilla global. Es hora 
de explorar qué elementos de LearnDash se pueden editar con las herramientas de 
Elementor.

## Nuevas plantillas y widgets para contenido de E-Learning

Las plantillas son recursos valiosos para cualquier desarrollador web. Permiten 
a los usuarios recrear páginas de un tipo similar sin tener que rediseñar cada una
desde cero. Elementor viene con un conjunto de plantillas para una variedad de casos
de uso, lo que facilita a los creadores comenzar rápidamente el diseño de un sitio
web.

Ahora, con la integración con LearnDash, los creadores de cursos pueden usar plantillas
de Elementor específicamente diseñadas para los tipos de páginas esenciales de aprendizaje
electrónico: cursos, lecciones, temas y cuestionarios.

Elementor también ha ampliado sus widgets para que esta integración incluya varios
que se pueden usar en todos los tipos de página. Puedes acceder a estos widgets 
desde el panel de diseño, donde estarán fácilmente disponibles para insertarlos 
en tu página donde los necesites.

## Widgets de LearnDash

![](https://www.creativa.dev/wp-content/uploads/2020/08/Elementor-and-LearnDash-
1-Element-Panel.png)

 * **Inicio de** sesión de LearnDash: inserta el botón de inicio de sesión en la
   página utilizando el código corto [learndash_login].
 * **Perfil:** inserta el icono de perfil con un enlace a la página de perfil del
   alumno mediante el código corto [ld_profile].
 * **Lista de cursos:** muestra la lista de cursos con el código corto [ld_course_list].
 * **Lista de** lecciones: inserta la lista de lecciones usando el código corto [
   ld_lesson_list.
 * **Lista de**  temas: enumera los temas de las lecciones utilizando el código 
   corto [ld_topic_list].
 * **Lista de cuestionarios**: Muestra la lista de pruebas utilizando el código 
   corto [ld_quiz_list].

## Plantillas Learndash

### 1. Plantilla de cursos

![](https://www.creativa.dev/wp-content/uploads/2020/08/Elementor-and-LearnDash-
2-Course-Elements-1024x756.png)

La plantilla de cursos es para la página principal de cada curso. Desde esta página,
puedes mostrar una descripción general del curso, información sobre precios, una
descripción del curso y el certificado que recibirá cada alumno al finalizar el 
curso.

Una página atractiva del curso anuncia el curso a los alumnos al ofrecer una descripción
convincente de los contenidos y proporcionar una visión general de lo que se cubrirá.
Sin embargo, también es una página de referencia importante para los alumnos, a 
la que volverán cuando pasen de una lección a otra, o si alguna vez necesitan descargar
su certificación.

Usando Elementor, los diseñadores pueden ajustar características como los botones
para expandir el contenido del curso, las fuentes y los colores de fuente, y otras
características de tamaño y estilo.

#### Widgets de cursos:

 * **Contenido del curso:**  muestra las lecciones, incluido el número de temas 
   y cuestionarios.
 * **Barra de información del curso:**  muestra los precios, el estado de la inscripción
   y el botón de inicio.
 * **Certificado del curso:**  muestra si un alumno ha obtenido un certificado y
   ofrece la opción de descargar.

### 2. Plantilla de lecciones

![](https://www.creativa.dev/wp-content/uploads/2020/08/Elementor-and-LearnDash-
3-Lesson-Elements-1024x741.png)

La plantilla de lecciones es donde comienza el contenido del curso. Es un nivel 
inferior al curso en términos de jerarquía, y en un curso de tamaño pequeño a mediano,
aquí es donde se puede entregar la mayor parte del contenido, con cuestionarios 
utilizados para evaluar la retención del alumno.

El área de contenido del curso admite una variedad de tipos de contenido enriquecido,
que incluyen imágenes, video y audio. Para cursos con mucho contenido, esta sección
puede dar una introducción, con cada tema profundizando en el tema con más detalle.

Elementor puede editar el estilo de la ruta de exploración y el estado del curso(
no iniciado, en progreso o completo). El color, la fuente y el tamaño del botón «
Siguiente lección», así como el enlace «Volver al curso», también se pueden actualizar,
al igual que la barra de información general del contenido de la lección y el color
de las casillas de verificación de los temas y el icono del cuestionario.

#### Widgets de la lección:

 * **Contenido de la lección: ** muestra la lista de contenido que incluye temas
   y cuestionarios.
 * **Barra de información de la lección: ** muestra las migas de pan y si un alumno
   ha completado la lección.

### 3. Plantilla de temas

![](https://www.creativa.dev/wp-content/uploads/2020/08/Elementor-and-LearnDash-
3-Topic-Elements-1024x695.png)

La plantilla de los temas son una forma de refinar aún más el contenido del curso
para que los educadores puedan cubrir el material a nivel básico. Después de revisar
el material del tema, los alumnos deben tener suficiente información para completar
los cuestionarios del tema.

El contenido del tema también puede admitir una variedad de tipos de contenido, 
así como cualquiera de los otros widgets de diseño de contenido de Elementor. Si
los educadores desean incluir un cuadro de imagen o un estilo de sección interna,
se puede agregar a cualquier área de contenido.

Al igual que en las otras plantillas, Elementor significa que los elementos de diseño
como la barra de progreso, las migas de pan y los botones de navegación se pueden
editar para usar diferentes colores o fuentes.

#### Widgets de temas:

 * **Contenido del tema:  **muestra el material del tema.
 * **Barra de información del tema: **muestra el progreso de la lección, las **rutas
   de exploración **y el estado de finalización.

### 4. Plantilla de cuestionarios

![](https://www.creativa.dev/wp-content/uploads/2020/08/Elementor-and-LearnDash-
3-Quiz-Elements-1024x640.png)

Los cuestionarios son la herramienta de evaluación principal para la mayoría de 
los cursos en línea. Son una forma crucial para que los educadores sepan qué tan
bien los alumnos entienden su material, y también brindan retroalimentación a los
alumnos sobre qué tan bien les está yendo en el curso.

LearnDash incluye varios tipos de cuestionarios que permiten a los educadores evaluar
la comprensión del alumno de varias maneras. Estos tipos de cuestionarios incluyen
preguntas de opción múltiple, respuesta corta, ensayo, completar el espacio en blanco,
encuesta, y emparejar preguntas y respuestas. Las preguntas y respuestas del cuestionario
también admiten una variedad de tipos de medios, lo que permite formatos de preguntas
más completos.

La funcionalidad de cuestionario de LearnDash también incluye pruebas cronometradas,
y los educadores pueden obtener preguntas extraídas de un banco de preguntas para
ahorrarles tiempo al crear el contenido de una prueba.

Los educadores pueden usar Elementor para editar el estilo de la barra de información,
tal como lo hicieron en las plantillas anteriores. También se pueden usar para ajustar
varios elementos de diseño en los cuestionarios.

#### Widgets de cuestionarios:

 * **Contenido** de la prueba**:** muestra una variedad de tipos de preguntas de
   la prueba.
 * **Barra de información del cuestionario:**  muestra las migas de pan y el estado
   del progreso.

## Las herramientas perfectas que los educadores necesitan para un curso en línea atractivo

Los educadores en línea a menudo se enfrentan a una sorprendente variedad de opciones
a medida que comienzan a desarrollar su curso en línea. Estas opciones van desde
soluciones alojadas que cobran una tarifa mensual, hasta sitios web completos, diseñados
a medida. Antes de comprometerse con cualquier solución educativa, ve si es compatible
con los siguientes beneficios:

 * **Control:** los educadores deben evitar las plataformas de aprendizaje alojadas,
   como Teachable o Thinkific, que bloquean ciertos modelos de cursos o estructuras
   de precios y les dificultan ejecutar su curso de la manera que desean. Esto es
   lo que hace que WordPress sea una buena opción, control total.
 * **Diseño:** los alumnos se sienten atraídos por los cursos que tienen un diseño
   atractivo. Las bellas imágenes también aumentan el compromiso y hacen que el 
   curso sea más agradable.
 * **Personalización:**  no hay dos cursos, educadores o alumnos iguales. Los educadores
   necesitan herramientas fáciles para editar sus sitios web para crear cursos que
   estén en línea con lo que necesitan sus usuarios.
 * **Comunicación:** los educadores deben poder racionalizar su comunicación a través
   del marketing por correo electrónico integrado.
 * **Contenido:** los educadores deberían poder cargar y presentar una variedad 
   de tipos de contenido, y deberían poder presentar esos materiales de manera atractiva.
 * **Evaluación:** los educadores deben tener una variedad de herramientas de evaluación
   y opciones para ofrecer comentarios de los alumnos.
 * **Comunidad:** los estudiantes se benefician del apoyo de sus compañeros y su
   sitio web debe proporcionarle herramientas para construir esas redes.

Cualquier herramienta que limite el control que tiene sobre su sitio web y el contenido
del curso, lo encierra en diseños rígidos que no se pueden personalizar o interrumpe
su capacidad de comunicarse con sus estudiantes o proporcionar herramientas de enseñanza
sofisticadas debe verlo con escepticismo.

Afortunadamente, LearnDash y Elementor ofrecen todas estas características, ¡y más!

## Plataforma fácil de usar para nuevos educadores

Antes de entrar en el curso que forma parte de tu sitio, hablemos sobre diseño. 
Los usuarios recurren a WordPress porque quieren controlar su sitio, pero a menudo
se encuentran atrapados en temas mal diseñados que no cumplen con sus requisitos.
Los educadores también necesitan herramientas de diseño web con opciones de edición
avanzadas.

Elementor ofrece una opción de creación de sitios accesible para los nuevos usuarios
de WordPress y lo suficientemente personalizable como para satisfacer una variedad
de casos de uso. Los usuarios pueden construir su sitio web desde cero utilizando
elementos de diseño de arrastrar y soltar. O pueden trabajar desde una plantilla
básica, ajustando y alterando las características al corazón de su contenido.

Más allá de su facilidad de uso, Elementor es una opción inteligente para creadores
de cursos con visión de futuro. Para aquellos que desean que su inversión en educación
a largo plazo tenga una longevidad real, Elementor proporciona una plataforma estable
que puede crecer con su organización y adaptarse para satisfacer necesidades imprevistas
en el futuro.

Y aunque se ha dicho mucho aquí acerca de cuán fácil de usar es para diseñadores
y educadores, también es amigable para los desarrolladores, lo que permite CSS, 
teclas de acceso rápido y hojas de trucos personalizados globales, y la capacidad
de importar y exportar fácilmente diseños de un sitio a el siguiente.

Además de todo esto, Elementor juega bien con otros complementos populares en el
ecosistema de WordPress, incluido LearnDash.

## Líder en el sector de educación en línea de WordPress

LearnDash es un complemento diseñado para agregar funcionalidad de aprendizaje electrónico
a cualquier sitio de WordPress. El creador de cursos ofrece la misma flexibilidad
y facilidad de uso que Elementor, pero con el objetivo de ofrecer potentes herramientas
de creación de cursos en manos de educadores.

Learndash usa su experiencia en diseño instruccional para crear un complemento que
ofrece a los educadores un conjunto de herramientas que necesitan para enseñar un
curso eficaz, que incluye cuestionarios avanzados, contenido y libros de calificaciones.
También tiene soporte para funciones de construcción de comunidad, como foros para
cursos, gamificación y certificados e insignias.

Estas características facilitan a los educadores la creación y el lanzamiento de
cursos en línea rápidamente, incluso sin mucha experiencia técnica.

### Experiencias de usuarios que han comenzado cursos como respuesta al Covid-19:

> “Estoy usando LearnDash para ayudar a las personas con dolor lumbar y ciática.
> No puedo verlos en persona, así que utilizo LearnDash para apoyarlos en su lugar».
>  _Gavin R._

> “Hemos puesto todos nuestros cursos en línea, con un enfoque particular en nuestro
> curso de Digital, Medios y Periodismo. Originalmente teníamos la intención de 
> enseñarlo fuera de línea, pero debido al Covid-19, tuvimos que encontrar una manera
> de moverlo en línea rápidamente. De hecho, logramos destruir nuestro objetivo,
> y ahora también hemos lanzado cursos gratuitos relacionados con la información
> errónea que circulaba en torno al Covid-19 «.
>  Lucie S.

> “Soy un médico que creé un curso para ayudar a las personas con ansiedad. He querido
> crear el curso durante mucho tiempo, pero es especialmente necesario en este momento.
> Mucha gente en mi comunidad está experimentando un mayor estrés, ansiedad y dificultad
> para dormir. Todos cocinan en casa, así que para muchos esto es un buen momento
> para aprender más sobre cómo mejorar su salud».
>  Sara D.

Las características incluidas en LearnDash amplían enormemente la funcionalidad 
de cualquier sitio web. Pero también se integra con muchas otras poderosas herramientas
en línea, como Zapier y MailChimp, y la nueva integración de Elementor vinculará
estos elementos aún más estrechamente.

## El control total en manos del educador

Los educadores necesitan herramientas receptivas e intuitivas que les ayuden a poner
su contenido en manos de los alumnos rápidamente.

Es precisamente esta capacidad la que hace de esta nueva integración una oferta 
tan poderosa y oportuna. LearnDash y Elementor son ahora más amigables entre sí,
con principios compartidos de facilidad de uso que reducen la barrera de entrada
para cualquier persona que quiera compartir su experiencia con una nueva audiencia.
Usados ​​juntos, crean una combinación inmejorable que cambiará el aprendizaje electrónico
para mejor.

Deja tu comentario contando tu experiencia o tus expectativas.

Fuente: [elementor.com](https://elementor.com/blog/learndash-integration/)