Ir para o conteúdo principal

Como criar um curso online com Tutor LMS e Elementor

Divi: o tema WordPress mais fácil de usar

Divi: O melhor tema WordPress de todos os tempos!

mais Downloads 901.000Divi é o tema WordPress mais popular do mundo. É completo, fácil de usar e vem com mais de modelos livres 62. [Recomendado]

Gostaria de saber como criar um curso online com Tutor LMS e Elementor?

Compartilhar conhecimento é uma coisa linda e vem de várias formas, incluindo cursos online. Os cursos online capacitam quem busca conhecimento, mas também capacita quem o cria. Com um curso online, você pode construir um público, estabelecer-se como uma autoridade e até mesmo ganhar dinheiro se quiser monetizar seu conteúdo.

Criar um curso online, entretanto, não é uma tarefa fácil, especialmente se você não for um desenvolvedor. Para ajudá-lo nesta tarefa, Elementor fez parceria com Tutor LMS.

Tutor LMS é um plugin WordPress LMS (Learning Management System) que gerencia todos os aspectos-chave do "curso", como:

  • Criação de cursos, aulas, questionários, trabalhos de casa, etc ...
  • Gerenciar o acesso aos seus cursos e até mesmo cobrar pagamentos únicos ou recorrentes, se necessário.
  • Gerencie e interaja com seus alunos, enviando anúncios aos seus candidatos e respondendo às perguntas dos alunos.

O que é especialmente útil sobre o Tutor LMS é que ele oferece integração profunda com o Elementor, permitindo que você projete todo o conteúdo do seu curso usando a interface visual do Elementor e mais de 25 widgets personalizados. Com esta dupla, você tem o poder de criar cursos flexíveis e, ao mesmo tempo, manter a capacidade de usar o Elementor para projetar seu site.

Neste guia passo a passo, vamos mostrar exatamente como você pode criar um curso online com Elementor e Tutor LMS.

O que você criará neste tutorial

Antes de entrarmos no tutorial, queremos fazer um tour rápido do que exatamente você criará neste guia.

Com o Tutor LMS, você pode configurar seus próprios cursos personalizados sobre qualquer tópico, com diferentes lições, questionários, etc ... Depois, você pode usar os widgets do Elementor 25+ e o Tutor LMS para criar o design da sua página.

Aqui está um exemplo de como pode ser - todo o conteúdo é do Tutor LMS, mas o design é desenvolvido pela Elementor:

Os alunos poderão progredir em suas aulas e questionários. Eles também terão seu próprio painel, onde podem gerenciar os cursos inscritos e acompanhar seu progresso.

Como proprietário de um curso, você também receberá painéis onde pode gerenciar seus cursos, alunos, receitas, etc. Você também pode interagir com os alunos por meio de anúncios e perguntas e respostas.

Este é apenas um tour rápido para lhe dar uma ideia do que você vai criar.

Como criar um curso online com Elementor

Você está pronto para criar seu curso online?

Aqui está uma visão geral de alto nível das etapas que você precisará realizar para lançar seu curso:

  1. Configure seu site WordPress básico e instale os plug-ins necessários.
  2. Adicione o conteúdo do seu curso usando o Tutor LMS,
  3. Projete suas páginas de curso usando Elementor.
  4. Configure pagamentos por meio do WooCommerce se desejar cobrar pelo acesso.
  5. Defina outras configurações diversas conforme necessário, como se deseja ou não permitir instrutores terceirizados.

1. Crie um site e instale os plug-ins necessários

Antes de começar a criar seu curso online, você precisará configurar seu site WordPress básico e instalar os plug-ins necessários.

Configurar WordPress

Se você ainda não configurou o WordPress, sua primeira etapa é escolher a hospedagem WordPress e instalar o software WordPress.

Depois de comprar a hospedagem, use o instalador WordPress do seu provedor de hospedagem para criar um novo site WordPress para o seu curso online.

Instalar plugins

Depois de ter seu site WordPress básico, a próxima etapa é instalar e configurar os plug-ins necessários.

