Пропустить

Как создать онлайн-курс с Tutor LMS и Elementor

Divi: самая простая тема WordPress для использования

Divi: Лучшая тема WordPress всех времен!

Более Загрузка 901.000, Divi - самая популярная тема WordPress в мире. Он является полным, простым в использовании и поставляется с более чем бесплатными шаблонами 62. [Рекомендуется]

Хотите узнать, как создать онлайн-курс с Tutor LMS и Elementor?

Обмен знаниями - прекрасная вещь, и она проявляется в различных формах, включая онлайн-курсы. Онлайн-курсы расширяют возможности тех, кто ищет знания, но они также расширяют возможности тех, кто их создает. С помощью онлайн-курса вы можете создать аудиторию, заявить о себе как о авторитете и даже зарабатывать деньги, если хотите монетизировать свой контент.

Однако создание онлайн-курса - непростая задача, особенно если вы не разработчик. Чтобы помочь вам в этой задаче, Elementor сотрудничает с Репетитор LMS.

Tutor LMS - это плагин WordPress LMS (Learning Management System), который управляет всеми ключевыми аспектами «курса», такими как:

  • Создание курсов, уроков, викторин, домашних заданий и т. Д.
  • Управляйте доступом к своим курсам и даже взимайте разовые или регулярные платежи, если это необходимо.
  • Управляйте своими учениками и взаимодействуйте с ними, например отправляя объявления кандидатам и отвечая на вопросы студентов.

Что особенно полезно в Tutor LMS, так это то, что она предлагает глубокую интеграцию с Elementor, что позволяет вам разрабатывать весь контент вашего курса, используя визуальный интерфейс Elementor и более 25 настраиваемых виджетов. С этим дуэтом у вас есть возможность создавать гибкие курсы, сохраняя при этом возможность использовать Elementor для разработки своего веб-сайта.

В этом пошаговом руководстве мы покажем вам, как именно вы можете создать онлайн-курс с помощью Elementor и Tutor LMS.

Что вы создадите в этом уроке

Прежде чем мы перейдем к руководству, мы хотим кратко рассказать вам о том, что именно вы будете создавать в этом руководстве.

С Tutor LMS вы можете создавать свои собственные курсы по любому предмету, с различными уроками, викторинами и т. Д. Затем вы можете использовать виджеты Elementor 25+ и Tutor LMS для создания дизайна своей страницы.

Вот пример того, как это может выглядеть - весь контент взят из Tutor LMS, но дизайн поддерживается Elementor:

Учащиеся смогут улучшить ваши уроки и тесты. У них также будет собственная панель управления, на которой они смогут управлять записанными курсами и отслеживать свой прогресс.

Как владелец курса, вы также получите информационные панели, на которых вы сможете управлять своими курсами, студентами, доходами и т. Д. Вы также можете взаимодействовать со студентами с помощью объявлений и вопросов и ответов.

Это всего лишь краткий обзор, чтобы дать вам представление о том, что вы собираетесь создать.

Как создать онлайн-курс с Elementor

Готовы ли вы создать свой онлайн-курс?

Вот общий обзор шагов, которые вам необходимо предпринять, чтобы начать свой курс:

  1. Настройте свой основной сайт WordPress и установите необходимые плагины.
  2. Добавьте содержание своего курса с помощью Tutor LMS,
  3. Создавайте страницы своего курса с помощью Elementor.
  4. Настройте платежи через WooCommerce, если хотите взимать плату за доступ.
  5. При необходимости настройте другие различные параметры, например, разрешите ли вы использовать сторонних инструкторов.

1. Создайте веб-сайт и установите необходимые плагины.

Прежде чем вы начнете создавать свой онлайн-курс, вам нужно будет настроить свой базовый веб-сайт WordPress и установить плагины, которые вам понадобятся.

Настроить WordPress

Если вы еще не настроили WordPress, ваш первый шаг - выбрать хостинг WordPress и установить программное обеспечение WordPress.

После того, как вы приобрели хостинг, используйте установщик WordPress вашего хостинг-провайдера, чтобы создать новый сайт WordPress для своего онлайн-курса.

Установить плагины

После того, как у вас есть базовый веб-сайт WordPress, следующим шагом будет установка и настройка необходимых плагинов.

