Внешний вид
Last updated
Was this helpful?
Last updated
Was this helpful?
С помощью вкладки "Внешний вид" в конструкторе курсов вы сможете создать свой яркий и уникальный дизайн онлайн-обучения с надежными и интересными инструментами настройки:
Добавляйте интересные медиа-файлы (видео и изображение) в обложку курса, кнопки в мессенджеры и кликабельные кнопки - все это без знания программирования.
Давайте приступим.
Чтобы настроить внешний вид промо-страницы курса, перейдите во вкладку "Внешний вид" в конструкторе:
Во вкладке "Внешний вид" вы найдете:
Дополнительные настройки: сюда включены настройки темы, основного цвета страницы, логотипа и фона для обложки курса;
Обложка: выбор оформления, цвет обложки и настройки контента;
Расширенный редактор: помогает настроить промо-страницу курса с нуля без предустановленных настроек с помощью блоков (секций).
Дополнительные настройки добавляют более детализированные элементы кастомизации страницы курса:
Если вам необходимо применить к промо-странице курса готовое решение, то воспользуйтесь кнопкой "Применить шаблон курса":
Тогда вам откроется модальное с шаблонами для внешнего вида вашего курса:
Для создания уникального дизайна можно заменить цветовое решение ключевых элементов промо-страницы курса на любой необходимый цвет в палитре:
Также отличным решением для дизайна промо-страницы станет глубокая темная тема:
Для этого достаточно активировать чекбокс "Темная тема":
К заднему фону промо-страницы можно применить различные интересные узоры:
По умолчанию, логотип в шапке отображается как основное лого Salebot. Если вам необходимо отображать иное название или изображение, воспользуйтесь настройками здесь:
Можно загрузить изображение или ввести в поле URL ссылку на него либо прописать название в поле "Название в шапке страницы".
Если активировать переключатель "Скрыть лейблы", то можно выбрать относительно чего применить данную настройку: всего курса или только уроков.
Превью в списке курса ученика. Это функция отображения обложки курса в личном кабинете ученика. При включении необходимо загрузить вложение, которое отобразится в качестве обложки или добавить ссылку на файл в форму.
В качестве обложки курса можно выбрать любое фоновое изображение либо настроить цвет отображения обложки.
Доступны различные цвета в цветовой палитре отображения обложки. При этом Цвет начало и Цвет конец поможет настроить градиент.
Поле "Высота обложки" заполняется числовым значением.
Если выбрать в качестве фона изображение, то его можно вставить с помощью ссылки либо загрузки файла в систему:
Выравнивание изображения. Здесь можно настроить расположение изображения относительно любого положения, необходимого для ваших настроек:
При помощи переключателей существует возможность скрыть название курса или его описание:
Также при необходимости выберите, что включать в отображение страницы курса в качестве контента во второй колонке.
Отображение обложки
Это поле для тонких настроек штатной обложки курса, а именно отступа снизу, отступа сверху, ее скругления: поля заполняются числовыми значениями (px).
Список модулей и уроков
В данном отсеке настройки внешнего вида осуществляется редактирование карточек курса и отображения превью уроков.
При активизации чекбокса "Отображать превью уроков" открываются поля с настройками ширины и высоты, где передаваемые значения должны быть числовыми:
Далее виден чекбокс с настройками карточки курса: здесь доступен выбор цветовой палитры для фона карточки курса, текста и обводки карточки:
Также присутствуют поля для ввода числовых значений для размера обводки, отступа между карточками и скругления карточек: в эти поля кроме цифр не требуется ввода единиц измерения (см, м и т.п.); если вам необходимо ввести дробное число, то используйте запятую для разделения единиц и мантиссы.
Настройка. В данном случае можно выбрать ширину отображаемого контента, а также активировать необходимые переключатели.
Тип обложки подразделяется на три вида:
Стандартный.
При стандартом отображении обложки курса пользователь видит название обучения, описание, количество уроков (а также модулей и домашних заданий при наличии), кнопку и какое-либо вложение справа на экране.
Как добавить вложение в обложку курса, расскажем далее.
Компактный.
При компактном отображении обложки на промо-странице отсутствует описание обучения и кнопка:
По центру.
При выборе отображения обложки "По центру" отсутствует файл вложения, в остальном (описание, кнопка и пр.) видны следующим образом:
Также можно самостоятельно выбрать фон обложки: это может быть как изображение, так и цветовое решение палитры:
Цвет:
Изображение.
Выберите изображение и загрузите его в настройках обложки:
Вид обложки с изображением на фоне:
Чем больше выставленное значение в поле "Прозрачность", тем меньше будет виден фон вашей обложки (цвет или изображение):
Например, если основным цветом промо-страницы вы выбрали определенный цвет (как у нас на примере - желтый), соответственно именно интенсивность данного цвета будет усиливаться:
Если вы выбрали стандартный или компактный тип обложки, можно применить следующие настройки контента во второй колонке для отображения вложения справка экрана:
Чтобы выбрать контент колонки, выберите тип вложения:
Далее введите ссылку в поле URL:
Расширенный редактор страницы курса позволяет применить уникальные настройки страницы с использованием различного функционала создания сайта/лендинга на платформе Salebot.
Внимание! Если вы активируете чекбокс "Расширенные настройки", то у вас автоматически будет отображена страница минилендинга (пустого, если вы самостоятельно не настраивали страницу в расширенном редакторе), а не промо-страницы курса!
Подробно о каждом блоке (секции) рассказано в "Контент (блоки сайта)".