Aqui estão os plug-ins obrigatórios e opcionais de que você precisará para criar um curso:

  • Elementor - obrigatório - o plugin básico gratuito Elementor permite que você projete o conteúdo do seu curso e outras páginas usando um editor visual de arrastar e soltar.
  • Elementor Pro - opcional - você precisará instalar o Elementor Pro se quiser usar o Elementor Theme Builder para projetar seu site. No entanto, você só precisa da versão gratuita do Elementor para projetar seus cursos de Tutor LMS.
  • Tutor LMS - obrigatório - o plug-in gratuito Tutor LMS fornece o mecanismo para alimentar todo o conteúdo do seu curso, aulas, questionários, gerenciamento de aluno / instrutor, etc. Basicamente todas as funcionalidades do curso. Ele iniciará um assistente de configuração assim que você ativá-lo - certifique-se de seguir as etapas para configurar alguns princípios básicos importantes para o seu curso.
  • Tutor LMS Pro - opcional - você não precisa da versão premium para fazer este curso. Mas se adicionar muitos recursos pode levar seus cursos para o próximo nível, então você pode precisar considerá-lo.
  • Tutor LMS Elementor Addons - obrigatório - este plugin gratuito oferece mais de 25 widgets Elementor que permitem que você projete seu curso online usando Elementor.
  • WooCommerce - obrigatório se você quiser aceitar pagamentos - você precisará do WooCommerce se quiser monetizar seus cursos e aceitar pagamentos únicos ou recorrentes. Se precisar de ajuda para configurá-lo, confira nosso guia sobre Como instalar e configurar o WooCommerce

Escolha um tema

Finalmente, você também precisa configurar o design básico do seu curso. Mostraremos como projetar suas páginas de curso usando Elementor posteriormente no tutorial, mas você precisa configurar o design básico de sua página inicial e outras páginas principais.

Você tem algumas opções aqui.

Em primeiro lugar, você precisa usar tema olá grátis então importe o Kit de modelagem Elementor ONLINE COURSE. Este é um conjunto abrangente de modelos que irão ajudá-lo a configurar todas as páginas principais do seu curso e permitir que você use o Elementor Theme Builder para personalizar o design do seu site.

Ou você pode usar um tema Tutor LMS dedicado, como TutorStarter, que apresenta demonstrações criadas com o Elementor. Você pode importar qualquer um dos demos e, em seguida, personalizar tudo usando a interface do Elementor.

Para este tutorial, usaremos uma das demos do TutorStarter - você pode escolher a abordagem que preferir, no entanto.

Esta é a aparência de importar um dos designs do Elementor de TutorStarter:

2. Configure o conteúdo do curso

Agora você está pronto para configurar o conteúdo do seu curso e lições. Então, na próxima seção, você aprenderá como controlar o design do conteúdo do seu curso usando o Elementor.

Crie um curso

Para criar seu primeiro curso, vá para Tutor LMS → Curso → Adicionar Novo.

Primeiro, preencha todos os detalhes básicos do seu curso, como título, descrição, categorias / tags, opções na área Configurações do curso. curso e opções na área Dados adicionais. Você também pode definir um vídeo de introdução do curso dedicado:

Depois de fazer isso, você pode configurar a estrutura do seu curso usando a caixa. Construtor de cursos arrastando e soltando.

Você pode dividir seu curso em diferentes “tópicos”. Dentro de cada tópico, você pode adicionar lições, trabalhos de casa, lições ao vivo e questionários. Aqui está um diagrama que mostra como funciona:

Para começar, adicione uma nova seção na área do criador do curso. Dentro de cada tópico, você verá um prompt para adicionar uma lição ou questionário. Com o Tutor LMS Pro, você também verá opções de lição de casa e aulas de zoom ao vivo.

Se precisar alterar a ordem de qualquer coisa, você pode usar o recurso arrastar e soltar:

Adicionar conteúdo de aula

Para adicionar uma aula e controlar seu conteúdo, clique no link lição na Cortes construtor. Isso abrirá um pop-up onde você pode:

  • Adicione o nome da lição.
  • Apresente o conteúdo textual da lição no editor.
  • Defina o vídeo da aula. Geralmente, você precisaráincorporar vídeos do YouTube ou Vimeo. O Tutor LMS oferece a opção de usar seu próprio reprodutor de vídeo, o que impedirá que os visitantes compartilhem os vídeos do seu curso se você não quiser.
  • Baixe os anexos, se necessário.

