Настройка UMIWEB LMS с сайтом - пошаговый запуск онлайн-обучения

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

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

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

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

• логотип организации в формате SVG или PNG;
• favicon в формате SVG;
• обложку сайта в формате JPG;
• краткое описание проекта;
• контактные данные и реквизиты;
• юридические документы;
• тексты и изображения для главной страницы;
• информацию о преподавателях и кураторах;
• описания образовательных программ;
• учебные материалы;
• отзывы и ответы на частые вопросы.

После подготовки материалов переходите к последовательной настройке UMIWEB LMS.

Сначала заполните основную информацию об онлайн-школе, учебном центре или образовательном проекте.

Загрузите логотип

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

Добавьте favicon

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

Обычно favicon создают на основе логотипа. Подготовить комплект иконок можно с помощью сервиса:

https://realfavicongenerator.net/

Рекомендуемый формат для загрузки - SVG. Если не добавить собственную иконку, система будет использовать стандартный favicon UMIWEB LMS.

Заполните краткое описание платформы

Кратко расскажите о вашем образовательном проекте. Укажите направление обучения, целевую аудиторию и основное преимущество.
Рекомендуемый объем описания - не более 240 символов. Текст должен быть понятным, информативным и соответствовать содержанию сайта.

Загрузите обложку сайта

Обложка может отображаться при отправке ссылки на сайт в мессенджерах и социальных сетях.

Рекомендуемые требования:
• формат - JPG;
• размер - не более 800 × 800 пикселей;
• изображение соответствует тематике проекта;
• текст и основные элементы хорошо читаются.

После сохранения базовых настроек переходите к заполнению контактной информации.

Контактные данные помогают посетителям связаться с организацией и повышают доверие к сайту. Информация отображается на странице «Контакты» и в подвале сайта.

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

По возможности добавьте:
• электронную почту;
• номер телефона;
• юридический или фактический адрес;
• код для отображения карты с местоположением офиса.

Используйте только актуальные контакты. Перед публикацией проверьте телефон, электронную почту, адрес и корректность отображения карты.

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

В зависимости от организационно-правовой формы могут потребоваться:
• наименование юридического лица, ИП или самозанятого;
• ИНН;
• ОГРН юридического лица;
• ОГРНИП индивидуального предпринимателя;
• юридический адрес организации или ИП.

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

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

К обязательным документам относятся:
• политика конфиденциальности;
• согласие на обработку персональных данных.

Шаблоны можно скачать в соответствующем разделе UMIWEB LMS. Перед публикацией заполните их и адаптируйте под процессы вашей организации.

Обработка персональных данных регулируется Федеральным законом от 27 июля 2006 года № 152-ФЗ «О персональных данных».

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

Порядок применения публичной оферты регулируется статьей 437 Гражданского кодекса Российской Федерации.

Шаблоны рекомендуется проверять совместно с профильным юристом. Это поможет учесть формат обучения, способы оплаты и особенности обработки персональных данных.

На базе UMIWEB LMS можно создать полноценный многостраничный сайт образовательного проекта. Его разделы формируются и редактируются через единую панель управления.

В стандартную структуру сайта входят следующие страницы.

Главная страница

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

Каталог курсов

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

Страницы курсов

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

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

Блог

Раздел появляется после публикации первой статьи или новости. Блог можно использовать для информирования аудитории, демонстрации экспертности и SEO-продвижения онлайн-школы.

Статьи и новости

Каждая публикация создается и редактируется через панель управления UMIWEB LMS.

Контакты

Страница формируется автоматически на основании контактной информации, указанной администратором.

Персонал

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

Сведения об образовательной организации

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

Перейдите в раздел «Конструктор главной». В нем находятся готовые блоки, которые можно редактировать, менять местами или скрывать.

Настройте шапку сайта

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

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

Оформите главный баннер

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

На главном баннере рекомендуется указать:
• название онлайн-школы или учебного центра;
• краткое описание;
• ключевое преимущество;
• призыв к действию.

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

Добавьте популярные курсы

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

Заполните блок «Что вы получите»

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

Используйте информационные блоки

В них можно рассказать:
• о формате обучения;
• методике преподавания;
• документах по итогам обучения;
• сроках прохождения программ;
• условиях поступления;
• порядке доступа к материалам.

Добавьте направления обучения

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

Настройте табличный блок

Таблица подходит для структурированного представления информации.

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

Заполните раздел «О нас»

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

Настройте блок «Все курсы»

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

Опишите процесс обучения

