[Обзор] Конструктор лендингов/страниц курсов

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

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

Чтобы попасть в конструктор лендинга, откройте курс → вкладка Страница курса → откроется конструктор страницы курса:

Возможности конструктора

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

Настроить цветовую палитру;
Загрузить своё логотип;
Загрузить свои картинки и фоновое изображение;
Редактировать заголовки и текст;
Выбирать иконки из наборов или загрузить собственные;
Перемещать или скрывать блоки (разделы) страницы;
Добавлять и удалять элементы внутри разделов;
Установить цену со скидкой;
Подключить систему аналитики: Яндекс.Метрика и Google Analytics;
Имеется мобильная версия, адаптированная под все устройства и браузеры.

Замена и редактирование контента

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

Замена фона главной секции

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

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

Редактирование текста

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

Загрузка картинок и фоновых изображений и иконок

Все картинки, фоновые изображения и иконки на страницах курсов можно заменять на Ваши собственные. Для замены просто кликните на нужное изображение и загрузите своё с компьютера:

Для замены иконок на сайте можно воспользоваться встроенной библиотекой - она содержит более 3000 бесплатных иконок. Просто введите поисковый запрос в строке поиска и выберите один из предложенных вариантов (для английских слов будет отображено больше вариантов):

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

Добавление и удаление дополнительных элементов

Во всех основных секциях можно добавлять и удалять дополнительные пункты при помощи кнопок + и Корзины соответственно:

Стоимость курса

Стоимость курса редактируется так же, как и весь остальной текст на странице:

Если курс необходимо сделать бесплатным — достаточно просто поставить 0 рублей в поле с ценой.
Чтобы добавить скидку (зачеркнутую цену) — нажмите на кнопку % рядом с основной стоимостью:

Все изменения также отобразятся в секции Записаться на курс, которая располагается ниже на странице.

Как создать несколько тарифов с разной стоимостью

Для этого необходимо изменить Вид блока на Тарифы в выпадающем списке в секции Записаться на курс:

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

Программа курса

Модули (этапы) и занятия автоматически "подтягиваются" в данный блок из конструктор

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

Помимо этого, к каждому этапу можно дополнительно добавить описание для предоставления более подробной информации о контенте курса.

Оформление страницы

Изменение цветовой палитры

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

Подключение счетчиков аналитики

К страницам курсов на Skillspace можно подключить счетчики систем аналитики Яндекс.Метрика и Google Analytics для отслеживания цели Успешная оплата и понимания конверсии в покупку.

Подключить счетчики можно в разделе Общие настройки → Аналитика и отслеживание:

Для подключения счетчиков необходимо ввести номер счетчика/идентификатор отслеживания в соответствующие поля раздела Аналитика и настроить цели типа JavaScript-событие в системах аналитики с указанными идентификаторами.

Сохранение изменений и публикация

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

Ссылку на лендинг можно скопировать, нажав на соответствующую кнопку:

Сбор данных учеников при регистрации на курс

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

Эти данные в итоге можно посмотреть во вкладке Ученики курса в списке учеников внизу страницы. Так же это критерии можно сделать обязательными к показу:

Переход на сторонний сайт при клике на карточку курса

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

Также есть возможность установить обложку курса, которая будет отображаться и в шапке. Оптимальный размер изображения для обложки курса — обложка 1920х300 px.