Оформление личного кабинета на GetCourse: всё, что можно сделать бесплатно и без дизайнера

Можно ли сделать личный кабинет на GetCourse по-настоящему своим, никого для этого не нанимая? Можно: ученик будет заходить в кабинет и сразу узнавать вашу школу по цветам, обложкам и общему настроению. И для этого не нужны ни дизайнер, ни верстальщик, ни нейросети, хватит встроенных инструментов платформы.

Я настраиваю школы на GetCourse с 2018 года, и просьбу «хочу, чтобы кабинет выглядел по-нашему» слышу постоянно. Разберём, что можно изменить своими руками, без единой строчки кода.

Чтобы понимать возможности дизайна, важно понимать и устройство платформы. По сути, GetCourse — это сайт с разными страницами. И кроме непосредственно страницы ваших курсов (тренингов), ученики также посещают и другие страницы: профиль, раздел покупок, страницу входа и другие. А вот что именно на этих страницах можно поменять (и можно ли) зависит от того, с каким дизайном личного кабинета вы работаете: старым или новым. Разберём оба варианта отдельно.

Но для начала пару слов про новый и старый дизайн: что это и как понять, какой дизайн у вас.

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

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

И вы вправе переключиться как с нового дизайна на старый, так и наоборот. Делается это в разделе «Сайт» → «Страницы» → «Новый дизайн»: там у каждой страницы есть отдельный селектор, которым вы выбираете, в каком дизайне, старом или новом, она будет отображаться. То есть переключение не обязательно происходит сразу для всего аккаунта: можно оставить часть страниц на старом дизайне, а часть перевести на новый.

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

Больше примеров кастомного дизайна, который можно реализовать на платформе GetCourse, смотрите в посте конкурса на лучший лендинг, созданный с помощью ИИ от GetCourse, по ссылке.

А ниже разберём простые приёмы, с которыми справится каждый, даже если такие сочетания букв, как CSS и HTML, вам совершенно ни о чём не говорят.

Первое, что обычно хочется изменить при работе с GetCourse в старом дизайне: боковая панель. И сделать это очень легко.

Переходим в раздел «Сайт» → «Страницы» → «Настройка меню». Здесь можно поменять цвет панели во внутренней вкладке, а также загрузить свои иконки и сменить шрифт. Подробнее в статье GetCourse.

Кроме бокового меню можно задать и общую тему аккаунта в разделе «Сайт» → «Настройки» → «Оформление аккаунта». Тогда изменится цвет кнопок, ссылок и других элементов школы.

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

Рассмотрим, как это сделать на примере изменения цвета блока тренингов. Для перехода в режим редактирования нажмите кнопку «Настроить вид».

Далее нажмите на нужный блок или выберите его в списке элементов в правом меню. В нашем примере это «Список тренингов».

Прокрутите правое меню вниз и найдите параметр «Фон». Здесь вы можете выбрать желаемый цвет.

После внесения изменений не забываем сохранить настройки.

Примеры других возможностей конструктора смотрите в статье GetCourse.

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

Здесь тоже можно изменить цветовую тему аккаунта в разделе «Сайт» → «Страницы» → «Настройка меню».

Независимо от типа дизайна (новый или старый) в каждом аккаунте можно дополнительно:

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

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

Добавлять обложку к тренингу. Эту обложку ученик видит в списке своих курсов, а не внутри самого урока. Добавляется она не в общих настройках тренинга, а на отдельной вкладке «В приложении». Обратите внимание: в старом дизайне такую обложку видно только в мобильном приложении, а в новом дизайне её видно и в браузере, и в приложении.

Добавлять свой логотип, логотип для мобильного приложения и favicon. Логотип меняется на всех страницах аккаунта разом, отдельно можно загрузить логотип для мобильного приложения, а favicon (иконка рядом с названием вкладки в браузере) настраивается там же. Всё это задаётся в разделе «Настройки аккаунта»: в старом дизайне на вкладке «Настройки», в новом дизайне на вкладке «Основное». Мелочь, но именно из таких мелочей и складывается ощущение, что перед учеником не «дефолтный GetCourse», а полноценный сайт вашей школы.

Важно: всё перечисленное выше (и в старом, и в новом дизайне) уже входит в тариф GetCourse. Доплачивать за эти возможности не нужно.

Если у вас старый дизайн:

Если у вас новый дизайн:

Независимо от дизайна:

Если нужно совместить оба дизайна:

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