Crie facilmente seu site com Elementor

Elementor permite criar facilmente qualquer design de site com uma aparência profissional. Pare de pagar caro pelo que você pode fazer por si mesmo. [Grátis]

Você verá então sua lição aparecer sob o tópico no criador de lições.

Repita o processo para adicionar quaisquer lições que deseja incluir em seu curso. Novamente, se você precisar alterar a ordem das aulas ou movê-las para outro tópico, pode arrastar e soltar.

Adicionar questionários (opcional)

Se você deseja adicionar questionários ao seu curso, é como adicionar uma lição. Para começar, você vai clicar no link Responda ao Quiz na seção onde você deseja adicionar o questionário. Isso abrirá uma janela pop-up onde você pode configurar seu questionário e adicionar perguntas.

Você pode adicionar um número ilimitado de perguntas e escolher entre diferentes tipos de perguntas. Você também obterá outras configurações, como atribuir um valor de pontuação a uma pergunta para pontuação:

Para acessar outros tipos de perguntas do questionário, você pode atualizar para a versão premium do Tutor LMS. Inclui novos tipos de perguntas para respostas curtas, correspondências, correspondências de imagens, respostas de imagens, etc.

Nas configurações do questionário, você também poderá configurar detalhes como:

  • Atrasos.
  • Modos de feedback.
  • Se novas tentativas são permitidas. Se sim, quanto.
  • Marcas de passagem.
  • Etc ...

Assim que terminar, você deverá ver o seu questionário aparecer no Construtor de cursos. Você pode repetir o processo para adicionar mais questionários e arrastar e soltar para alterar sua colocação no curso, se necessário.

Visualize seu curso e publique-o

Assim que estiver satisfeito com a estrutura do seu curso no construtor de Aulas, você está pronto para visualizar e publicar seu curso.

Para visualizá-lo, basta clicar Opção de visualização no canto superior direito, como você o usaria para visualizar qualquer outro tipo de conteúdo do WordPress. Não se preocupe muito com o design - você aprenderá como controlá-lo a seguir. Você só precisa se certificar de que a estrutura geral do seu curso parece correta e de ter adicionado todos os detalhes necessários.

Quando estiver satisfeito com tudo, você pode clicar no botão publicar para publicar seu curso:

3. Projete seu curso com Elementor

Neste ponto, você adicionou todo o conteúdo do curso ao backend do seu site. Agora você está pronto para exibir esse conteúdo no front end usando o Elementor.

Além de permitir que você projete outras partes do seu site, a integração Elementor do Tutor LMS oferece duas maneiras de projetar os modelos para seus cursos:

  1. Você pode criar um modelo global que se aplica a todos os cursos.
  2. Você pode substituir o modelo geral para cursos individuais para criar um design personalizado.

Vamos ver como criar seus modelos de curso primeiro e, em seguida, cobriremos outras áreas, como a criação de uma página para mostrar seus cursos.

Habilitar Elementor para conteúdo LMS do Tutor

Para começar, você precisa dizer ao Elementor que deseja usá-lo para o conteúdo do Tutor LMS. Para configurar isso, vá para Elementor → Configurações. Na aba Em geral, marque as seguintes caixas na lista Tipos de conteúdo :

  • curso
  • lições
  • Responda ao Quiz
  • tarefas

Crie um modelo global para seus cursos

Então você pode usar o Elementor para criar o modelo geral que todos os seus cursos usarão por padrão.

Para começar, vá para a área modelos no seu painel e clique em adicionar. Na janela pop-up, selecione página na lista suspensa e marque a caixa Modelo de curso de Tutor exclusivo LMS. Você pode então dar um nome para ajudá-lo a se lembrar:

Agora você estará na interface Elementor. Para adicionar o conteúdo do curso, você pode usar os widgets Tutor LMS dedicados.

À medida que você os adiciona, o Tutor LMS os preenche automaticamente com o conteúdo real do seu curso, assim como usando o Elementor Theme Builder:

Você deve usar a maioria dos widgets, embora possa omitir alguns deles se não quiser exibir essas informações. Um widget que você não quer deixar de fora é o caixa de registro do cursoporque é isso que os visitantes usarão para se inscrever no curso.

Você também pode usar todos os outros widgets Elementor, então fique à vontade para ser criativo com seu design.

Quando estiver satisfeito com a aparência, clique publicar.

Crie um design personalizado para um curso (opcional)

Se necessário, você também pode usar o Elementor para substituir o modelo geral do curso para um curso individual.

Para fazer isso, abra o editor do curso (Tutor LMS → Curso) Em seguida, clique no botão Editar com Elementor para abrir a interface do Elementor para este curso:

Crie sua página de arquivo do curso (lista de cursos)

Se você tiver vários cursos, a página de arquivo do curso é a página que lista todos os seus cursos para que os visitantes possam ver tudo o que você tem a oferecer.

Se você tem muitos cursos, pode precisar criar uma página de arquivo de cursos dedicada. Ou talvez você só precise incluir uma lista de cursos em outra página (como sua página inicial). Ou você pode ter que fazer os dois!

Para ajudá-lo a ver todos ou parte dos seus cursos, o Tutor LMS vem com dois widgets Elementor dedicados, cada um com muitas subopções:

  1. Lista de cursos
  2. Rota do carrossel

Com o widget Lista de cursos, você pode exibir uma lista de uma ou várias colunas de todos os seus cursos com quatro "skins" diferentes:

  • clássico
  • carte
  • Empilhado
  • Sobreposto

Nas configurações do widget, você também terá muitas outras opções para controlar metadados, botões de inscrição, paginação, etc ... Se você tiver muitos cursos, também pode usar as regras de consulta para filtrar cursos específicos por categoria ou treinador.

o widget Carrossel de cursos tem as mesmas opções básicas e skins, mas mostra seus cursos em uma exibição de carrossel em vez de uma lista.

Você terá opções adicionais para controlar a navegação, reprodução automática, loop infinito, etc ...:

Você está procurando os melhores temas e plugins do WordPress?

Baixe os melhores plugins e temas WordPress no Envato e crie facilmente o seu site. Já mais do que 49.720.000 downloads. [EXCLUSIVO]

Além de usar esses widgets Elementor para listar seus cursos, você também pode designar uma página de arquivo de curso real se navegar até Tutor LMS → Configurações → Cursos.

4. Taxas de acesso ao curso (opcional)

Se você deseja apenas oferecer aulas gratuitas, não é necessário configurar nada nesta seção. Mas se você quiser cobrar pelo acesso aos seus cursos, precisará configurá-lo agora.

O Tutor LMS oferece várias opções para aceitar pagamentos, incluindo WooCommerce, Easy Digital Downloads (EDD) e Paid Memberships Pro. Para esta seção, no entanto, vamos nos concentrar na integração WooCommerce.

Você pode aceitar pagamentos únicos com o plug-in básico WooCommerce. Se quiser aceitar pagamentos recorrentes automáticos, você precisará comprar o popular plugin. Assinaturas WooCommerce.

Para cobrar pelo acesso ao seu curso, você criará um produto WooCommerce normal e o vinculará a um de seus cursos. Em seguida, os detalhes desse produto aparecerão na página de listagem do curso e os alunos podem comprá-lo usando o checkout regular do WooCommerce (e quaisquer outros gateways de pagamento que você configurou).

Depois de configurar os fundamentos do WooCommerce, veja como configurá-lo com o Tutor LMS.

Ativar monetização

Primeiro, você precisará habilitar a monetização nas configurações do Tutor LMS. Vamos para Tutor LMS → Configurações → Monetização e definir a opção Monetizar defende WooCommerce:

Crie um produto WooCommerce

Agora vá para Produtos → Adicionar  para criar o produto que você vinculará ao seu curso.

Você não precisa preencher todas as informações do produto como faria em uma loja WooCommerce real. Em vez disso, concentre-se apenas em:

  • Título
  • Descrição
  • Imagem do produto (aparecerá na página de checkout, mas não estará visível na página do seu curso)
  • O preço (ou, se você tiver assinaturas WooCommerce, os detalhes da assinatura)