Вот обязательные и необязательные плагины, которые вам понадобятся для создания курса:

  • Факир - обязательно - бесплатный базовый плагин Elementor позволяет создавать контент вашего курса и другие страницы с помощью визуального редактора с перетаскиванием.
  • Факир Pro - необязательно - вам нужно будет установить Elementor Pro, если вы хотите использовать Elementor Theme Builder для разработки своего веб-сайта. Однако вам нужна только бесплатная версия Elementor для разработки курсов Tutor LMS.
  • Репетитор LMS - обязательно - бесплатный плагин Tutor LMS предоставляет движок для поддержки всего содержимого вашего курса, уроков, викторин, управления студентами / преподавателями и т. д. Практически весь функционал курса. Он запустит мастер установки, как только вы его активируете - обязательно следуйте инструкциям, чтобы настроить некоторые важные основы для вашего курса.
  • Репетитор LMS Pro - необязательно - для прохождения этого курса вам не нужна премиум-версия. Но если такое добавление большого количества функций может вывести ваши курсы на новый уровень, вам, возможно, придется это рассмотреть.
  • Дополнения Tutor LMS Elementor - обязательно - этот бесплатный плагин предоставляет вам более 25 виджетов Elementor, которые позволяют создавать онлайн-курс с помощью Elementor.
  • WooCommerce - требуется, если вы хотите принимать платежи - вам понадобится WooCommerce, если вы хотите монетизировать свои курсы и принимать разовые или повторяющиеся платежи. Если вам нужна помощь в настройке, ознакомьтесь с нашим руководством по Как установить и настроить WooCommerce

Выберите тему

Наконец, вам также необходимо настроить базовый дизайн вашего курса. Мы покажем вам, как создавать страницы вашего курса с помощью Elementor позже в этом руководстве, но вам необходимо настроить базовый дизайн вашей домашней страницы и других ключевых страниц.

У вас есть несколько вариантов.

Прежде всего, вам нужно использовать бесплатная тема привет затем импортируйте Elementor ONLINE COURSE Model Kit. Это исчерпывающий набор шаблонов, который поможет вам настроить все основные страницы вашего курса и позволит вам использовать Elementor Theme Builder для настройки дизайна вашего веб-сайта.

Или вы можете использовать специальную тему Tutor LMS, например TutorStarter, в котором представлены демонстрации, созданные с помощью Elementor. Вы можете импортировать любую из демонстраций, а затем настроить все, используя интерфейс Elementor.

В этом уроке мы будем использовать одну из демонстраций TutorStarter - однако вы можете выбрать подход, который вам больше нравится.

Вот как выглядит импорт одного из проектов Elementor TutorStarter:

2. Настройте содержание курса.

Теперь вы готовы настроить содержание курса и уроки. Затем в следующем разделе вы узнаете, как управлять дизайном контента вашего курса с помощью Elementor.

Создать курс

Чтобы создать свой первый курс, перейдите на Репетитор LMS → Курс → Добавить.

Во-первых, заполните все основные сведения о вашем курсе, такие как название, описание, категории / теги, параметры в области настроек курса. Конечно и варианты в районе Дополнительная информация. Вы также можете установить специальный вводный видеоролик для курса:

Как только вы это сделаете, вы можете настроить структуру своего курса, используя поле. Конструктор курсов перетаскиванием.

Вы можете разделить свой курс на разные «темы». Внутри каждой темы вы можете добавлять уроки, домашние задания, живые уроки и викторины. Вот диаграмма, которая показывает, как это работает:

Для начала добавьте новый раздел в области построителя курсов. Внутри каждой темы вы увидите запрос на добавление урока или викторины. С Tutor LMS Pro вы также увидите варианты домашних заданий и уроки увеличения в реальном времени.

Если вам нужно изменить порядок чего-либо, вы можете использовать функцию перетаскивания:

Добавить содержание урока

Чтобы добавить урок и контролировать его содержание, щелкните ссылку урок в судее годы строитель. Откроется всплывающее окно, в котором вы можете:

  • Добавьте название урока.
  • Представьте текстовое содержание урока в редакторе.
  • Определите видео урока. Как правило, вам понадобитсявставлять видео с YouTube или Vimeo. Tutor LMS предлагает возможность использования собственного видеоплеера, который не позволит посетителям делиться видео вашего курса, если вы этого не хотите.
  • При необходимости загрузите вложения.

