Справочный центр

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

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


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


  1. Настройка цветовой палитры
  2. Загрузка своего логотипа
  3. Замена картинок и фоновых изображений
  4. Редактирование заголовков и текста
  5. Выбор иконок из наборов или загрузка собственных
  6. Перемещение и удаление секций (разделов) страницы
  7. Добавление и удаление элементов внутри разделов
  8. Отображение "старой цены" (скидки)
  9. Подключение систем аналитики: Яндекс.Метрика и Google Analytics
  10. Мобильная версия, адаптированная под все устройства и браузеры

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


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


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


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


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



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




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


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




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


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



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



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



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


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



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


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



Сразу после добавления значений Вы увидите изменения на странице:



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




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


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


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


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


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


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




Рекомендации по выбору иконок


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


Примеры хорошего подбора иконок из нашей библиотеки:


Одинаковая заливка:



Одинаковая толщина обводки:



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


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


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



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

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


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




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





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



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



Спасибо за внимание! Надеемся, данная статья была Вам полезна.

Made on
Tilda