Vincule o produto ao seu curso

Depois de criar o produto, abra o editor de curso que deseja vincular a esse produto. Role para baixo até a área Adicionar produto na parte inferior do editor do curso.

Defina a Tipo de curso defende Pagando, em seguida, use a lista suspensa para selecionar o produto WooCommerce que você criou na seção anterior:

E isso é tudo ! Para exibir o preço do seu curso em seu modelo de curso, você pode usar o widget Preço do curso em Elementor. Para cursos pagos, o widget Caixa de registro para o curso mudará automaticamente para "Adicionar ao carrinho" para convidar os usuários a comprar o curso e se registrar.

Quando os alunos fizerem o check-out, eles verão o processo normal de checkout do WooCommerce. Depois de fazer a compra, eles serão automaticamente inscritos no curso - você também tem a opção de redirecioná-los automaticamente para a página do curso

5. Defina as configurações adicionais conforme necessário

Neste ponto, cobrimos todos os recursos básicos de que você precisa para colocar um curso em funcionamento. Para terminar, você precisa explorar as configurações do Tutor LMS e fazer algumas outras alterações, se necessário. É aqui que você pode aprofundar e personalizar seu curso para atender às suas necessidades.

Mas antes de pular para as configurações do Tutor LMS, há uma configuração normal do WordPress a ser concluída.

Habilitar gravação nas configurações do WordPress

Para permitir que os alunos se inscrevam em seus cursos, você deve garantir que ativou o registro na área de configurações do WordPress. Você pode fazer isso indo para Configurações → Geral e marcando a caixa associação para que todos pode registrar:

Além do botão de registro em cursos individuais, o Tutor LMS também permite que você crie uma página de registro onde os alunos podem criar uma conta. Você pode especificar esta página acessando Tutor LMS → Configurações → Alunos.

Para facilitar a conexão dos alunos, você também pode usar o widget Login no Elementor Pro para adicionar um formulário de login em qualquer lugar do seu site. O widget Login também permite que você redirecione os usuários para uma página personalizada após eles fazerem login, para que você possa redirecioná-los automaticamente para o painel de sua conta.

Definir as configurações gerais do curso

Agora vamos dar uma olhada em algumas das outras configurações na área Configurações do Tutor LMS.

Nas abas Em geral, Curso, lições et Questionário, você pode configurar bases importantes para essas áreas.

Por exemplo, você pode querer usar o reprodutor de vídeo nativo do YouTube em vez do reprodutor de vídeo personalizado do Tutor LMS. Você pode configurá-lo na guia Em geral. Ou você pode redirecionar automaticamente os usuários para o curso depois de concluir uma compra no WooCommerce no Aulas.

Nós o encorajamos a explorar todas essas configurações, pois você pode encontrar algumas opções úteis para seus cursos.

Permitir vários instrutores

Até agora, focamos principalmente na ideia de criar um curso com um único instrutor (por exemplo, você ou seu cliente). Mas o Tutor LMS também permite que você autorize vários instrutores, incluindo uma opção de divisão de comissão. Isso permitiria que você contratasse vários instrutores sob sua própria marca ou crie seu próprio clone Udemy, onde você permite que instrutores terceirizados se inscrevam e criem seus próprios cursos.

Se quiser permitir vários instrutores, você pode configurá-lo na guia Treinadores nas configurações do Tutor LMS. Você também pode especificar uma página de registro de instrutor e escolher se os instrutores publicam diretamente seus próprios cursos:

Se você deseja oferecer aos instrutores uma comissão sobre a receita do curso que eles geram, pode configurá-la a partir de a guia Ganhos. Você também pode especificar um valor mínimo de retirada e escolher os métodos de retirada na guia Cancelamento.

E isso é tudo ! Agora você tem um curso online de trabalho desenvolvido por Elementor e Tutor LMS.

Como gerenciar seu curso online (pagamentos, integração, etc.)

Agora que você configurou seu curso online e criou um belo design com o Elementor, vamos ver como você pode gerenciar as partes principais do seu curso no dia a dia. Isso cobre ações como:

  • Gerenciar e integrar novos alunos.
  • Visualize / gerencie pagamentos e ganhos.
  • Gerenciar instrutores (se você decidiu autorizar vários instrutores).