Легко создайте свой сайт с Elementor

Elementor позволяет легко создать любой дизайн сайта с профессиональным дизайном. Прекратите платить дорого за то, что вы можете сделать сами. [Free]

После этого ваш урок появится под темой в конструкторе уроков.

Повторите процесс, чтобы добавить уроки, которые вы хотите включить в свой курс. Опять же, если вам нужно изменить порядок уроков или переместить их в другую тему, вы можете использовать перетаскивание.

Добавить викторины (необязательно)

Если вы хотите добавить в свой курс викторины, это будет похоже на добавление урока. Для начала вы перейдете по ссылке опросник-тест в разделе, куда вы хотите добавить тест. Откроется всплывающее окно, в котором вы можете настроить тест и добавить вопросы.

Вы можете добавлять неограниченное количество вопросов и выбирать из разных типов вопросов. Вы также получите другие настройки, такие как присвоение баллов за вопрос для выставления оценок:

Чтобы получить доступ к другим типам вопросов викторины, вы можете перейти на премиум-версию Tutor LMS. Он включает новые типы вопросов для коротких ответов, совпадений, совпадений изображений, ответов в картинках и т. Д.

В настройках викторины вы также сможете настроить такие детали, как:

  • Задержки.
  • Режимы обратной связи.
  • Разрешены ли новые попытки. Если да, то сколько.
  • Проходящие оценки.
  • И т.д…

Когда вы закончите, вы должны увидеть, что ваш тест появится в Конструктор курсов. Вы можете повторить процесс, чтобы добавить больше викторин, и использовать перетаскивание, чтобы изменить их расположение в курсе, если это необходимо.

Просмотрите свой курс и опубликуйте его

Как только вы будете удовлетворены структурой вашего курса в строитель Классы, вы готовы просмотреть и опубликовать свой курс.

Чтобы просмотреть его, просто нажмите Вариант предварительного просмотра в правом верхнем углу, как если бы вы использовали его для предварительного просмотра любого другого типа контента WordPress. Не беспокойтесь о дизайне - вы научитесь управлять им дальше. Вам просто нужно убедиться, что общая структура вашего курса выглядит правильно, и вы добавили все необходимые детали.

Если вас все устраивает, вы можете нажать на кнопку. публиковать опубликовать свой курс:

3. Создайте свой курс с Elementor

На этом этапе вы добавили весь контент своего курса в серверную часть своего веб-сайта. Теперь вы готовы отображать этот контент во внешнем интерфейсе с помощью Elementor.

Помимо возможности разрабатывать другие части вашего веб-сайта, интеграция Elementor с Tutor LMS дает вам два способа создания шаблонов для ваших курсов:

  1. Вы можете создать глобальный шаблон, который будет применяться ко всем курсам.
  2. Вы можете переопределить общий шаблон для отдельных курсов, чтобы создать индивидуальный дизайн.

Давайте сначала посмотрим, как создавать шаблоны ваших курсов, а затем мы рассмотрим другие области, такие как создание страницы для демонстрации ваших курсов.

Включить Elementor для контента Tutor LMS

Для начала вам нужно сообщить Elementor, что вы хотите использовать его для контента Tutor LMS. Чтобы настроить это, перейдите в Elementor → Настройки. Во вкладке Общий, установите следующие флажки в списке Типы контента :

  • курс
  • занятия
  • опросник-тест
  • задачи

Создайте глобальный шаблон для своих курсов

Затем вы можете использовать Elementor для создания общего шаблона, который все ваши курсы будут использовать по умолчанию.

Для начала пройдите в район модели на панели управления и нажмите добавлять. Во всплывающем окне выберите страница в раскрывающемся списке, затем установите флажок Уникальный шаблон курса Tutor LMS. Затем вы можете дать ему имя, которое поможет вам его запомнить:

Теперь вы попадете в интерфейс Elementor. Чтобы добавить содержание курса, вы можете использовать специальные виджеты Tutor LMS.

Когда вы добавляете их, Tutor LMS автоматически заполняет их фактическим содержанием вашего курса, как при использовании Elementor Theme Builder:

Вам следует использовать большинство виджетов, хотя вы можете опустить некоторые виджеты, если не хотите отображать эту информацию. Один виджет, который вы не хотите упускать, - это поле регистрации курсапотому что это то, что посетители будут использовать для регистрации на курс.

Вы также можете использовать все другие виджеты Elementor, поэтому не стесняйтесь проявлять творческий подход к своему дизайну.

Когда вы будете довольны тем, как он выглядит, нажмите публиковать.

Создайте индивидуальный дизайн для курса (необязательно)

При необходимости вы также можете использовать Elementor для переопределения общего шаблона курса для отдельного курса.

Для этого откройте редактор курса (Репетитор LMS → Курс). Затем нажмите на кнопку Редактировать с помощью Elementor чтобы открыть интерфейс Elementor для этого курса:

Создайте страницу архива курса (список курсов)

Если у вас несколько курсов, страница архива вашего курса - это страница, на которой перечислены все ваши курсы, чтобы посетители могли видеть все, что вы можете предложить.

Если у вас много курсов, вам может потребоваться создать специальную страницу архива курса. Или, может быть, вам просто нужно включить список курсов на другой странице (например, на вашей домашней странице). Или вам, возможно, придется сделать и то, и другое!

Чтобы помочь вам просматривать все или часть ваших курсов, Tutor LMS поставляется с двумя выделенными виджетами Elementor, каждый из которых имеет множество подопций:

  1. Список курсов
  2. Карусельный маршрут

С виджетом Список курсов, вы можете отобразить список всех ваших курсов в виде одного или нескольких столбцов с четырьмя разными «скинами»:

  • классический
  • карта
  • Сложены
  • Наложенный

В настройках виджета вы также получите множество других опций для управления метаданными, кнопками регистрации, разбивкой на страницы и т. Д. Если у вас много курсов, вы также можете использовать правила запроса для фильтрации определенных курсов по категории или тренеру.

виджет Карусель курса имеет те же основные параметры и скины, но показывает ваши курсы в виде карусели, а не в виде списка.

Вы получите дополнительные параметры для управления навигацией, автовоспроизведением, бесконечным циклом и т. Д.:

Вы ищете лучшие темы и плагины WordPress?

Загрузите лучшие плагины и темы WordPress на Envato и легко создайте свой сайт. Уже больше, чем 49.720.000. [ЭКСКЛЮЗИВ]

Помимо использования этих виджетов Elementor для отображения ваших курсов, вы также можете назначить фактическую страницу архива курса, если перейдете на Репетитор LMS → Настройки → Курсы.

4. Плата за доступ к курсу (необязательно)

Если вы хотите предлагать только бесплатные уроки, вам не нужно ничего настраивать в этом разделе. Но если вы хотите взимать плату за доступ к своим курсам, вам необходимо настроить его сейчас.

Tutor LMS предлагает несколько вариантов приема платежей, включая WooCommerce, Easy Digital Downloads (EDD) и платное членство Pro. Однако в этом разделе мы сосредоточимся на интеграции с WooCommerce.

Вы можете принимать разовые платежи с помощью базового плагина WooCommerce. Если вы хотите принимать автоматические регулярные платежи, вам необходимо приобрести популярный плагин. Подписки WooCommerce.

Чтобы взимать плату за доступ к вашему курсу, вы создадите обычный продукт WooCommerce и свяжете его с одним из ваших курсов. Затем сведения об этом продукте появятся на странице вашего курса, и студенты смогут приобрести его, используя обычную кассу WooCommerce (и любые другие платежные шлюзы, которые вы настроили).

После того, как вы установили основы WooCommerce, вот как настроить его с помощью Tutor LMS.

Включить монетизацию

Во-первых, вам нужно будет включить монетизацию в настройках Tutor LMS. Перейти к Репетитор LMS → Настройки → Монетизация и определить вариант монетизации из  WooCommerce:

Создать продукт WooCommerce

Теперь перейдите к Товары → Добавить  чтобы создать продукт, который вы свяжете со своим курсом.

Вам не нужно заполнять всю информацию о продукте, как в реальном магазине WooCommerce. Вместо этого просто сосредоточьтесь на:

  • Название
  • Описание
  • Изображение продукта (оно появится на странице оформления заказа, но не будет отображаться на странице вашего курса)
  • Цена (или, если у вас есть подписки WooCommerce, сведения о подписке)

