Как мы сделали онлайн-курсы на Tilda

БЛОГ MANUFACT

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

Подходит ли Tilda для создания онлайн-курса? Tilda это LMS? Отвечаем на эти вопросы на практике. 

Для многих мастеров своего дела, которые хотят поделиться своим уникальным опытом, создание онлайн-курсов — логичный следующий шаг. Часто случается так, что обучающие материалы уже разработаны (видео, текст, тестовые задания), но нет площадки для их размещения. Рассказываем, подошла ли Tilda для разработки курсов для художников Collabex.

Оглавление

Tilda это LMS?

Вопрос, который интересует многих. Формально — нет, Тильда это CMS (система управления контентом). Благодаря гибкой настройке функций, Тильду легко адаптировать под разные типы ресурсов (интернет-магазин, продающий лендинг, блог), и под онлайн-курс в том числе.

Можно ли Тильду назвать LMS мы выяснили, пока делали курсы Collabex. Дальше расскажем, что удалось сделать с помощью Тильды, какие были нюансы.

Об онлайн-курсах Collabex

В рамках проекта Collabex нашей основной задачей было как создать сайт на Tilda с каталогом работ художников, так и разработать онлайн-курс. Поэтому наш выбор пал на Тильду. Просмотреть результат можно по ссылке.

Задачи, которые перед нами стояли

При работе над проектом Collabex перед нами стояли следующие задачи:

1. Создать личный кабинет студента
Интуитивно понятный личный кабинет с отдельным входом по кнопке.

2. Разделить уровни доступа
Для ограничения доступа к разному количеству купленных курсов и уроков.

3. Интегрировать функцию оплаты онлайн
Чтобы студенты могли купить курс, не покидая сайта.

4. Сделать удобную для обновления площадку
Преподаватели сами могут обновлять материалы и добавлять новые уроки.

5. Защитить контент от копирования
Курсы состоят из платных видео- и тестовых материалов, которые нельзя копировать.

6. Реализовать проверочные тесты
Заполненные студентами тесты видны преподавателям.

Что у нас получилось сделать с помощью Tilda

Оплата уроков прямо на сайте

Отдельные уроки или курс целиком можно оплатить с помощью системы Web Pay прямо на сайте. Курсы различаются по количеству материалов — чем больше лекций в курсе, тем дороже курс. Из этого следует необходимость создать пользовательские кабинеты разного уровня, чтобы после оплаты человек мог войти в свой аккаунт и увидеть там то количество лекций, за которое он заплатил.

Личный кабинет студента, разные уровни доступа

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

Галерея лекций реализована с помощью блока «Новости», состоит из обложки лекции и её названия. При желании можно добавить ещё и описание.

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

Защита от копирования

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

Можно защитить видео (перейти по ссылке на YouTube могут только авторизовавшиеся пользователи) и тексты от копирования (с помощью специального блока Тильды, который запрещает копирование информации). Видео можно также просматривать прямо на странице лекции.

PRO.tip: рекомендуем загружать видео на Vimeo, потому что они воспроизводятся только по принципу «окно в окне». Таким образом видео нельзя будет открыть в другом окне, на площадке Vimeo, и передать ссылку другому пользователю или же скачать его.

Самостоятельное изменение и обновление информации

Tilda удобная и простая.

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

Удобная административная панель, где каждый, у кого есть доступ к сайту, может редактировать его наполнение. Таким образом на Тильде можно менять материалы (видео, тексты и тесты) самостоятельно и быстро, что удобно для технически неподготовленных пользователей. Если спустя некоторое время вы вошли во вкус и хотели бы создать ещё один курс или поменять что-то в том, что уже есть, у Тильды есть свой обучающий канал на Youtube и журнал, посвященный обучению.

Итоговый тест

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

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

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

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

PRO.tip: настраивается падение заявок и любой информации из тестов и форм Tilda в другие CRM системы, на доску в Trello, Телеграмм и любой другой мессенджер кроме Viber, даже в SendPulse.

Какие потребности онлайн-курсов покрывает Tilda

Tilda покрывает такие потребности создателей курсов, как:

1. Разделение уровней доступа.
2. Размещение видео, текстов, тестов.
3. Каталогизирование и сортировка информации.
4. Работа с группами пользователей.

Можно смело назвать данный конструктор системой управления обучением (Learning Management System).

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

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

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

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

upd. 03.12.2021

Как раздаются доступы к разным курсам для одного пользователя

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

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

upd. 23.12.2021

Подходит ли Тильда именно вашему курсу/онлайн школе

У разных курсов содержание отличается. Если это медиафайлы (фото, видео, аудио), то разместить их на Тильде не составит труда. Тесты с отправкой на проверку — тоже. А вот проходить тест онлайн вместе с учителем или преподавателем на Тильде не получится. По крайней мере, если не созваниваться и не использовать демонстрацию экрана в Zoom или Skype.

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

Разработчики Tilda быстро реагируют на спрос, поэтому если они поймут, что платформой хотят пользоваться многие именно как LMS, вполне возможно, что такие блоки и функции появятся в новых обновлениях.