Gerenciar e integrar novos alunos

Nesse ponto, seus alunos poderão se inscrever em contas e se inscrever em cursos gratuitos ou pagos por conta própria.

Eles também terão seu próprio painel, onde podem visualizar seus cursos registrados, deixar avaliações e acessar outros detalhes importantes:

Como proprietário do curso, você também obterá ferramentas para gerenciar e interagir com seus alunos. Você pode fazer isso no painel principal do WordPress ou no painel de front-end da sua conta (o que é especialmente útil se você permitir instrutores terceirizados).

Uma área chave de interação é Perguntas e respostas. Seus alunos têm a opção de deixar perguntas sobre cada curso / aula e você pode responder a essas perguntas em seu painel (backend ou frontend).

Você também pode criar anúncios, que permitem enviar uma mensagem a todos os alunos de uma turma. Novamente, você pode fazer isso no back-end ou no front-end, dependendo de sua preferência.

Você também terá outras áreas do painel para visualizar sua lista de alunos, visualizar tentativas de questionários e realizar outras ações administrativas importantes.

Com o Tutor LMS Pro e o complemento Tutor Report, você também obterá um painel dedicado com uma visão geral de seus cursos e opções para rastrear inscrições e estatísticas ao longo do tempo, o que é útil para detectar tendências em suas aulas:

criar um curso online

Ver e gerenciar pagamentos

Se você estiver vendendo cursos, poderá encontrar situações em que precise visualizar e gerenciar seus pagamentos e talvez até mesmo oferecer reembolsos, se necessário.

Como você está usando o WooCommerce para gerenciar pagamentos para Tutor LMS, você pode visualizar todos esses detalhes nas configurações do WooCommerce - WooCommerce → Pedidos para ver comandos específicos ou WooCommerce → relatórios para ver os relatórios globais.

Se você usar WooCommerce Associações para pagamentos recorrentes, você também pode rastrear e gerenciar assinaturas.

Você ou seus instrutores também podem acompanhar os ganhos no painel frontal. Se você permitir instrutores terceirizados e pagar comissões, eles também poderão ver seu histórico de ganhos e retiradas.

instrutores de gestão

Se você permitir que outros instrutores criem cursos, você pode gerenciar todos os seus instrutores acessando Tutor LMS → Treinadores no painel do WordPress. Você pode adicionar manualmente novos instrutores, editar instrutores existentes e bloquear instrutores conforme necessário.

Crie seu próprio curso online com Elementor e Tutor LMS

Criar cursos online é uma ótima maneira de construir um público e monetizar seu conhecimento. Você pode compartilhar seu conhecimento sobre web design ou qualquer outro assunto em que tenha experiência.

Combinando Tutor LMS et Elementor, você pode criar cursos exclusivos e personalizados sem a necessidade de conhecimentos técnicos especiais.

O Tutor LMS pode lidar com todos os recursos importantes do curso. Então, com os widgets Tutor LMS Elementor, você pode usar a interface visual de arrastar e soltar do Elementor para projetar o conteúdo e os modelos do curso.

Comece a criar seu primeiro curso hoje e você estará pronto e funcionando rapidamente.

Obtenha o Elementor Pro agora!

Conclusão

Aqui ! É isso neste artigo que mostra como criar um curso online com Tutor LMS e Elementor. Se você tiver alguma dúvida sobre como chegar lá fdeixe-nos saber no Comentários.

No entanto, você também pode consultar nossos recursos, se você precisar de mais elementos para realizar seus projetos de criação de sites da Internet, consultando nosso guia no site Criação de blog WordPress ou aquele em Divi: o melhor tema WordPress de todos os tempos.

Mas enquanto isso, compartilhe este artigo em suas diferentes redes sociais.

...

Este artigo contém comentários 0

Deixe um comentário

Seu endereço de email não será publicado. Campos obrigatórios estão marcados com *

Este site usa Akismet para reduzir indesejados. Saiba mais sobre como seus dados de comentários são usados.

De volta ao topo
0 ações
ação
chilrear
Enregistrer