Свяжите продукт со своим курсом

Создав продукт, откройте редактор курса, который вы хотите связать с этим продуктом. Прокрутите вниз до области Добавить продукт внизу редактора курса.

Определите Типа конечно из  Платит, затем используйте раскрывающийся список, чтобы выбрать продукт WooCommerce, созданный в предыдущем разделе:

И это все ! Чтобы отобразить стоимость курса в шаблоне курса, вы можете использовать виджет Стоимость курса в Elementor. Для платных курсов виджет Ящик для регистрации Курс автоматически переключится на «Добавить в корзину», чтобы предложить пользователям приобрести курс и зарегистрироваться.

Когда студенты выезжают, они увидят обычный процесс оформления заказа WooCommerce. Как только они совершат покупку, они будут автоматически зачислены на курс - у вас также есть возможность автоматически перенаправить их на страницу курса.

5. При необходимости настройте дополнительные параметры.

На этом этапе мы рассмотрели все основные функции, необходимые для запуска и запуска курса. В завершение вам нужно изучить настройки Tutor LMS и при необходимости внести еще несколько изменений. Здесь вы можете углубиться и настроить свой курс в соответствии со своими потребностями.

Но прежде чем перейти к настройкам Tutor LMS, необходимо выполнить обычную настройку WordPress.

Включите запись в настройках WordPress

Чтобы студенты могли зарегистрироваться на ваши курсы, вы должны убедиться, что вы включили регистрацию в области настроек WordPress. Вы можете сделать это, перейдя в Настройки → Общие и установив флажок членство так что все можно зарегистрироваться:

Помимо кнопки регистрации на отдельных курсах, Tutor LMS также позволяет создать страницу регистрации, на которой студенты могут создать учетную запись. Вы можете указать эту страницу, открыв Tutor LMS → Настройки → Учащиеся.

Чтобы облегчить общение учащихся, вы также можете использовать виджет входа в Elementor Pro чтобы добавить форму входа в любое место на вашем сайте. Виджет входа в систему также позволяет перенаправлять пользователей на пользовательскую страницу после их входа в систему, чтобы вы могли автоматически перенаправлять их на панель управления их учетными записями.

Сконфигурируйте общие настройки курса

Теперь давайте взглянем на некоторые другие настройки в области настроек Tutor LMS.

Во вкладках Общий, Курс, занятия et Контрольный опрос, вы можете настроить важные базы для этих областей.

Например, вы можете использовать собственный видеоплеер YouTube вместо пользовательского видеоплеера Tutor LMS. Вы можете настроить его на вкладке Общий. Или вы можете автоматически перенаправлять пользователей на их курс после завершения покупки WooCommerce в Кур.

Мы рекомендуем вам изучить все эти настройки, так как вы можете найти некоторые полезные варианты для своих курсов.

Разрешить несколько инструкторов

До сих пор мы в основном сосредоточились на идее создания курса с одним преподавателем (например, с вами или вашим клиентом). Но Tutor LMS также позволяет авторизовать нескольких инструкторов, включая вариант разделения комиссии. Это позволит вам нанять нескольких инструкторов под вашим собственным брендом или создать свой собственный клон Udemy, в котором вы разрешите сторонним инструкторам регистрироваться и создавать свои собственные курсы.

Если вы хотите разрешить использование нескольких инструкторов, вы можете настроить это на вкладке Тренеры в настройках Tutor LMS. Вы также можете указать страницу регистрации инструктора и выбрать, будут ли инструкторы напрямую публиковать свои собственные курсы:

Если вы хотите предложить инструкторам комиссию с доходов от курсов, которые они генерируют, вы можете настроить ее на странице вкладка "Заработок". Вы также можете указать минимальную сумму вывода и выбрать способы вывода во вкладке Снятие.

И это все ! Теперь у вас есть рабочий онлайн-курс на базе Elementor и Tutor LMS.

Как управлять своим онлайн-курсом (оплата, интеграция и т. Д.)

Теперь, когда вы настроили свой онлайн-курс и создали красивый дизайн с помощью Elementor, давайте перейдем к тому, как вы можете управлять ключевыми частями своего курса на повседневной основе. Это касается таких действий, как:

  • Управляйте и интегрируйте новых студентов.
  • Просмотр / управление платежами и доходами.
  • Управляйте инструкторами (если вы решили авторизовать нескольких инструкторов).

