Как работать с блоками конструктора на GetCourse

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

Чтобы добавить новый блок из каталога, нажмите на кнопку «Добавить блок», «Все блоки» или на знак «+», если какой-то блок уже добавлен на странице.

Если добавили блок не в том месте, то используйте стрелки справа, чтобы переместить его на 1 блок выше или на 1 блок ниже.

Внутри блока можно добавлять подблоки из основного каталога.

Их удобно использовать в том случае, когда нужно быстро задать настройки оформления. Укажите настройки в одном блоке, и они сразу применятся ко всем подблокам внутри.

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

Подблоки можно перемещать только внутри блока. Для этого захватите подблок, нажав на иконку , и перенесите в нужное место.

Если вы хотите копировать блок внутри определенного урока/страницы, используйте иконку из панели быстрого доступа.

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

Затем перейдите к месту, куда нужно перенести блок и нажмите на иконку , чтобы блок добавился ниже.

Когда блок нужно перенести между аккаунтами, используйте кнопки экспорта/импорта. Они работают аналогично копированию/вставке, только код блока нужно копировать и вставлять вручную.

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

• Настройки видимости в новом конструкторе
• Настройки видимости в старом конструкторе

Настройки видимости доступны для блоков:

• на страницах сайта,
• в блоге,
• в уроках типа «Визуальный конструктор» или «Видеоурок».

В настройках видимости вы можете как показывать, так и скрывать блоки от разных категорий пользователей или в зависимости от их типа устройств, времени и других параметров.

Рассмотрим условия видимости блоков подробнее:

• Любой — блок виден (скрыт) для любого пользователя.
• Авторизован — блок виден (скрыт) только для авторизованных пользователей, гостям блок будет недоступен.
• Не авторизован — блок виден (скрыт) от гостей и виден только авторизованным пользователям.
• Является покупателем — блок виден (скрыт) от тех пользователей, у кого есть покупка.
• Не является покупателем — блок виден (скрыт) от тех пользователей, кто еще не имеет покупки.
• Эл. адрес подтвержден — блок виден (скрыт) для пользователей с подтвержденным эл. адресом.
• Эл. адрес не подтвержден — блок виден (скрыт) для пользователей с неподтвержденным эл. адресом.
• Администратор — блок виден (скрыт) только для администраторов.
• Сотрудник — блок виден (скрыт) только для сотрудников.
• В группе — блок виден (скрыт) пользователям, которые состоят в определенной группе. Группу можно выбрать только одну. Если необходимо выбрать несколько групп, воспользуйтесь условием «В сегменте».

• В сегменте — блок виден (скрыт) пользователям определенного сегмента.
• Смотрит через приложение — блок виден (скрыт) пользователям, если они просматривают его в мобильном приложении GetCourse.
• В стране — блок виден (скрыт) для пользователей определенной страны. Страна пользователя определяется по IP-геолокации.

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

Для того чтобы пользователям, состоящим в группе, но не авторизованным в системе, такой блок не отображался, можно дополнительно показывать его только авторизованным.

Если блок показан только для тех пользователей, кто состоит в группе, то для неавторизованных пользователей данный блок будет скрыт.

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

Для этого:

1. Добавьте на страницу блок «Обычная форма».
2. В настройках формы укажите обработчик «Переадресация» без ввода адреса, включите в нем опцию «Обновить текущую страницу».
3. Чтобы авторизованные пользователи не видели эту форму, скройте ее через настройку видимости «Авторизован».

После заполнения такой формы для пользователя будут действовать настройки видимости, которые работают только для авторизованных.

• Видимость на устройствах — блок будет виден (скрыт) в зависимости от разрешения экрана устройства, с которого пользователь зашел на страницу. Настройка есть у всех блоков, кроме «Редирект», «Другая страница» и «Действие с пользователем».

  
  

  Возможные границы:

  • меньше 320px;
  • 320px (iPhone X/XS/6/7/8/SE);
  • 410px (iPhone XR/XS Max/6, 7, 8 Plus);
  • 760px (iPad);
  • 1020px (iPad Pro, обычный iPad горизонтально);
  • 1200px (ноутбуки);
  • 1600px (большие мониторы);
  • плюс бесконечность.