Полезные ссылки

Как раздать/ограничить доступ и другие возможности личного кабинета: в этой статье.

Авторы

  • Редактор блога MANUFACT и автор статей о разработке и продвижении в интернете с семи годами опыта за плечами. Легенда гласит, что она знает всё. Сама же Лизавета убеждена, что никто всего не знает, а знающего человека от незнающего отличает только умение задавать правильные вопросы и находить на них ответы.

  • Общий опыт Ильи в веб-разработке и SEO продвижении составляет 10 лет. Работает с WordPress, Tilda, Bitrix. Знает CSS, JavaScript, HTML 5. Любит учиться новому и когда всё, а особенно сайты, работает, как часы. Убеждён, что люди изобрели одежду без пуговиц и замков не для того, чтобы мы утруждались. Любит пить чай и кофе из литровой кружки и писать статьи в блог MANUFACT.

Спасибо за внимание. 

Пишите комментарии, делитесь статьёй в социальных сетях с помощью кнопок ниже и подписывайтесь на рассылку в нашем блоге. Мы всегда рады новым гостям!

Поделиться в telegram
Поделиться в vk
Поделиться в facebook
Поделиться в twitter
Поделиться в pinterest
Поделиться в linkedin
Поделиться в whatsapp

10 комментариев

    • Здравствуйте! Конечно, обращайтесь к нам любым удобным для вас способом.

      Я как редактор не подскажу, оставлю контакты нашего отдела продаж. Они точно сориентируют вас по стоимости и срокам в зависимости от того, какие функции на сайте вам нужны:
      Почта: sdt@manufact.pro
      По номеру телефона: +375 (25) 543-07-07
      Нам можно написать, если это удобно, мы есть во всех мессенджерах (Telegram, WhatsApp, Viber и др.)
      Страница контактов: https://manufact.pro/contacts

  1. А если человек купит два разных курса, то ему каждый раз будет приходить новый пароль или у него будет единый доступ к учётной записи?

  2. Добрый день, как ограничить срок доступа к курсу на тильд, возможно такое на 3 мес на 6 на год, как на геткурсе.

    • Здравствуйте, Арсений! Ограничить доступ к курсу можно точно так же, как и раздать его, перетащив переключатель в поле «Добавить в группу» на значение «Исключить». Тогда доступ к страницам/разделам для пользователя группы будет отключен. Это делается вручную, но для удобства модерирования могу предложить такой вариант: создавать группы пользователей с доступом к курсу с привязкой к временному отрывку, в течение которого курс будет доступен. Допустим, добавить пользователей в группу с названием «Группа 1 (3 месяца)» тем, кому доступ даете на этот срок, раздать доступ в начале трех месяцев, а потом отключить его по прошествии этого срока.

      Вот скриншот, который мы прикрепили чуть выше, где объясняли, как раздать доступ. Здесь вы можете видеть в последней колонке таблички поле «Добавить в группу», где можно добавлять/исключать (давать доступ/ограничивать) пользователей. Также как раздать/ограничить доступ и другие возможности личного кабинета описали в этой статье в разделе «Добавление и исключение участников во вкладке «Пользователи»».

      Подскажите, все ли понятно? Если вам понадобится помощь с поиском этих функций, у нас есть рабочий Telegram, WhatsApp и Viber, куда вы можете написать, по номеру +375 25 543 0707.

  3. Добрый день. А можно сделать так, чтобы видео открывались, например, 3 видео одна неделя, +3 видео вторая. И как это сделать, спасибо!

    • Добрый день!
      Технически можно, с помощью все тех же функций личного кабинета. Любому пользователю с личным кабинетом можно раздать доступ к разным страницам вручную, через админ. панель ( Настройки сайта → Личный кабинет → Управление пользователями. Скрин: https://blog.manufact.pro/wp-content/uploads/2021/12/Group-3-1.png).

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

      К сожалению, автоматировать этот процесс пока что нет возможности.

      Мы не знаем в подробностях какой у вас курс, но если есть еще какие-то нюансы, пишите! Разберёмся вместе)

  4. Здравствуйте. на Тильда можно настроить уведомления о новых комментариях к уроку? (выполненое задание ученика)

Ответить

Вам будет интересно
говорящий дизайн телефон и рупор иллюстрация
Дизайн
Что такое продающий дизайн

Азы, подача, принципы и правила создания продающего дизайна и какие задачи перед ним стоят. Факторы, которые влияют на разработку дизайна.

Читать »
цветовая палитра иллюстрация
Дизайн
Как сочетать великое множество цветов

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

Читать »
Ой... закончились опубликованные статьи. Это значит, что мы готовим что-то интересное для вас. Подписывайтесь на блог, чтобы быть в курсе новых публикаций.
Зачитались?

Оставьте email адрес и получайте актуальный и интересный материал от команды MANUFACT.

Зачитались?

Оставьте нам свой e-mail адрес и получайте актуальный материал от команды MANUFACT