Для каждого курса на Skillspace можно создать одностраничный сайт в удобном встроенном конструкторе за 10 минут. В этом обзоре показываем возможности конструктора и даем пошаговые инструкции по настройке.
Возможности конструктора
- Настройка цветовой палитры
- Загрузка своего логотипа
- Замена картинок и фоновых изображений
- Редактирование заголовков и текста
- Выбор иконок из наборов или загрузка собственных
- Перемещение и удаление секций (разделов) страницы
- Добавление и удаление элементов внутри разделов
- Отображение "старой цены" (скидки)
- Подключение систем аналитики: Яндекс.Метрика и Google Analytics
- Мобильная версия, адаптированная под все устройства и браузеры
Чтобы перейти в конструктор лендинга для курса, зайдите в Конструктор курса и перейдите во вкладку Страница курса, как показано на скриншоте ниже:
Замена и редактирование контента
По-умолчанию для только что созданного курса создается шаблонная страница с демонстрационными данными. Все картинки и иконки, логотип, заголовки и текст на данной странице можно заменить на свои собственные.
Замена фона главной секции
Чтобы загрузить своё фоновое изображение в главной секции, нажмите на кнопку "Изменить фон секции" в нижней части блока:
Справа появится окно редактирования фонового изображения. Здесь можно загрузить свою картинку, а также настроить общее и боковое затемнение, чтобы текст лучше читался:
Редактирование текста
Практически весь текст на странице курса можно отредактировать или полностью заменить на свой, в том числе и заголовки секций. Для этого просто кликните на текст левой кнопкой мыши и начните редактирование:
Загрузка картинок и фоновых изображений и иконок
Все картинки, фоновые изображения и иконки на страницах курсов можно заменять на Ваши собственные. Для замены просто кликните на нужное изображение и загрузите своё с компьютера:
Для замены иконок на сайте можно воспользоваться встроенной библиотекой - она содержит более 3000 бесплатных иконок. Просто введите поисковый запрос в строке поиска и выберите один из предложенных вариантов (для английских слов будет отображено больше вариантов):
Вы также можете загрузить собственные иконки любого формата и цвета, они заменят стандартный стиль отображения в круге:
Добавление и удаление дополнительных элементов
Во всех основных секциях можно добавлять и удалять дополнительные пункты при помощи кнопок "+" и Корзины соответственно:
Стоимость курса
Стоимость курса редактируется так же, как и весь остальной текст на странице:
Если курс необходимо сделать бесплатным - достаточно просто поставить 0 рублей в поле с ценой.
Чтобы добавить скидку (зачеркнутую цену) - нажмите на кнопку "%" рядом с основной стоимостью:
Все изменения также отобразятся в секции "Записаться на курс", которая располагается ниже на странице:
Подробнее о том, как установить цену курса можно прочитать в данной статье.
Как создать несколько тарифов с разной стоимостью
Для этого необходимо изменить Вид блока на "Тарифы" в выпадающем списке в секции "Записаться на курс":
После этого секция поменяется на вид с Тарифами, где вы сможете настроить до шести тарифов с разной стоимостью для данного курса.
Подробнее о настройке и принципе работы тарифов
Программа курса
Модули (этапы) и занятия автоматически "подтягиваются" в данный блок из конструктора курса, где Вы их создаёте. Изменения в программе курса можно увидеть сразу после сохранения и перезагрузки страницы.
Помимо этого, к каждому этапу можно дополнительно добавить описание для предоставления более подробной информации о контенте курса.
Оформление страницы
Изменение цветовой палитры
Вы можете изменить стандартный "зеленый" цвет на Ваш фирменный. Для этого зайдите в раздел Общие настройки и выберите подходящий цвет:
Рекомендации по выбору иконок
Чтобы иконки хорошо смотрелись на странице, старайтесь выбирать похожие между собой по стилю: с примерно одинаковой толщиной линий или одним типом заливки.
Примеры хорошего подбора иконок из нашей библиотеки:
Одинаковая заливка:
Одинаковая толщина обводки:
Подключение счетчиков аналитики
К страницам курсов на Skillspace можно подключить счетчики систем аналитики Яндекс.Метрика и Google Analytics для отслеживания цели "Успешная оплата" и понимания конверсии в покупку.
Подключить счетчики можно в разделе Общие настройки > Аналитика и отслеживание
Для подключения счетчиков необходимо ввести номер счетчика/идентификатор отслеживания в соответствующие поля раздела Аналитика и настроить цели типа JavaScript-событие в системах аналитики с указанными идентификаторами.
Сохранение изменений и публикация
Для сохранения внесенных изменений и получения ссылки на страницу, нажмите на кнопку "Опубликовать изменения" в верхнем меню:
Ссылку на лендинг можно скопировать, нажав на соответствующую кнопку:
Переход на сторонний сайт при клике на карточку курса
Если вы хотите, чтобы ученики записывались на курс на внешнем сайте, можно настроить переход по внешней ссылке при клике на карточку курса. Для этого нужно зайти в настройки курса и включить данную опцию:
Также есть возможность установить обложку курса, которая будет отображаться и в шапке. Оптимальный размер изображения для обложки курса - обложка 1920х300
Чтобы скрыть курс из общего доступа, необходимо в настройках курса переключить статус на "не опубликован"
В зависимости от стоимости курса и прогресса его прохождения, карточки будут выглядеть по-разному из личного кабинета ученика:
Читайте также:
Как настроить страницу курса (лендинг)
Как работает встроенный прием платежей Skillspace
Прием платежей через Prodamus на Skillspace