В дополнительных настройках видимости блока находятся опции:

• «По параметру в URL»,
• «По домену»,
• «По тегу страницы»,
• «Показывать по расписанию»,
• «Показывать только в указанное время».

• По параметру в URL — блок будет виден/скрыт в зависимости от параметров в ссылке, по которой пользователь пришел на страницу.

  
  

  Рассмотрим пример, где блок должен быть виден. Укажем в поле «Параметр» — param, в поле «Значение» — 1.

При таких настройках пользователь увидит блок, только если перейдет по ссылке вида https://название_домена/адрес_страницы?param=1. При переходе по адресу страницы с любыми другими параметрами блок отображен не будет.

Если блок, в котором настраивается видимость, находится в уроке, то параметр со значением необходимо добавлять к строке адреса не через знак вопроса «?», как в случае со страницей, а через знак амперсанд «&». То есть ссылка в этом случае будет иметь такой вид: https://полная_ссылка_на_урок&param=1

• По домену — блок виден/скрыт в зависимости от имени домена в ссылке, по которой пользователь пришел на страницу.

В настройках аккаунта можно добавить несколько доменов. При этом страницы сайта будут общими для всех привязанных доменов. Однако работа аккаунта может быть построена таким образом, что одни пользователи работают с доменом1, а другие с доменом2. Например, когда вы ведете несколько проектов в одном аккаунте.

При создании страницы можно настроить видимость блока для каждого домена. Например, указать, что блок показывается, только если пользователь приходит по домену1, но не виден, если приходит по домену2.

• По тегу страницы — блок будет виден/скрыт в зависимости от того, задан тег странице или нет.

• Показывать по расписанию — позволяет показывать блок в определенное время и дни недели. Например, только в будни с 15:00 до 19:00.

  
  

  При включенном чекбоксе «Обновлять вживую у пользователей при публикации» в настройках страницы блок будет появляться/исчезать без обновления страницы.

• Показывать только в указанное время — блок будет виден (скрыт) в зависимости от дат и времени, указанных в настройке.

  
  

  При настройке видимости по данному условию можно заполнять только одно из полей: с начальной или конечной датой показа.

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

Для настройки:

1. Перейдите в режим редактирования страницы по кнопке «Настроить вид».

2. Выберите блок и укажите нужные настройки видимости в полях «Показывать только для» и «Скрывать от».
3. Нажмите «Сохранить».

Настроенный блок можно сохранить как шаблон, чтобы использовать в дальнейшем.

Для этого:

1. Раскройте дополнительные возможности блока и нажмите «Сохранить как шаблон».

2. Заполните данные шаблона:
   • Название шаблона — будет отображаться в каталоге блоков.
   • Категории — разделы каталога, в которых можно будет найти ваш шаблон.
   • Картинка — превью для блока в каталоге.
   • Порядковый номер — влияет на место шаблона в списке блоков из каталога. Отрицательные значения также можно указывать, такие блоки будут идти первыми в списке.
   • Популярный — добавляет блок в первый раздел каталога — «Популярные».
3. Сохраните настройки. Блок появится в каталоге и его можно будет использовать на любой странице или в уроке.

Если шаблон потребуется отредактировать, нажмите на иконку карандаша в каталоге.

Быстро удалить блок можно внутри конструктора по иконке корзины. Если вы добавили блок со сторонним кодом, который в последствии мешает корректной работе страницы, то удалить его можно только из специального раздела.

Для этого:

1. Перейдите в дополнительные настройки страницы.
2. Откройте раздел «Удаление или восстановление блоков».

3. Нажмите «Удалить» или «Восстановить» напротив нужного блока.

Определить нужный блок можно по его коду в настройках.

Как управлять удалением/восстановлением блоков в уроке, читайте в статье «Визуальный конструктор в уроках».