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

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

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


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


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

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


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


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

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


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


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



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


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



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


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


Замена иконок


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


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


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


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

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


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


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


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


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

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

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


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


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



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


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

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

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

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

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


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

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


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

Пошаговая инструкция по подключению Яндекс.Метрики
Пошаговая инструкция по подключению Google Analytics

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


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