В блоке «Как проходят занятия» объясните:
• как слушатели получают доступ к материалам;
• в каком формате проходят занятия;
• предусмотрены ли задания и тесты;
• как организована обратная связь;
• кто проверяет выполненные работы;
• сколько времени доступен курс.

Добавьте персонал

Блок формируется автоматически после добавления сотрудников в разделе «Кураторы». При необходимости его можно скрыть.

Опубликуйте отзывы

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

Заполните раздел «Вопросы и ответы»

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

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

Если возможностей стандартного конструктора недостаточно, для облачной или локальной версии UMIWEB LMS можно разработать индивидуальные блоки.

Перейдите в раздел «Конструктор курсов» и создайте новую программу либо откройте ранее добавленный курс.

Чтобы сформировать отдельную посадочную страницу, найдите параметр «Посадочная страница курса» и выберите значение «Да». Функция доступна для программ из встроенного конструктора и загруженных SCORM-курсов.

Заполните обязательные поля

Для создания карточки курса укажите:
1. Изображение.
2. Название программы.
3. Направление обучения.
4. Краткое описание.
5. Базовую стоимость.

После этого переходите к оформлению посадочной страницы.

Загрузите главную обложку

Используйте широкоформатное изображение размером не менее 1550 × 800 пикселей. Оно будет отображаться в верхней части страницы.

Расскажите, чего ждать от курса

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

Укажите преимущества

Расскажите, чем курс отличается от других предложений. Это могут быть практические задания, поддержка куратора, гибкий график, доступ к дополнительным материалам или другой значимый результат.

Опишите целевую аудиторию

Объясните, кому подходит программа. Например:
•    начинающим специалистам;
•    опытным сотрудникам;
•    руководителям;
•    представителям определенной отрасли;
•    пользователям, которые хотят освоить новую профессию.

Объясните, как проходит обучение

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

Добавьте свободные текстовые блоки

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

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

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

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

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

Требование о размещении сведений на официальном сайте образовательной организации предусмотрено частью 2 статьи 29 Федерального закона от 29 декабря 2012 года № 273-ФЗ «Об образовании в Российской Федерации».

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

После первого сохранения ссылка на раздел автоматически появится в главном меню сайта.

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

Чтобы создать материал:
1. Откройте раздел «Публикации».
2. Нажмите «Создать публикацию».
3. Укажите название.
4. Добавьте краткое описание.
5. Выберите дату публикации.
6. Подготовьте основной текст.
7. Заполните Title.
8. Добавьте Meta Description.
9. Сохраните материал.

После сохранения статья или новость появится в соответствующем разделе сайта.

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

В базовой конфигурации без дополнительной интеграции можно подключить сервис «ЮKassa».

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

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

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

Добавьте собственный HTML-блок

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

Заполните SEO-заголовки

Для каждой страницы сайта можно задать индивидуальные Title и Meta Description.

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

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

Подключите веб-аналитику

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

Системы аналитики позволяют:
•    отслеживать посещаемость;
•    изучать поведение пользователей;
•    оценивать рекламные кампании;
•    анализировать конверсии;
•    контролировать продажи курсов.

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

Настройте ограничение доступа

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

Установите виджет курсов на внешний сайт

Если у организации уже есть основной сайт, на нем можно разместить виджет с программами UMIWEB LMS.

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

После настройки проверьте работу сайта на компьютере, планшете и смартфоне.

Убедитесь, что:
• логотип и favicon отображаются корректно;
• меню и все ссылки работают;
• страницы адаптированы для мобильных устройств;
• контактные данные и реквизиты указаны правильно;
• юридические документы открываются;
• каталог содержит только актуальные курсы;
• страницы программ заполнены;
• формы отправляют данные;
• регистрация и авторизация работают;
• платежная система принимает оплату;
• доступ к купленному курсу выдается корректно;
• аналитика фиксирует посещения и целевые действия;
• Title и Meta Description заполнены;
• изображения оптимизированы и быстро загружаются.

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

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

Для запуска проекта выполните действия в следующем порядке:

1. Загрузите логотип, favicon и обложку.
2. Добавьте описание образовательного проекта.
3. Заполните контакты и реквизиты.
4. Опубликуйте обязательные документы.
5. Проверьте структуру сайта.
6. Оформите главную страницу.
7. Создайте каталог и страницы курсов.
8. Заполните сведения об образовательной организации.
9. Опубликуйте статьи и новости.
10. Подключите платежную систему.
11. Настройте SEO и веб-аналитику.
12. Проверьте ограничение доступа и дополнительные инструменты.
13. Протестируйте сайт и оплату.
14. Добавьте учебные материалы, слушателей и кураторов.
15. Запустите онлайн-обучение.

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