Управляйте и интегрируйте новых студентов

На этом этапе ваши студенты смогут регистрировать учетные записи и самостоятельно подписываться на бесплатные или платные курсы.

У них также будет собственная панель управления, на которой они смогут просматривать свои зарегистрированные курсы, оставлять отзывы и получать доступ к другим ключевым деталям:

Как владелец курса, вы также получите инструменты для управления и взаимодействия со своими учениками. Вы можете сделать это с главной панели управления WordPress или с панели управления вашего аккаунта (что особенно полезно, если вы разрешаете сторонним инструкторам).

Ключевым направлением взаимодействия является Вопросы ET Réponses. У ваших учеников есть возможность оставить вопросы по каждому курсу / уроку, и затем вы сможете ответить на эти вопросы со своей панели инструментов (серверной или внешней).

Вы также можете создавать объявления, которые позволяют отправлять сообщения всем учащимся в классе. Опять же, вы можете сделать это из внутреннего или внешнего интерфейса в зависимости от ваших предпочтений.

Вы также получите другие области панели инструментов для просмотра списка учащихся, просмотра попыток викторины и выполнения других ключевых административных действий.

С Tutor LMS Pro и надстройкой Tutor Report вы также получите специальную панель управления с обзором ваших курсов и опциями для отслеживания регистрации и статистики с течением времени, что полезно для выявления тенденций на ваших уроках:

создать онлайн-курс

Просмотр платежей и управление ими

Если вы продаете курсы, у вас могут быть ситуации, когда вам нужно просматривать и управлять своими платежами, и, возможно, даже предлагать возмещение, если это необходимо.

Поскольку вы используете WooCommerce для управления платежами для Tutor LMS, вы можете просмотреть все эти данные в настройках WooCommerce - WooCommerce → Заказы для просмотра определенных команд или WooCommerce → отчеты чтобы увидеть глобальные отчеты.

Если вы используете Членство в WooCommerce для регулярных платежей вы также можете отслеживать и управлять подписками.

Вы или ваши инструкторы также можете отслеживать доходы с панели управления веб-интерфейсом. Если вы разрешите сторонним инструкторам и будете платить комиссионные, они также смогут видеть свою историю доходов и снятия средств.

Инструкторы управления

Если вы разрешаете другим инструкторам создавать курсы, вы можете управлять всеми своими инструкторами, перейдя в Репетитор LMS → Тренеры в вашей панели управления WordPress. Вы можете вручную добавлять новых инструкторов, редактировать существующих инструкторов и при необходимости блокировать инструкторов.

Создайте свой собственный онлайн-курс с Elementor и Tutor LMS

Создание онлайн-курсов - отличный способ собрать аудиторию и монетизировать свои знания. Вы можете поделиться своими знаниями о веб-дизайне или любом другом предмете, в котором у вас есть опыт.

Объединяя Репетитор LMS et Факир, вы можете создавать уникальные и персонализированные курсы без специальных технических знаний.

Tutor LMS может справиться со всеми важными функциями курса. Затем, с виджетами Tutor LMS Elementor, вы можете использовать визуальный интерфейс перетаскивания Elementor для разработки содержания и шаблонов вашего курса.

Начните создавать свой первый курс сегодня, и вы сразу же приступите к работе.

Получите Elementor Pro прямо сейчас!

Заключение

Здесь ! Вот и все, что касается этой статьи, в которой показано, как создать онлайн-курс с Tutor LMS и Elementor. Если у вас есть вопросы о том, как туда добраться fдайте нам знать в Комментарии.

Тем не менее, вы также можете проконсультироваться наши ресурсы, если вам нужно больше элементов для реализации ваших проектов создания интернет-сайтов, обратитесь к нашему руководству по Создание блога на WordPress или Divi: лучшая тема WordPress всех времен.

Но тем временем поделитесь этой статьей в разных социальных сетях.

...

Эта статья содержит комментарии 0

Оставить комментарий

Ваш электронный адрес не будет опубликован. Обязательные для заполнения поля помечены *

Этот сайт использует Akismet для уменьшения нежелательности. Узнайте больше о том, как используются ваши комментарии.

Вверх
0 акции
доля
чирикать
Регистрация