Впрочем, таким же способом вы можете добавить контент и в конец проекта вместо предыдущего способа :)
# Аккордеон ### Как добавить блок? Через меню добавления контентных блоков. [Подробнее о блоках](https://wiki.scroll-tool.ru/books/razdel-longridy/page/kak-dobavlyat-kontentnye-bloki).  ### Как выглядит блок? [](https://wiki.scroll-tool.ru/uploads/images/gallery/2023-07/accordeon1-look-1.gif) ### Как работать с блоком? Все просто. Создайте блок и начните заполнять пустые поля вашим контентом. В блоке «**Аккордеон**» можно добавить: - заголовок каждой вкладки - текст для каждой вкладки - картинку для каждой вкладки Картинки, которые вы добавили во «**Аккордеон**», всегда могут быть просмотрены учениками в полном размере.[](https://wiki.scroll-tool.ru/uploads/images/gallery/2023-07/accordeon2-create.gif) Еще есть возможность сгенерировать картинку с помощью нейросети.[](https://wiki.scroll-tool.ru/uploads/images/gallery/2024-08/bandicam-2024-08-05-13-45-50-986.gif) #### Как добавлять и удалять вкладки? Количество вкладок в «**Аккордеоне**» не ограничено. Вы можете добавить любое количество, нажав на кнопку «**Добавить новую вкладку**» внизу. А удалить ненужные вкладки можно, нажав на значок «**Корзина**».Обратите внимание, что после удаления, восстановить вкладку невозможно.[](https://wiki.scroll-tool.ru/uploads/images/gallery/2023-07/accordeon3-tabs.gif)
#### Как изменить внешний вид? ##### Текст Вы можете отформатировать текст внутри вкладки [с помощью текстового редактора](https://wiki.scroll-tool.ru/books/razdel-longridy/page/kak-formatirovat-tekst). Так он будет выглядеть аккуратнее. ##### Подсказка Вы можете изменить текст подсказки.[](https://wiki.scroll-tool.ru/uploads/images/gallery/2023-07/accordeon4-info.gif) ##### Цвет Цвет открытой вкладки наследуется из цветовой темы лонгрида. ### Как я могу использовать этот блок? Этот блок хорошо подходит: - Для дополнительной информации: можно сделать аккордеон с одной вкладкой и вынести туда дополнительную информацию, которую не страшно пропустить в лонгриде. Например, историческую справку по какому-то процессу или познавательные факты. - Для разделения информации на разные категории: например, кратко описать 3 основных продукта компании. # Аудио Блок «**Аудио**» позволяет добавить к лонгриду аудиофайл и настроить его внешний вид. ### Как выглядит блок? [](https://wiki.scroll-tool.ru/uploads/images/gallery/2026-07/jzhimage.png) ### Как добавить блок? Наведите курсор на линию между блоками и нажмите на появившийся значок "**плюс**", чтобы открыть меню с блоками. [Подробнее о добавлении блоков](https://wiki.scroll-tool.ru/books/razdel-longridy/page/kak-dobavlyat-kontentnye-bloki).[](https://wiki.scroll-tool.ru/uploads/images/gallery/2024-03/audio01-menu.jpg) ### Как изменить содержимое? Чтобы добавить аудио, нажмите на кнопку «**Добавить аудиофайл**».Вы можете добавить файл только в формате **MP3** и **WAV**, размером до **500 Мб**.
[](https://wiki.scroll-tool.ru/uploads/images/gallery/2026-07/audio-kak-dobavit-fail.gif) ### Как изменить внешний вид? В блоке «**Аудио**» можно изменить: - шаблон блока - текст заголовка и описания (в 2-х типах) - изображение ##### **Шаблон блока** Вы можете выбрать один из 3-х шаблонов блока, имеющих разный внешний вид: "**Простой**", "**С заголовком и описанием**", "**Подкаст**". [](https://wiki.scroll-tool.ru/uploads/images/gallery/2026-07/audio-kak-izmenit-sablon.gif) ##### **Заголовок и описание** В шаблонах "**С заголовком и описанием**" и "**Подкаст**" к аудиофайлу можно добавить заголовок и описание. Вы можете ввести свой текст, нажав на соответствующие поля. Вы также можете отформатировать текст в описании с помощью текстового редактора. [Подробнее о редакторе.](https://wiki.scroll-tool.ru/books/razdel-longridy/page/kak-formatirovat-tekst) [](https://wiki.scroll-tool.ru/uploads/images/gallery/2026-07/audio-kak-dobavit-zagolovok-i-opisanie.gif) ##### **Изображение** В типе блока "**Подкаст**" к блоку добавляется изображение. Вы можете вставить своё собственное изображение, нажав на картинку. [](https://wiki.scroll-tool.ru/uploads/images/gallery/2026-07/audio-kak-dobavit-izobrazenie.gif) Еще есть возможность сгенерировать картинку с помощью нейросети. [](https://wiki.scroll-tool.ru/uploads/images/gallery/2026-07/audio-kak-sgenerirovat-izobrazenie.gif) ### Есть ли особенности у блока? Да. Ученики могут менять скорость воспроизведения при прослушивании. А также они могут скачать загруженный в блок аудиофайл. ### Как я могу использовать этот блок? Рекомендуем вам использовать блок для таких целей: - Пояснение сложных вещей с помощью голоса. Бывает так, что некоторые темы проще рассказать, чем описывать текстом. - Оформление серии учебных подкастов в одно пространство-курс. Согласитесь, ведь удобно, когда все материалы собраны в одном месте и систематизированы. - Аудиопримеры. Например, звук двигателя автомобиля при неисправной выхлопной системе. - Задания, где нужно послушать материал и в следующем блоке выбрать ответ. ---Если у вас остались вопросы, напишите нам на почту
Обратите внимание! Не все сайты дают разрешение на отображение своего содержимого таким образом. Если в окне предпросмотра ничего не отображается, вероятнее всего, сайт запрещает отображать содержимое по ссылке.
Если вы собираетесь размещать лонгрид в СДО, то убедитесь, что у ваших учеников есть доступ во внешний интернет. Иначе встроенный по ссылке контент не будет работать. [](https://wiki.scroll-tool.ru/uploads/images/gallery/2026-07/veb-kontent-kak-dobavit-arxiv.gif) 2\. Если вы хотите добавить html-файл, папку с веб-контентом (веб-приложение) или SCORM-пакет, убедитесь, что: • загружаемый контент запускается с помощью файла index.html или story.html; • загружаемый контент запакован в виде zip-архива (даже в тех случаях, когда вы загружаете один единственный файл). Перейдите во вкладку «Загрузка веб-объекта», нажмите «Выбрать файл». ### Как изменить внешний вид? [](https://wiki.scroll-tool.ru/uploads/images/gallery/2026-07/veb-kontent-kak-izmenit-razmer.gif) В блоке «Веб-контент» можно изменить размеры окна отображения контента.Обратите внимание, что ширина и высота видео меняются независимо друг от друга. Поэтому пропорции видео могут нарушиться. Заранее подбирайте высоту и ширину так, чтобы сохранить пропорции.
Максимальный размер файла который можно загрузить в блок Веб-Контент: **500Mb**
### Есть ли альтернативные варианты этого блока? Для размещения видео с внешних ресурсов вы можете воспользоваться блоком «Видео». Для перехода к внешним веб-ресурсам подходит блок «Внешняя ссылка». ### Как я могу использовать этот блок? Вы можете использовать этот блок для вставки видео из внешних источников, веб-страниц, игр, интерактивов, разработанных в других редакторах, и любого контента, сохранённого в формате html (а также Javascript и CSS). # Видео Блок «**Видео**» позволяет добавить в лонгрид ссылку на видео на стороннем видехостинге и настроить его размер. ### Как выглядит блок? [](https://wiki.scroll-tool.ru/uploads/images/gallery/2024-03/video0-look2.jpg) ### Как добавить блок? Наведите курсор на линию между блоками и нажмите на появившийся значок "**плюс**", чтобы открыть меню с блоками. [Подробнее о добавлении блоков](https://wiki.scroll-tool.ru/books/razdel-longridy/page/kak-dobavlyat-kontentnye-bloki). [](https://wiki.scroll-tool.ru/uploads/images/gallery/2024-03/video1-menu.jpg) Добавление блока [](https://wiki.scroll-tool.ru/uploads/images/gallery/2026-07/video-kak-dobavit-blok.gif) ### Как изменить содержимое? Чтобы добавить видео, откройте видео на видеохостинге, найдите под ним кнопку «**Поделиться**», нажмите на неё и в открывшемся окне скопируйте ссылку на видео. Затем вставьте эту ссылку в соответствующее поле в блоке.Поддерживается вставка видео со следующих сайтов: **YouTube**, **Vimeo**, **RuTube**, **Kinescope, VK Видео.**
Добавление ссылки [](https://wiki.scroll-tool.ru/uploads/images/gallery/2026-07/video-kak-dobavit-ssylku.gif) ---Как добавить видео из ВК Видео вы можете посмотреть в нашей статье: [Как добавить видео с VK Видео](https://wiki.scroll-tool.ru/books/razdel-longridy/page/kak-dobavit-video-s-vk-video)
Если вы собираетесь размещать лонгрид в СДО, то убедитесь, что у ваших учеников есть доступ во внешний интернет. Иначе встроенное по ссылке видео не будет работать.
### Как изменить внешний вид? В блоке «**Видео**» можно изменить: - размер видео [](https://wiki.scroll-tool.ru/uploads/images/gallery/2026-07/video-kak-izmenit-razmer.gif)Обратите внимание, что ширина и высота видео меняются независимо друг от друга. Поэтому пропорции видео могут нарушиться. Заранее подбирайте высоту и ширину так, чтобы сохранить пропорции.
### Есть ли альтернативные варианты этого блока? Да. Вы можете добавить другой тип контентного блока «[Видео с компьютера](https://wiki.scroll-tool.ru/books/razdel-longridy/page/video-s-kompyutera)». ### Как я могу использовать этот блок? Этот блок хорошо подходит для размещения видео из интернета. ---Если у вас остались вопросы, напишите нам на почту
Вы можете добавить файл любого формата, размером до **500 Мб**.
Добавление видео [](https://wiki.scroll-tool.ru/uploads/images/gallery/2026-07/video-s-kompyutera-kak-dobavit-video.gif) *Чтобы увеличить демонстрацию, нажмите на нее.*Рекомендуем вам сжимать видео прежде, чем загружать его. Это можно сделать в разных программах, например, в бесплатной программе «[Handbrake](https://wiki.scroll-tool.ru/books/podborka-servisov/page/handbrake)».
### Как изменить внешний вид? В блоке «**Видео с компьютера**» можно изменить: - размер Чтобы изменить размер видео, двигайте ползунок ширины в правую или левую сторону. Или просто нажимайте на него в нужном месте. Текущая ширина указана в пикселях слева от ползунка. При изменении размера начальные пропорции сохраняются. [](https://wiki.scroll-tool.ru/uploads/images/gallery/2026-07/video-s-kompyutera-kak-izmenit-razmer.gif) ### Как настроить? Вы можете запретить ученикам **скачать видео**. В таком случае они смогут его только посмотреть, но не смогут сохранить к себе на компьютер. По умолчанию скачивание видео разрешено. Чтобы его запретить, поставьте галочку в соответствующем поле в блоке. [](https://wiki.scroll-tool.ru/uploads/images/gallery/2024-03/vidcomp4-nodownload.gif) ### Есть ли особенности у блока? Да. Ученики могут менять скорость воспроизведения при просмотре. И использовать функцию "Картинка в картинке" для более удобного просмотра параллельно с другими действиями. Также они могут скачать загруженный файл, но эту опцию можно отключить в настройке. ### Есть ли альтернативные варианты этого блока? Да. Вы можете добавить другой тип контентного блока [«Видео»](https://wiki.scroll-tool.ru/books/razdel-longridy/page/video). ### Как я могу использовать этот блок? Этот блок хорошо подходит для размещения собственных видеороликов. ---Если у вас остались вопросы, напишите нам на почту
Обратите внимание, что после удаления, восстановить вкладку невозможно.
[](https://wiki.scroll-tool.ru/uploads/images/gallery/2026-07/vkladki-kak-sgenerirovat.gif) #### Как изменить внешний вид? ##### Текст Вы можете отформатировать текст внутри вкладки с помощью текстового редактора. [Подробнее о редакторе.](https://wiki.scroll-tool.ru/books/razdel-longridy/page/kak-formatirovat-tekst) ##### Подсказка Вы можете изменить текст подсказки. [](https://wiki.scroll-tool.ru/uploads/images/gallery/2026-07/vkladki-kak-udalit-i-dobavit.gif) ##### Цвет Цвет активной вкладки наследуется из цветовой темы лонгрида. ### Как я могу использовать этот блок? Этот блок хорошо подходит: - Для разделения информации на разные категории. Например, кратко описать 3 основных продукта компании. - Для пошаговых пояснений. 1 вкладка = 1 шаг. # Внешняя ссылка Блок «**Внешняя ссылка**» позволяет добавить к лонгриду ссылку на сайт или файл, оформив её в виде отдельной кнопки с настраиваемым внешним видом. ### Как выглядит блок? [](https://wiki.scroll-tool.ru/uploads/images/gallery/2026-07/vnesnyaya-ssylka-kak-vyglyadit.gif) ### Как добавить блок? Наведите курсор на линию между блоками и нажмите на появившийся значок "**плюс**", чтобы открыть меню с блоками. [Подробнее о добавлении блоков](https://wiki.scroll-tool.ru/books/razdel-longridy/page/kak-dobavlyat-kontentnye-bloki). [](https://wiki.scroll-tool.ru/uploads/images/gallery/2024-01/link1-menu.jpg) Добавление блока [](https://wiki.scroll-tool.ru/uploads/images/gallery/2026-07/vnesnyaya-ssylka-kak-dobavit-blok.gif) ### Как вставить ссылку? Чтобы добавить ссылку, вставьте её в специальное поле «**Ссылка**». Не забудьте также добавить текст на кнопку, чтобы ваши ученики поняли, куда они попадут, когда нажмут на неё. [](https://wiki.scroll-tool.ru/uploads/images/gallery/2026-07/vnesnyaya-ssylka-kak-napolnit.gif) ### Как настроить переход к другому разделу? Чтобы настроить переход к другому разделу, вставьте номер раздела в специальное поле «**Ссылка**», в формате "**\#номер\_раздела**". Не забудьте также добавить текст на кнопку, чтобы ваши ученики поняли, куда они попадут, когда нажмут на неё. ### [](https://wiki.scroll-tool.ru/uploads/images/gallery/2025-08/9OEimage.png)Как изменить внешний вид? В блоке «**Внешняя ссылка**» можно изменить: - цвет самой кнопки - цвет текста и иконки - иконку Цвет кнопки [](https://wiki.scroll-tool.ru/uploads/images/gallery/2026-07/vnesnyaya-ssylka-cvet-knopki.gif) Цвет текста и иконки [](https://wiki.scroll-tool.ru/uploads/images/gallery/2026-07/vnesnyaya-ssylka-cvet-teksta.gif) Иконка ### [](https://wiki.scroll-tool.ru/uploads/images/gallery/2026-07/vnesnyaya-ssylka-ikonka.gif)Как я могу использовать этот блок? Рекомендуем вам использовать блок для таких целей: - Перевести ученика на другой сайт. - Поделиться с учеником файлом, хранящимся не на вашем компьютере. ---Если у вас остались вопросы, напишите нам на почту
Если рядом с пропущенным словом есть знаки препинания, отделите их пробелом, например: Столица Франции – {{Париж}} .
[](https://wiki.scroll-tool.ru/uploads/images/gallery/2024-05/vstavka-propushhennyx-slov-primer-oformleniya-propuskov-2.gif) #### Настройте влияние блока на оценку лонгрида Для этого откройте меню настройки блока. В нем вы можете отметить, будет ли этот вопрос влиять на статус прохождения лонгрида и сколько баллов слушатель лонгрида получит за верный ответ. ### [](https://wiki.scroll-tool.ru/uploads/images/gallery/2024-05/vstavka-propushhennyx-slov-nastroika-ballov-3.gif) ### Могу ли я изменить внешний вид блока? Нет, внешний вид блока поменять нельзя. Ваша задача — только расставить пропуски в тексте. ### Есть ли особенности у блока? Цветовое оформление блока наследуется из цветовой темы лонгрида. ### Как я могу использовать этот блок? Этот блок хорошо подходит для различных упражнений на извлечение нужной информации или для заполнения документов. # Диалог Блок «**Диалог**» позволяет добавить к лонгриду реплики и настроить их внешний вид. ### Как выглядит блок? [](https://wiki.scroll-tool.ru/uploads/images/gallery/2024-03/dial0-look.jpg) ### Как добавить блок? Наведите курсор на линию между блоками и нажмите на появившийся значок "**плюс**", чтобы открыть меню с блоками. [Подробнее о добавлении блоков](https://wiki.scroll-tool.ru/books/razdel-longridy/page/kak-dobavlyat-kontentnye-bloki).  [](https://wiki.scroll-tool.ru/uploads/images/gallery/2026-07/dialog-kak-dobavit-blok.gif) ### Как изменить содержимое? В блоке «**Диалог**» можно добавить: - текст реплики - имя говорящего - изображение говорящего - отобразить текст с правой стороныВы можете использовать изображения в формате **JPG**, **PNG** и **SVG**.
[](https://wiki.scroll-tool.ru/uploads/images/gallery/2026-07/dialog-kak-dobavit-izobrazenie.gif) Количество реплик в блоке «**Диалог**» не ограничено. Вы можете добавить любое количество, нажав на кнопку «**Добавить реплику**» внизу. А удалить ненужные реплики можно, нажав на значок «**Корзина**».Обратите внимание, что после удаления, восстановить реплику невозможно.
[](https://wiki.scroll-tool.ru/uploads/images/gallery/2026-07/dialog-kak-udalyat-repliki.gif) ### Как изменить внешний вид? В блоке «**Диалог**» можно изменить: - цвет реплики - форматирование текста (вы можете отформатировать текст в имени говорящего и внутри реплики с помощью текстового редактора. [Подробнее о редакторе](https://wiki.scroll-tool.ru/books/razdel-longridy/page/kak-formatirovat-tekst).) ##### Цвет реплики Вы можете выбрать цвет для реплики из **палитры**. Откройте выпадающее меню палитры: там вам будут доступны цвета из базовой палитры и те цвета, которые вы добавили самостоятельно.Добавить свои цвета в палитру можно в настройках лонгрида. [Подробнее о своих цветах](https://wiki.scroll-tool.ru/link/47#bkmrk--0).
Также вы можете задать свой собственный цвет с помощью **HEX-кода**.Обратите внимание, что при вставке HEX-кода нельзя удалять символ решетки. Иначе цвет не будет работать.
[](https://wiki.scroll-tool.ru/uploads/images/gallery/2026-07/dialog-cvet-fona.gif) ### Как я отобразить текст с правой стороны? Если вы использует нескольких персонажей в блоке "Диалог" то вы можете отобразить их по разным сторонам экрана, делается это с помощью настройки "Отображать справа". [](https://wiki.scroll-tool.ru/uploads/images/gallery/2026-07/snimok-ekrana-2025-05-05-060149.png) ### Как я могу использовать этот блок? Рекомендуем вам использовать блок для таких целей: - Ввести в лонгрид персонажа (проводника), который будет сопровождать ученика на протяжении лонгрида. - Ввести в лонгрид несколько персонажей и рассказать их историю (добавить сторителлинг). - Привести примеры общения из реальной жизни в теоретической части лонгрида или в проверочных вопросах (создать диалоговый тренажер). ---Если у вас остались вопросы, напишите нам на почту
Цвет полосы под текстом наследуется из цветовой схемы лонгрида. [Подробнее о цветовой схеме](https://wiki.scroll-tool.ru/books/razdel-longridy/page/nastroika-vnesnego-vida-longrida#bkmrk--0).
##### Шрифт и размер текста Шрифт и размер текста в заголовке можно установить в настройках лонгрида. Вы можете выбрать из базовых шрифтов или загрузить свой собственный. А также выбрать любой размер шрифта. [Подробнее о настройке шрифтов](https://wiki.scroll-tool.ru/books/razdel-longridy/page/nastroika-vnesnego-vida-longrida#bkmrk-%D0%A8%D1%80%D0%B8%D1%84%D1%82%D1%8B-%D0%BA%D1%83%D1%80%D1%81%D0%B0). ##### Другие параметры Другие параметры настраиваются при помощи текстового редактора. Чтобы его открыть, нужно выделить часть текста, которую вы хотите изменить, а затем выбрать нужный параметр. [](https://wiki.scroll-tool.ru/uploads/images/gallery/2026-07/zagolovok-kak-redaktirovat-tekst.gif) ### Есть ли альтернативные варианты этого блока? Да. Вы можете добавить другой тип контентного блока «[Заголовок с подзаголовком](https://wiki.scroll-tool.ru/books/razdel-longridy/page/zagolovok-c-podzagolovkom)». ### Как я могу использовать этот блок? Этот блок хорошо подходит для разделения урока на смысловые части. Например, чтобы выделить подтемы в уроке. Так слушатель лонгрида будет лучше ориентироваться в ваших материалах. ---Если у вас остались вопросы, напишите нам на почту
Обратите внимание, что отдельный шрифт, выбранный в настройках, в этом блоке будет применяться только к **заголовку**. А в **подзаголовке** будет использован тот же шрифт, что и в обычном тексте.
##### Другие параметры Другие параметры настраиваются при помощи текстового редактора. Чтобы его открыть, нужно выделить часть текста, которую вы хотите изменить, а затем выбрать нужный параметр. [](https://wiki.scroll-tool.ru/uploads/images/gallery/2026-07/zagolovok-s-podzagolovkom-kak-redaktirovat-tekst.gif) ### Есть ли альтернативные варианты этого блока? Да. Вы можете добавить другой тип контентного блока «[Заголовок](https://wiki.scroll-tool.ru/books/razdel-longridy/page/zagolovok)». ### Как я могу использовать этот блок? Используйте для заголовков с дополнительной информацией в подстрочнике. Это может быть: название изучаемой подтемы, время на изучение раздела лонгрида, предупреждение о подготовке наушников и т.д. [](https://wiki.scroll-tool.ru/uploads/images/gallery/2023-02/OpCscreenshot-3.png) ---Если у вас остались вопросы, напишите нам на почту
Вы можете использовать изображения в формате **JPG**, **PNG**, **GIF**, **WEBP** и **SVG**.
Максимальный размер файла изображения - **50Mb**
[](https://wiki.scroll-tool.ru/uploads/images/gallery/2026-07/izobrazenie-kak-dobavit-kartinku.gif) Еще есть возможность сгенерировать картинку с помощью нейросети. [](https://wiki.scroll-tool.ru/uploads/images/gallery/2026-07/izobrazenie-kak-sgenerirovat.gif) ### Как изменить внешний вид? В блоке «**Изображение**» можно изменить: - размер картинки Чтобы изменить размер изображения, двигайте ползунок ширины в правую или левую сторону. Или просто нажимайте на него в нужном месте. Текущая ширина указана в пикселях слева от ползунка. При изменении размера исходные пропорции сохраняются. [](https://wiki.scroll-tool.ru/uploads/images/gallery/2026-07/izobrazenie-kak-izmenit-razmer.gif) ### Как настроить? Вы можете запретить ученикам **увеличивать изображение**. В таком случае они смогут посмотреть его только в том размере, который вы укажете. По умолчанию увеличение изображения разрешено. Чтобы его запретить, нажмите на соответствующий переключатель. [](https://wiki.scroll-tool.ru/uploads/images/gallery/2026-07/izobrazenie-uvelicenie-po-kliku.gif) *Чтобы увеличить демонстрацию, нажмите на нее.***Совет**: если вы оставляете возможность для просмотра в полном размере **включенной**, то лучше не загружать в блок изображения с прозрачным фоном (такие изображения могут быть в формате png, gif, webp). Иначе при увеличении они не будут иметь фона.
Пример с прозрачным фоном: [](https://wiki.scroll-tool.ru/uploads/images/gallery/2023-07/image3-transparent.gif) *Чтобы увеличить демонстрацию, нажмите на нее.* ### Есть ли альтернативные варианты этого блока? Да. Вы можете добавить другой тип контентного блока [«Текст с изображением»](https://wiki.scroll-tool.ru/books/razdel-longridy/page/tekst-s-izobrazeniem). ### Как я могу использовать этот блок? Этот блок хорошо подходит: - Чтобы повысить наглядность лонгрида. Например, вы можете поместить в этот блок схему процесса или образец вашей продукции. - Чтобы украсить лонгрид. Блок не обязательно должен содержать полезную для обучения картинку. Можно разместить просто красивое изображение в тему лонгрида. Например, в конце урока можно поместить картинку, которая сообщает об окончании урока. Красиво и функционально! ---Если у вас остались вопросы, напишите нам на почту
Вы можете использовать изображения в формате **JPG**, **PNG**, **GIF**, **WEBP** и **SVG**.
Чтобы добавить своё изображение, нажмите на черную полосу над картинкой и выберите нужный файл в проводнике. [](https://wiki.scroll-tool.ru/uploads/images/gallery/2026-07/izobrazenie-s-metkami-kak-dobavit-izobrazenie.gif) Чтобы добавить метки на изображение, достаточно просто нажать на него в любом месте. [](https://wiki.scroll-tool.ru/uploads/images/gallery/2026-07/izobrazenie-s-metkami-kak-dobavit-metki.gif) Чтобы добавить подпись к метке, нажмите на метку. Откроется окошко, где вы сможете ввести свой текст. Нажмите на метку ещё раз, чтобы закрыть окошко. [](https://wiki.scroll-tool.ru/uploads/images/gallery/2026-07/izobrazenie-s-metkami-kak-dobavit-tekst.gif) Чтобы удалить метку, нажмите на неё, откроется окошко для текста. Справа от текста вы увидите значок «**Корзина**». Нажмите на него, чтобы удалить эту метку. [](https://wiki.scroll-tool.ru/uploads/images/gallery/2026-07/izobrazenie-s-metkami-kak-udalit-metku.gif) Вы можете изменить ширина маркера. По умолчанию стоит "**Адаптивно**", это значит, что после ввода текста размер маркера адаптируется по объем и формат текста, будет или широким или узким. Так же вы можете самостоятельно поставить "**Узко**" или **"Широко"** [](https://wiki.scroll-tool.ru/uploads/images/gallery/2025-11/image.png) ### Как изменить внешний вид? Вы можете настроить внешний вид меток. Можно выбрать: - цвет метки - иконку - цвет иконки Также в этом блоке вы можете ввести свой текст для подсказки к блоку. ##### Цвет метки Вы можете выбрать цвет для метки из **палитры**. Откройте выпадающее меню палитры: там вам будут доступны цвета из базовой палитры и те цвета, которые вы добавили самостоятельно.Добавить свои цвета в палитру можно в настройках лонгрида. [Подробнее о своих цветах](https://wiki.scroll-tool.ru/link/47#bkmrk--0).
Также вы можете задать свой собственный цвет с помощью **HEX-кода**.Обратите внимание, что при вставке HEX-кода нельзя удалять символ решетки. Иначе цвет не будет работать.
[](https://wiki.scroll-tool.ru/uploads/images/gallery/2026-07/izobrazenie-s-metkami-izmenit-cvet-metki.gif) *Чтобы увеличить демонстрацию, нажмите на нее.* ##### Иконка Вы можете выбрать иконку из встроенной базы иконок. И выбрать её цвет, а также задать свой собственный цвет с помощью **HEX-кода**. [](https://wiki.scroll-tool.ru/uploads/images/gallery/2026-07/izobrazenie-s-metkami-ikonka-metki.gif) *Чтобы увеличить демонстрацию, нажмите на нее.* ### Как я могу использовать этот блок? Этот блок хорошо подходит: - Для различных карт, схем, планов. Можно добавить схему и отметить на ней нужные объекты, одновременно показывая, как они выглядят и давая дополнительную информацию. ---Если у вас остались вопросы, напишите нам на почту
Рекомендуемый размер изображений — **238 на 350** пикселей.
Максимальный размер загружаемого изображение - **50Мb**
[](https://wiki.scroll-tool.ru/uploads/images/gallery/2026-07/kartocki-kak-zamenit-tekst.gif) Чтобы добавить картинку в карточку, нужно изменить её настройки. Нажмите на значок «**Шестерёнка**» и выберите шаблон с изображением. Затем загрузите картинку. Картинку можно добавить и на внешнюю, и на внутреннюю сторону карточки. Картинки, которые вы добавляете в «**Карточки**», не могут быть просмотрены учениками в полном размере. [](https://wiki.scroll-tool.ru/uploads/images/gallery/2026-07/kartocki-kak-dobavit-izobrazenie.gif) #### Как добавлять и удалять карточки? Количество карточек в блоке «**Карточки**» не ограничено. Вы можете добавить любое количество, нажав на кнопку «**Добавить карточку**» внизу. А удалить ненужные карточки можно, нажав на значок «**Корзина**».Обратите внимание, что после удаления, восстановить карточку невозможно.
[](https://wiki.scroll-tool.ru/uploads/images/gallery/2026-07/kartocki-kak-dobavit-i-udalit-kartocki.gif) #### Как изменить внешний вид? ##### Текст Вы можете отформатировать текст внутри карточки с помощью текстового редактора. [Подробнее о редакторе.](https://wiki.scroll-tool.ru/books/razdel-longridy/page/kak-formatirovat-tekst) ##### Подсказка Вы можете изменить текст подсказки. [](https://wiki.scroll-tool.ru/uploads/images/gallery/2026-07/kartocki-kak-izmenit-podskazku.gif) ### Как я могу использовать этот блок? Этот блок хорошо подходит: - Для разделения информации на разные категории/этапы. *Например, кратко описать 3 основных продукта компании.* # Кнопка «Продолжить» Кнопка «**Продолжить**» это блок, который скрывает остальную часть контента, находящуюся ниже него. Таким образом, эта кнопка помогает разделить контент на смысловые части в рамках одного урока. Это, с одной стороны, полезно для учащихся, так как они не увидят сразу весь урок целиком и не испугаются его большого объёма. С другой стороны, это позволяет автору лонгрида добавить активности (тестовые вопросы, опрос) в середину урока и сделать их прохождение обязательным. Так как остальная часть лонгрида будет заблокирована, пока учащийся не выполнит активность. ### Как добавить блок? Через меню добавления контентных блоков. [Подробнее о блоках.](https://wiki.scroll-tool.ru/books/razdel-longridy/page/kak-dobavlyat-kontentnye-bloki) ###  ### Как выглядит блок? [](https://wiki.scroll-tool.ru/uploads/images/gallery/2023-07/next1-look.gif) ### Как работать с блоком? Всё просто. Создайте блок и добавьте в него свой контент. В блоке «**Продолжить**» можно добавить: - текст на заблокированной кнопке - текст на разблокированной кнопке [](https://wiki.scroll-tool.ru/uploads/images/gallery/2023-07/next2-create.gif "Продолжить - создание") Кроме этого, вы можете настроить кнопку. У неё может быть два состояния: - кнопка всегда разблокирована и доступна для нажатия - кнопка заблокирована до тех пор, пока не пройдены все активности [](https://wiki.scroll-tool.ru/uploads/images/gallery/2023-07/next3-options.gif) Если вы выберете второй вариант, то кнопка будет не доступна для нажатия, пока учащиеся не пройдут все активности (тестовые вопросы, опросы) выше неё. #### [](https://wiki.scroll-tool.ru/uploads/images/gallery/2023-07/next4-block.gif "Продолжить - блок") #### Как изменить внешний вид? ##### Цвет Цвет разблокированной кнопки наследуется из цветовой темы лонгрида. Заблокированная кнопка всегда остается серой. ### Как я могу использовать этот блок? Этот блок хорошо подходит: - Для скрытия части урока, если он очень большой и учащихся может отпугнуть его объём. - Для добавления обязательных активностей в середину урока, таких как: тестовые вопросы и опросы. # Кнопка завершения просмотра ### Как добавить этот контентный блок? [Через меню добавления контентных блоков](https://wiki.scroll-tool.ru/books/razdel-longridy/page/kak-dobavlyat-kontentnye-bloki). [](https://wiki.scroll-tool.ru/uploads/images/gallery/2026-08/W93image.png) ### Как выглядит контентный блок? [](https://wiki.scroll-tool.ru/uploads/images/gallery/2026-08/7TBimage.png) ### Как он работает? После нажатия кнопки «Завершить просмотр» блок передает в СДО статус успешного/не успешного прохождения лонгрида, настройку итогового балла и 100% прогресса.Контентные блоки из серии «Завершение просмотра и блокеры» могут быть только один из трех. Добавляется только в самом последнем разделе, последним блоком.
### Как работать с блоком? Просто добавьте блок в лонгрид:) ### Настройка иконок и цвета в блока Вы так же можете изменить цвет кнопки, цвет шрифта и добавить иконку из банка иконок. [](https://wiki.scroll-tool.ru/uploads/images/gallery/2026-08/R8gimage.png) ## Итоговый балл и статус прохождения В настройках кнопки можно указать итоговый балл, который будет передан в СДО после нажатия «**Завершить просмотр**». По умолчанию блок передаёт **100 баллов из 100** и статус **«Автоматически».** [](https://wiki.scroll-tool.ru/uploads/images/gallery/2026-08/JGNimage.png) В первом поле задайте набранный балл — от 0 до максимального, во втором — максимальный балл от 1 до 100. Например, если материал оценивается в 30 баллов, укажите «30 из 30». Если набранный балл больше максимального, он автоматически уменьшится до максимального. Доступны четыре варианта статуса: - **Автоматически** — статус рассчитывается по проходному баллу курса; выбран по умолчанию. - **Пройден** — материал будет засчитан как успешно пройденный независимо от балла. - **Завершён, без оценки** — материал будет отмечен как просмотренный, без результата «сдал / не сдал». - **Не пройден** — материал будет отмечен как не пройдённый. Настройки сохраняются автоматически и не отображаются учащемуся — балл и статус передаются только в СДО. ### Когда лучше использовать этот блок завершения просмотра? Когда в лонгриде нет вопросов, влияющих на результат прохождения лонгрида, и вы сторонник простоты и минимализма, или хотите этот блок сочетать с каким-то другим блоком в лонгриде. # Опрос Блок «**Опрос**» похож на тестовые вопросы, но имеет одно существенное отличие. Ответы за этот блок не попадают в итоговый результат и не оцениваются. Ученик видит обратную связь сразу после своего ответа. Вы можете указать в ней правильное решение. Или добавить вопрос, на который нет правильного ответа. Например, спросить учеников об их личном опыте. Такие приёмы помогают учащимся создавать личную связь с информацией в лонгриде и лучше её запоминать. ### Как добавить блок? Через меню добавления контентных блоков. [Подробнее о блоках.](https://wiki.scroll-tool.ru/books/razdel-longridy/page/kak-dobavlyat-kontentnye-bloki)Совет: Изображения, добавленные в «**Опрос**», всегда будут отображаться в уроке в своём полном размере. Уменьшить их нельзя. Поэтому сразу подбирайте для блока небольшие по высоте изображения (рекомендуемая высота - не более 300 пикселей).
[](https://wiki.scroll-tool.ru/uploads/images/gallery/2023-07/quiz6-image.jpg) Чтобы добавить изображение, раскройте поле «**Медиафайл к вопросу**» и загрузите изображение.Картинки, которые вы добавляете в этот блок, всегда могут быть просмотрены учениками в полном размере.
#### Как добавлять и удалять варианты ответа? Количество вариантов ответа в блоке «**Опрос**» не ограничено. Вы можете добавить любое количество, нажав на кнопку «**Добавить вариант ответа**» внизу. А удалить ненужные варианты можно, нажав на значок «**Корзина**».Обратите внимание, что после удаления, восстановить вариант невозможно.
Совет: Мы рекомендуем дополнять блок «**Опрос**» блоком «**Кнопка "Продолжить"**». Это сделает ответ на опрос обязательным и избавит учащихся от соблазна его пропустить. [Подробнее о блоке «Продолжить».](https://wiki.scroll-tool.ru/books/razdel-longridy/page/knopka-prodolzit)
### Как я могу использовать этот блок? Этот блок хорошо подходит: - Для того, чтобы предложить учащимся подумать и акцентировать их внимание на важном учебном материале или идее. - Для создания остановки (перерыва) в прохождении урока, чтобы дать учащимся возможность отдохнуть и переключиться. - Для отделения одной темы от другой, так как остановка в виде вопроса будет служить хорошим маркером того, что закончилась одна тема и началась другая. - Для закрепления пройденной информации по одной из тем внутри одного урока. # Предупреждение ### Как добавить блок? Через меню добавления контентных блоков. [Подробнее о блоках.](https://wiki.scroll-tool.ru/books/razdel-longridy/page/kak-dobavlyat-kontentnye-bloki)Обратите внимание, что при вставке HEX-кода нельзя удалять символ решетки. Иначе цвет не будет работать.
Если вы видите поле для ввода текста, то переключите тип поля на иконку.
[](https://wiki.scroll-tool.ru/uploads/images/gallery/2023-10/divider4-icon.gif) *Чтобы увеличить демонстрацию, нажмите на нее.*Если вы не видите поле для ввода текста, то переключите тип поля на текст.
[](https://wiki.scroll-tool.ru/uploads/images/gallery/2023-10/divider5-text.gif) *Чтобы увеличить демонстрацию, нажмите на нее.*Введённый вами текст сохранится даже, если вы затем измените тип разделителя.
Картинки, которые вы добавляете в «**Ранжирование**», всегда могут быть просмотрены учениками в полном размере.
Обратите внимание, что после удаления, восстановить вариант невозможно.
Завершающий контентный блок отображается в проекте сразу. Он не скрыт, в отличие от контентного блока «Результаты с оценкой».
Контентные блоки из серии «Завершение просмотра и блокеры» могут быть только один из трех. Добавляется только в самом последнем разделе, последним блоком.
### Как работать с блоком? 1. Добавьте блок. 2. Выберите шаблон блока. 3. Оформите текст и загрузите картинку (опционально). [](https://wiki.scroll-tool.ru/uploads/images/gallery/2023-02/no-grade-6.webp) *Чтобы увеличить демонстрацию, нажмите на нее.*Баллы считаются только за те контентные блоки, в которых выставлена настройка влияния на оценку лонгрида.[](https://wiki.scroll-tool.ru/uploads/images/gallery/2024-05/rezultaty-s-ocenkoi-primer.png)
В качестве 100 баллов (100%) принимается максимальное число баллов за все верные ответы в лонгрида. [](https://wiki.scroll-tool.ru/uploads/images/gallery/2024-05/rezultaty-s-ocenkoi-primer-2.png) Например, у вас в лонгриде 10 оцениваемых контентных блоков. Каждый из них приносит 1 балл. В сумме все могут принести 10 баллов = 100%. Если вы хотите, чтобы проходной балл за лонгрид был 80%, то в настройках завершающего блока укажите 80. Это будет равно 8 верным ответам (8 баллов за лонгрид). При нажатии на кнопку «Завершить просмотр» считается набранный балл и сравнивается с проходным баллом в настройках блока. После сравнения в СДО передается статус лонгрида «Пройден» или «Не пройден» и набранный балл.Завершающий контентный блок по умолчанию скрыт. Он становится видимым, когда слушатель лонгрида ответит на все оцениваемые задания в лонгриде.
Контентный блок из серии «Завершение просмотра и блокеры» может быть только один на весь лонгрид. Добавляется только в самом последнем разделе, последним блоком.
Если в вашем лонгриде 5 и меньше тестовых вопросов, для корректного подсчета результатов рекомендуем снизить процент до 75 (при 3-5 вопросах) или до 50 (при 2 вопросах).
### Как работать с блоком? 1. Добавьте блок 2. Настройте проходной балл и количество попыток 3. Добавьте оформление для двух возможных исходов: «Курс пройден» и «Курс не пройден» Разберем каждый этап. #### Добавление и настройка блокаКстати! Вы можете сообщить слушателю лонгрида его прогресс по лонгриду с помощью переменных.
- \*!resultPercentage!\* – процент правильных ответов пользователя. - \*!resultScore!\* – набранные пользователем баллы. - \*!passPercentage!\* – минимально необходимый процент правильных ответов. - \*!passScore!\* – балл, минимально необходимый для прохождения лонгрида. В этой статье мы приведем несколько шаблонов, которые вы можете скопировать себе в лонгрид. Также вы можете изучить примеры и придумать свой вариант.**Как выглядит шаблон:** Вы успешно завершили курс. Ваш результат: 80% правильных ответов. **Как надо написать:** Вы успешно завершили курс. Ваш результат: \*!resultPercentage!\* % правильных ответов.
**Как выглядит шаблон:** Вы успешно завершили курс. Ваш результат: 5 баллов из 10. **Как надо написать:** Вы успешно завершили курс. Ваш результат: \*!resultScore!\* баллов из (ваше количество баллов за лонгрид).
**Как выглядит шаблон:** Вы не набрали проходной балл. Ваш результат 5 баллов. Проходной балл: 10. **Как надо написать:** Вы не набрали проходной балл. Ваш результат \*!resultScore!\* баллов. Проходной балл: \*!passScore!\*.
**Как выглядит шаблон:** Вы не набрали проходной балл. Курс завершен на 70%, а необходимо набрать 80%. **Как надо написать:** Вы не набрали проходной балл. Курс завершен на \*!resultPercentage!\*%, а необходимо набрать \*!passPercentage!\*%.
### Когда лучше использовать этот блок? Когда в лонгриде есть оцениваемые вопросы и набранный балл нужно передавать в систему дистанционного обучения. # Скачиваемый файл ### Как добавить этот контентный блок? [Через меню добавления контентных блоков](https://wiki.scroll-tool.ru/books/razdel-longridy/page/kak-dobavlyat-kontentnye-bloki).Размер файла ограничен (не более 10 Мб).
Имя файла будет отображаться в блоке. Учитывайте это. Ученик не увидит, название файла.
Рекомендуемый размер изображения — 1000 на 600 пикселей.
Совет: Если вы оставляете возможность для просмотра в полном размере включенной, то лучше не загружать в блок изображения с прозрачным фоном (такие изображения могут быть в формате png, gif, webp). Иначе при увеличении они не будут иметь фона.
Картинки, которые вы добавляете в «**Сопоставление**», всегда могут быть просмотрены учениками в полном размере.
Обратите внимание, что после удаления, восстановить вариант невозможно.
Обратите внимание, что после удаления, восстановить пункт списка невозможно.
Обратите внимание, что при вставке HEX-кода нельзя удалять символ решетки. Иначе цвет не будет работать.
Большинство кнопок работают относительно той строки или ячейки, в которой стоит курсор ввода. Т.е. если вы работаете со 2 строкой и нажмете «Добавить новую строку сверху», то строка добавится над 2 строкой таблицы.
#### Работа со колонками [](https://wiki.scroll-tool.ru/uploads/images/gallery/2023-01/c1escreenshot-3.png) **Значения кнопок:** - - - добавить колонку слева - добавить колонку справа - удалить выделенную колонку (или ту, в которой стоит курсор ввода)Будьте осторожны с нестандартными таблицами, где есть различное форматирование и формулы.
#### Особенность №2: Работа с клавиатуры С таблицей удобно работать с клавиатуры. Рабочие кнопки: - Tab Переключает ввод на ячейку справа. Как доходит до последней ячейки, в строке происходит переключение на первую ячейку строки ниже. Если вы нажимаете клавишу в последней ячейке последней строки, то создастся новая строка. С помощью этой клавиши можно быстро заполнять ячейки таблицы и создавать новые строки не отвлекаясь на мышку. - Клавиши стрелок С их помощью можно переключаться по ячейкам и строкам. Тут все просто. Какую стрелку нажмете, туда и переместится мигающий указатель ввода. ### Как я могу использовать этот блок? Мы рекомендуем использовать блок для того, чтобы: - Отобразить данные в читаемом виде: например, тариф по банковской карте. - Сравнить какие-то параметры: например, параметры разных двигателей. # Текст ### Как добавить блок? Через меню добавления контентных блоков. [Подробнее о блоках](https://wiki.scroll-tool.ru/books/razdel-longridy/page/kak-dobavlyat-kontentnye-bloki).Преимущество блока: Если вы копируете текст из другого источника, то большая часть форматирования текста сохранится (жирность, курсив, ссылки, верхние или нижние индексы, цитаты и т.д.).
Обратите внимание, первый блок появляется целиком и без анимации. Второй появляется с поэтапной анимацией.
[](https://wiki.scroll-tool.ru/uploads/images/gallery/2023-02/text-animation.webp) *Чтобы увеличить демонстрацию, нажмите на нее.*Ссылка для почты: "**mailto:адрес электронной почты**" (например: "mailto:info@scroll-tool.ru").
Если вы хотите сделать активный номер телефона, то вставьте ссылку с текстом: **tel:номер телефона**. А вместо слов "номер телефона" подставьте свой телефон в международном формате.Ссылка для телефона: "**tel:номер телефона**" (например: "tel:+74951202768").
---Если у вас остались вопросы, напишите нам на почту
Вы можете использовать изображения в формате **JPG**, **PNG**, **GIF**, **WEBP** и **SVG**.
**Совет**: Если вы оставляете возможность для просмотра в полном размере **включенной**, то лучше не загружать в блок изображения с прозрачным фоном (такие изображения могут быть в формате png, gif, webp). Иначе при увеличении они не будут иметь фона.
Пример с прозрачным фоном: [](https://wiki.scroll-tool.ru/uploads/images/gallery/2023-07/image3-transparent.gif) *Чтобы увеличить демонстрацию, нажмите на нее.*Если у вас остались вопросы, напишите нам на почту
Обратите внимание, что после удаления, восстановить вариант невозможно.
[](https://wiki.scroll-tool.ru/uploads/images/gallery/2023-07/test10-new.gif) *Чтобы увеличить демонстрацию, нажмите на нее.***Совет**: Картинки, добавленные в «Тестовый вопрос», всегда будут отображаться в уроке в своём полном размере. Уменьшить их нельзя. Поэтому сразу подбирайте для блока небольшие по высоте изображения (рекомендуемая высота - не более 400 пикселей).
[](https://wiki.scroll-tool.ru/uploads/images/gallery/2023-07/test9-image.jpg) Чтобы добавить изображение, раскройте поле «**Показать настройки**», затем поле «**Медиафайл к вопросу**» и загрузите изображение. [](https://wiki.scroll-tool.ru/uploads/images/gallery/2023-07/test9-image.gif) *Чтобы увеличить демонстрацию, нажмите на нее.*Картинки, которые вы добавляете в этот блок, всегда могут быть просмотрены учениками в полном размере.
Цвет кнопок и выбранных вариантов наследуется из цветовой схемы лонгрида. [Подробнее о цветовой схеме](https://wiki.scroll-tool.ru/books/razdel-longridy/page/nastroika-vnesnego-vida-longrida#bkmrk--0).
--- ### Как настроить? В блоке «**Тестовый вопрос**» можно настроить: - тип вопроса (вопрос с одним правильным ответом или с несколькими) - перемешивание ответов - оценивается или не оценивается вопрос - количество баллов за верный ответ - обратную связь (включить/отключить, текст сообщений, показ правильного ответа) - количество попытокЕсли у вас остались вопросы, напишите нам на почту
Совет: Если вы оставляете возможность для просмотра в полном размере включенной, то лучше не загружать в блок изображения с прозрачным фоном (такие изображения могут быть в формате png, gif, webp). Иначе при увеличении они не будут иметь фона.
[](https://wiki.scroll-tool.ru/uploads/images/gallery/2023-07/image3-transparent.gif) Еще есть возможность сгенерировать картинку с помощью нейросети.Обратите внимание, что после удаления, восстановить вкладку невозможно.
[](https://wiki.scroll-tool.ru/uploads/images/gallery/2023-07/tabs3-tabs.gif) #### Как изменить внешний вид? ##### Текст Вы можете отформатировать текст внутри вкладки с помощью текстового редактора. [Подробнее о редакторе.](https://wiki.scroll-tool.ru/books/razdel-longridy/page/kak-formatirovat-tekst) ##### Подсказка Вы можете изменить текст подсказки. [](https://wiki.scroll-tool.ru/uploads/images/gallery/2023-07/tabs4-info.gif) ##### Цвет Цвет активного шага наследуется из цветовой темы лонгрида. ### Как я могу использовать этот блок? Этот блок хорошо подходит: - Для пошаговых инструкций. - Для показа истории и таймлайна. - Для перечисления этапов какого-либо процесса. # Копирование контентных блоков Вы можете копировать необходимые контентные блоки и вставлять их в рамках одного лонгрида. Так же можете скопировать в новый или другой лонгрид. ### Как копировать блок? Все достаточно просто, нажимаете на "три точки" и появится меню где необходимо нажать "Копировать в буфер" [](https://wiki.scroll-tool.ru/uploads/images/gallery/2026-07/6Nximage.png) ### Как вставить блок? Есть несколько вариантов как вставить блок. Вариант первый, если требуется вставить контентный блок сразу между другими блоками. То вы наводите на поле между ними и у вас появится меню. [](https://wiki.scroll-tool.ru/uploads/images/gallery/2026-07/5fqimage.png) И второй вариант, в меню снизу страницы. [](https://wiki.scroll-tool.ru/uploads/images/gallery/2026-07/e3Timage.png) #### Дублирование блока Еще одна разновидность копирования блока, это его дублирование. Дублировать можно в рамках одного раздела и дубль блока создается сразу же после оригинала. [](https://wiki.scroll-tool.ru/uploads/images/gallery/2026-07/e8mimage.png) # Код Блок «Код» позволяет добавить в лонгрид собственный HTML-блок: визуальный элемент, интерактив, анимацию, калькулятор или другой нестандартный фрагмент. Блок можно создать двумя способами: 1. сгенерировать прямо в Scrolltool; 2. вставить код, подготовленный во внешней нейросети или редакторе. #### Как добавить блок? Наведите курсор на линию между блоками и нажмите на появившийся значок «плюс», чтобы открыть меню с блоками. Выберите блок «Код». [](https://wiki.scroll-tool.ru/uploads/images/gallery/2026-07/0Vjimage.png) #### Как выглядит блок? В редакторе блок состоит из трех вкладок: - **HTML** — структура блока; - **CSS** — стили оформления; - **JS** — логика и интерактивность. Ниже редактора отображается предпросмотр блока. В нем можно сразу увидеть, как код будет выглядеть в лонгриде. [](https://wiki.scroll-tool.ru/uploads/images/gallery/2026-07/nGsimage.png) ##### Вариант 1. Сгенерировать блок в Scrolltool Откройте блок «Код» и разверните область «Сгенерировать с ИИ». В поле промта опишите, какой блок хотите получить. Например: > Сделай блок из трех преимуществ рисования: снижает стресс, развивает креативность, помогает расслабиться. Белый фон, три колонки, крупные иконки, тонкие линии, аккуратная типографика. После генерации Scrolltool заполнит вкладки HTML, CSS и JS. Результат можно проверить в предпросмотре под редактором. Если нужно изменить результат, напишите правку в том же поле и нажмите «**Доработать**». Например: > Сделай иконки меньше, добавь больше воздуха между колонками, а на мобильном устройстве расположи блоки друг под другом. Если хотите получить новый вариант с нуля, нажмите «**Сгенерировать заново**». [](https://wiki.scroll-tool.ru/uploads/images/gallery/2026-08/92fimage.png) ##### Вариант 2. Вставить код из внешней нейросети Вы можете подготовить код в ChatGPT, DeepSeek, Claude или другом AI-сервисе, а затем вставить его в блок «Код». Попросите нейросеть разделить результат на три части: - HTML - CSS - JS **Пример запроса**:Сделай блок для Scrolltool и раздели код на три части: HTML, CSS и JS. И пишите ваш промт.
Затем вставьте каждую часть в соответствующую вкладку блока: - код из части HTML — во вкладку HTML; - код из части CSS — во вкладку CSS; - код из части JS — во вкладку JS. [](https://wiki.scroll-tool.ru/uploads/images/gallery/2026-07/RE0image.png) #### Важное ограничение Код в блоке должен быть самодостаточным. Не используйте внешние файлы, ссылки и обращения к сети. Песочница Scrolltool их заблокирует. Если внешняя нейросеть выдала код с такими строками: > <link rel="stylesheet" href="style.css"> > <script src="script.js"></script> > <link href="https://fonts.googleapis.com/..." rel="stylesheet"> их нужно убрать, а содержимое CSS и JS перенести во вкладки CSS и JS. Но можно не руками а попросить нейросеть убрать ссылки, файлы и связь с внешними сервисами. # Импорт В этом разделе находятся статьи посвященные импорту курсов из конструкторов и документов. # Импорт SCORM из Articulate Rise У нас появился импорт SCORM из конструктора Articulate Rise. Загрузив архив с вашим курсом, вы сможете его редактировать на нашей площадке. А как это сделать и будет эта инструкция. #### **Импорт курса** Тут показано, как выглядит сам импорт. Вы выбираете необходимый SCORM пакет в формате .zip, который был сделан в Articulate Rise и загружаете его: [](https://wiki.scroll-tool.ru/uploads/images/gallery/2025-06/kak-zagruzit-rise-na-platformu-scroll.gif) #### **Редактирование** Далее, после того как нажали кнопку "Перейти" вы попадаете в стандартное редактирование курса в редакторе Scrolltool: [](https://wiki.scroll-tool.ru/uploads/images/gallery/2025-06/vid-iz-pod-redaktora.gif) #### **Сравнение внешнего вида готовых проектов в Scrolltool и Articulate Rise:** **Scrolltool:** [](https://wiki.scroll-tool.ru/uploads/images/gallery/2025-06/vid-v-predprosmotre-scroll.gif) **Articulate Rise:** [](https://wiki.scroll-tool.ru/uploads/images/gallery/2025-06/scorm-kak-vyglyadit-v-rise.gif) ### Для чего эта функция? Когда-то вы создали десятки, а то и сотни уникальных лонгридов: - Они остались в Articulate Rise, к которому сейчас сложно получить доступ. - Отредактировать курсы стало невозможно. Это наш способ вернуть вашим курсам новую жизнь - без боли, лишних затрат и потери времени. # Обучающие видео Тут находятся наши видео с полезными советами, которые могут быть для вас полезны. Все видео в этом разделе относятся к разделу "Лонгриды" # Обучающее видео блок "Диалог" Более подробную информацию по блоку "[Диалог](https://wiki.scroll-tool.ru/books/razdel-longridy/page/dialog)" вы можете посмотреть в статье посвященный функционалу данного блока - [Диалог](https://wiki.scroll-tool.ru/books/razdel-longridy/page/dialog). # Конвертация и Скрытие блока. В видео мы покажем две функции в нашем конструкторе, которые призваны ускорить разработку. Первая функция — **Конвертация блока**. **Для чего это нужно?** Это нужно, чтобы во время разработки курса сразу смотреть, как одна и та же информация выглядит в разных блоках, и выбрать подходящий без необходимость добавлять и удалять блоки вручную. Выбираете «Конвертировать». Например, посмотрим, как этот блок предупреждения выглядит в виде текста. Как видите, информация автоматически преобразуется. Можно посмотреть все варианты и оставить тот, который больше нравится. Вторая функция – **Скрыть блок**. **Зачем он нужен?** Первое назначение – посмотреть, как выглядят те или иные сочетания блоков, без необходимости удалять их и добавлять заново. Второе назначение – подготовить материал для согласования с руководителем или экспертом, когда нужно показать несколько вариантов материала. Третье назначение – на время скрыть блок, если информация в нем устарела, а новую еще не прислали. # Функционал блоков Хоть все блоки и разные, у блоков есть и общий функционал. Подробнее расскажем вам в статьях, в этом разделе. # Скрыть блок Вы можете скрывать блок для ученика, чтобы он не был виден. [](https://wiki.scroll-tool.ru/uploads/images/gallery/2025-08/iluimage.png) Для чего это нужно? - - Вы можете поставить разные варианты блоков и быстро скрыть ненужные в данный момент, чтобы в режиме предпросмотра посмотреть какой блок лучше подойдет в данный момент - - Можно скрыть блок и выгрузить курс без этого блока и потом снова его вернуть и при этом не удаляя сам блок. #### Внешний вид У скрытого блока включается серый фон, чтобы можно было понять, что на него сейчас действует данная функция: Блок скрыт: [](https://wiki.scroll-tool.ru/uploads/images/gallery/2025-08/7L4image.png) Блок не скрыт: [](https://wiki.scroll-tool.ru/uploads/images/gallery/2025-08/6eaimage.png) # Конвертация блока У нас есть возможность конвертировать один блок в другой. Вы можете изменить ваш блок "Текст" на блок "Текст с изображением" или "Заголовок" и т.д. Как это работает на примере блока "Изображение": [](https://wiki.scroll-tool.ru/uploads/images/gallery/2026-04/bandicam-2026-04-16-10-44-42-222.gif) Как видим, открывается при выборе конвертации блока, нам открывается меню с блоками и подсвечены варианты, на какой блок можно конвертировать. **Перечень блоков которым доступна конвертация:** - Заголовок - Заголовок с подзаголовком - Текстовый блок - Изображение - Текст с изображением - Предупреждение - Цитата - Список - Аккордеон - Вкладки - Шаги - Слайдер - Изображение с меткамиВ случае если вы конвертируете к примеру "**Изображение**" в "**Текст с изображением**" и потом в "**Текстовый блок**", то изображение пропадет и его нужно будет загружать заново.
**Для чего это нужно** Это очень простое решение, когда вы сделали один блок, но чтобы не вбивать ту же информацию в другой блок, вы создаете копию блока и конвертируете его, чтобы посмотреть как та же информация будет выглядеть в другом блоке. # Фон блоков Вы можете поменять фон вашего блока на необходимый вам. Чтобы визуал курса соответствовал вашему плану или вашему брендбуку. [](https://wiki.scroll-tool.ru/uploads/images/gallery/2026-07/image.png) **Как работает этот функционал на примере "Заливки":** [](https://wiki.scroll-tool.ru/uploads/images/gallery/2026-07/zalivka.gif) **И как работает смена фона на примере "Градиент":** [](https://wiki.scroll-tool.ru/uploads/images/gallery/2026-07/gradient.gif)Цвета которые вы добавляете вручную в настройках будут так же отображаться в списке. Они будут находится на самом верху списка.
# Как оформить обложку лонгрида? Рекомендуемые размеры для лонгрида на ПК 1920\*500 для ПК с разрешением 1920\*1080. Отступы со всех сторон рекомендуем сделать по 100px. [](https://wiki.scroll-tool.ru/uploads/images/gallery/2022-12/frame-1.png) Если лонгрид ориентирован только для прохождения на мобильных устройствах, используйте обложку 320\*500. Отступы по 30px со всех сторон. [](https://wiki.scroll-tool.ru/uploads/images/gallery/2022-12/frame-2.png)Рекомендуем загружать обложки в формате SVG (вектор). Так у вас всегда будет самая четкая картинка :)
Это базовые рекомендации. Вы можете отклоняться от них и экспериментировать. Если найдете хорошие размеры, то напишите нам! Дополним документацию.
И в завершение оформления обложки лонгрида не забудьте написать название лонгрида и его описание. [](https://wiki.scroll-tool.ru/uploads/images/gallery/2026-07/qoaimage.png)Эта информация будет показана только в первом уроке. В дальнейшем всё скроется, чтобы ничего не отвлекало слушателей вашего лонгрида.
# Настройка внешнего вида лонгрида Настройка внешнего вида позволяет изменить шрифты, цвета, логотип и другие детали лонгрида. А также выбрать вид обложки. Вот так выглядит страница с настройками: [](https://wiki.scroll-tool.ru/uploads/images/gallery/2026-07/TjEimage.png) Слева находятся настройки, а справа находится демонстрация — чтобы вы сразу могли увидеть внесенные изменения. Чтобы настроить внешний вид, нужно зайти в лонгрид и выбрать раздел «**Настройки**». [](https://wiki.scroll-tool.ru/uploads/images/gallery/2026-07/1Kpimage.png) Давайте разберём каждую настройку подробнее. ### Обложка лонгрида Обложка лонгрида в **Scrolltool** состоит из 3-х компонентов: изображение, цветной фон и заголовок. Вы можете управлять всеми этими компонентами. А также выбрать, какие из них будут видны и в каком сочетании. Для этого нужно выбрать тип обложки. Всего их шесть: - Текст на обложке (выбран по умолчанию) - Текст на сплошном фоне - Текст снизу - Текст справа - Текст слева - Без обложки [](https://wiki.scroll-tool.ru/uploads/images/gallery/2023-08/op1-type1.jpg) На следующей таблице отмечено, какие компоненты скрыты или показаны в разных типах.| **Изображение** | **Фон** | **Заголовок** | |
| **Текст на обложке** | **+** | **+** | **+** |
| **Текст на сплошном фоне** | **+** | **+** | |
| **Текст снизу** | **+** | **+** | **+** |
| **Текст справа** | **+** | **+** | **+** |
| **Текст слева** | **+** | **+** | **+** |
| **Без обложки** |
Обратите внимание, что цвет текста для описания лонгрида задается в самом лонгриде с помощью выделения.
### Цветовая схема лонгрида В конструкторе **Scrolltool** есть возможность задать цвет для элементов интерфейса лонгрида. Для этого используется цветовая схема. Цвет, выбранный для цветовой схемы, наследуется многими контентными блоками как основной. Вы можете выбрать цвет из системной палитры, в которой есть 20 цветов, в том числе чёрный и белый. Посмотреть все 20 цветов можно в блоке «**Палитра**». А чтобы выбрать какой-то цвет, раскройте список «**Цветовая схема лонгрида**» и выберите нужный цвет. [](https://wiki.scroll-tool.ru/uploads/images/gallery/2026-07/LXrimage.png) #### Как добавить свой цвет Вы можете также добавить свой собственный цвет. Для этого скопируйте HEX-код своего цвета и вставьте его в окошко «**Своя палитра**». Затем нажмите кнопку «**Добавить цвет**». [](https://wiki.scroll-tool.ru/uploads/images/gallery/2026-07/3fqimage.png) После этого ваш цвет появится в списке «**Цветовая схема лонгрида**» и вы сможете выбрать его, чтобы применить к лонгриду. [](https://wiki.scroll-tool.ru/uploads/images/gallery/2026-07/9sNimage.png)Обязательно вставлять HEX-код без символа решётки (**\#**), иначе цвет не будет работать.
### Логотип Вы можете добавить логотип вашей компании на верхнюю панель лонгрида. Для этого подготовьте изображение на прозрачном фоне (формат "**png**") и загрузите его в поле «**Логотип**» в «**Настройках**» лонгрида. [](https://wiki.scroll-tool.ru/uploads/images/gallery/2026-07/c0Bimage.png)Обратите внимание, что верхняя панель лонгрида всегда остается тёмной, поэтому старайтесь выбирать логотип светлого цвета.
### Время на прохождение Вы можете добавить время на изучение. Оно будет отображаться на обложке лонгрида. Если вы выбрали тип обложки «**Без обложки**», то эта настройка работать не будет. Чтобы включить эту настройку, нажмите переключатель «**Демонстрация времени на изучение**» и введите минуты в появившемся ниже поле. [](https://wiki.scroll-tool.ru/uploads/images/gallery/2026-07/uAzimage.png) [](https://wiki.scroll-tool.ru/uploads/images/gallery/2026-07/CNlimage.png) [](https://wiki.scroll-tool.ru/uploads/images/gallery/2026-07/dJNimage.png) ### Цвет хедера Вы можете выбрать цвет из системной палитры, в которой есть 20 цветов, в том числе чёрный и белый. Посмотреть все 20 цветов можно в блоке «**Внешний вид**». А чтобы выбрать какой-то цвет, раскройте список «**Цветовая схема**» и выберите нужный цвет. [](https://wiki.scroll-tool.ru/uploads/images/gallery/2026-04/YyWimage.png) ### Шрифты лонгрида В конструкторе **Scrolltool** есть возможность задать шрифты для всего лонгрида. Вы можете выбрать начертание шрифта и его размер. При этом, шрифты для заголовков и для основного текста задаются отдельно. Чтобы настроить шрифт, зайдите в «**Настройки**» и перейдите на вкладку «**Шрифты и размеры**». Здесь можно выбрать 4 вида шрифта: - шрифт для заголовка лонгрида - шрифт для описания лонгрида - шрифт для заголовка блока - шрифт для основного текста [](https://wiki.scroll-tool.ru/uploads/images/gallery/2026-07/LhLimage.png) Вы также можете загрузить свой собственный шрифт. Для этого нажмите на кнопку «**Добавить пользовательский шрифт**», перед вами появится окно для добавления шрифта, где нужно ввести имя шрифта и загрузить файл с компьютера. [](https://wiki.scroll-tool.ru/uploads/images/gallery/2026-07/5t6image.png)Желательно добавлять шрифты в формате "**ttf**".
Теперь этот шрифт появится в списке шрифтов, и вы сможете выбрать его в любом из 4-х полей. Он будет иметь то имя, которое вы ввели при загрузке.Если вы добавляете шрифты, убедитесь что в их названии нет спецсимволов и любых других знаков, кроме названия. Наличие других символов может привести к тому, что шрифт не будет применен.
### Наименование уроков В конструкторе **Scrolltool** есть возможность изменить слово, которым называются уроки лонгрида. По умолчанию, в начале каждого урока стоит заголовок «**Урок**» и порядковый номер урока. Но если вам не подходит слово «Урок» и вы хотите, чтобы уроки назывались по-другому, вы можете легко изменить это в настройках лонгрида. Для этого зайдите в «**Настройки**» и перейдите на вкладку «**Плеер и навигация**». Здесь вы увидите поле, где написано слово «Урок». Вместо него вы можете вписать любое другое слово. Затем кликните мышкой вне этого поля, чтобы сохранить изменения. [](https://wiki.scroll-tool.ru/uploads/images/gallery/2026-07/WaUimage.png) # Как правильно завершить лонгрид? **Для корректного завершения добавьте один из этих блоков в конец лонгрид:** - [Результаты с оценкой](https://wiki.scroll-tool.ru/books/razdel-longridy/page/rezultaty-s-ocenkoi) Когда нужно передать статус лонгрида и набранный балл. - [Результаты без оценки](https://wiki.scroll-tool.ru/books/razdel-longridy/page/rezultaty-bez-ocenki) Когда нужно передать статус лонгрида по баллам, а еще хочется красиво оформить блок. - [Кнопка завершения просмотра](https://wiki.scroll-tool.ru/books/razdel-longridy/page/knopka-zaverseniya-prosmotra) Когда нужно передать статус лонгрида по баллам, и для этого хватит простой кнопки. Подробное описание каждого блока вы можете прочитать перейдя по ссылкам. # Папки для лонгридов В модуле «**Лонгриды**» есть возможность объединять отдельные лонгриды в папках. Это помогает организовать хранение лонгридов, особенно, если их накопилось очень много. Вот как выглядят папки в модуле: [](https://wiki.scroll-tool.ru/uploads/images/gallery/2026-07/tFDimage.png) Вы можете: - создать папку - перенести в неё лонгриды - переименовать папку - удалить папку. ### Как создать папку Чтобы создать папку, зайдите в модуль «**Лонгриды**» и нажмите кнопку «**Добавить папку**» в верхней части экрана. Появится форма для заполнения, где нужно указать название папки. Введите название и нажмите кнопку «**Сохранить**». После этого вы попадёте внутрь вновь созданной папки. [](https://wiki.scroll-tool.ru/uploads/images/gallery/2026-07/vSYimage.png) Внутри новой папки вы можете создать новый лонгрид. Для этого нажмите на кнопку «**Добавить лонгрид**». [](https://wiki.scroll-tool.ru/uploads/images/gallery/2026-07/j4pimage.png) ### Как перенести лонгрид в папку Вы также можете перенести в созданную папку уже существующие лонгриды. Для этого вернитесь в общую папку с лонгридами, нажав на её название в верхней части экрана. [](https://wiki.scroll-tool.ru/uploads/images/gallery/2026-07/R9Bimage.png) Теперь вы увидите свою папку над всеми имеющимися лонгриды. [](https://wiki.scroll-tool.ru/uploads/images/gallery/2026-07/4agimage.png) Чтобы перенести лонгрид, нажмите на значок «**три точки**» в нижнем правом углу лонгрида. В появившемся меню выберите значок «**Переместить в папку**». Нажмите на него, и перед вами откроется окно с выбором папки. Выберите нужную папку и нажмите «**Сохранить**». После этого вы попадёте внутрь папки и увидите перемещённый лонгрид. [](https://wiki.scroll-tool.ru/uploads/images/gallery/2026-07/51gimage.png) [](https://wiki.scroll-tool.ru/uploads/images/gallery/2026-07/rgzimage.png) [](https://wiki.scroll-tool.ru/uploads/images/gallery/2026-07/quhimage.png) [](https://wiki.scroll-tool.ru/uploads/images/gallery/2026-07/ZvBimage.png) Если вы захотите вернуть лонгрид обратно в общую папку, сделайте это таким же образом, но выбрав в окне папку «**Лонгриды**». [](https://wiki.scroll-tool.ru/uploads/images/gallery/2026-07/eN3image.png) ### Как переименовать папку Вы можете изменить название уже созданной папки. Для этого нажмите на значок «**три точки**» рядом с именем папки и выберите значок «**Переименовать**». Перед вами откроется окно, где вы сможете ввести новое имя. Чтобы подтвердить, нажмите кнопку «**Переименовать**». [](https://wiki.scroll-tool.ru/uploads/images/gallery/2026-07/6HPimage.png) ### Как удалить папку Вы можете удалить созданную папку. Для этого нажмите на значок «**три точки**» рядом с именем папки и выберите значок «**Удалить**». Перед вами откроется окно с предупреждением. Чтобы подтвердить удаление, нажмите кнопку «**Удалить**». [](https://wiki.scroll-tool.ru/uploads/images/gallery/2026-07/YBNimage.png)**При удалении папки удаляются все лонгриды, находящиеся внутри неё.**
**Удалённую папку невозможно восстановить.**
---Если у вас остались вопросы, напишите нам на почту
В отчетах вы сможете увидеть только если лонгрид был запущен как "Ссылка с авторизацией" или "[Отправка лонгрида по E-Mail](https://wiki.scroll-tool.ru/books/razdel-longridy/page/otpravka-longrida-po-e-mail)"
#### Отправка лонгрида по E-Mail Можно запустить обучение в несколько потоков прямо из конструктора. Этот функционал поможет вам если вы решили запустить обучение без использования LMS. Подробнее вы сможете узнать в разделе "[Отправка лонгрида по E-Mail](https://wiki.scroll-tool.ru/books/razdel-longridy/page/otpravka-longrida-po-e-mail)" [](https://wiki.scroll-tool.ru/uploads/images/gallery/2025-01/image.png) ### Web-версия Этот формат позволяет сохранить лонгрид на компьютер в виде веб-сайта. После публикации будет создан архив со всеми ресурсами лонгрида(уроки, изображения, встроенные видео и файлы), который скачается на ваш компьютер. Этот формат очень похож на предыдущий (Доступ по ссылке), с той лишь разницей, что доступ к лонгриду будет осуществляться не по ссылке, а путём передачи файлов с устройство на устройство. Используйте этот формат, чтобы запустить лонгрид локально, то есть без подключения к интернету. Или чтобы сохранить себе резервную копию лонгрида на случай форс-мажора. #### Как сделать экспорт Для этого зайдите в лонгрид, нажмите на раздел «**Экспорт**» и выберите «**Веб-версия**». Нажмите кнопку «**Опубликовать**». После этого произойдет автоматическое скачивание архива на компьютер. [](https://wiki.scroll-tool.ru/uploads/images/gallery/2024-08/bandicam-2024-08-29-12-28-51-306.gif) Чтобы открыть такой лонгрид, нужно распаковать архив, найти файл под названием «index.html» и открыть этот файл с помощью любого браузера. [](https://wiki.scroll-tool.ru/uploads/images/gallery/2023-08/ex7-web2.gif) А чтобы передать лонгрид другому человеку, нужно скопировать и отправить ему полученный архив. ### SCORM 2004 и 1.2 Эти форматы позволяют разместить лонгрид в системе СДО, чтобы получать статистику о прохождении лонгрида учащимися. Почти все современные СДО-системы поддерживают формат SCORM 2004 или 1.2. После публикации будет создан архив со всеми ресурсами лонгрида(уроки, изображения, встроенные видео и файлы), который скачается на ваш компьютер. Используйте этот формат, чтобы запустить обучение в вашей системе СДО. #### Как сделать экспорт Эти виды экспорта похожи, поэтому мы опишем их на примере SCORM 2004. Чтобы сделать экспорт, зайдите в лонгрид, нажмите на раздел «**Экспорт**» и выберите «**SCORM 2004**» или «**SCORM 1.2**». Нажмите кнопку «**Экспортировать**». После этого произойдет автоматическое скачивание архива на компьютер. [](https://wiki.scroll-tool.ru/uploads/images/gallery/2024-05/eskport-proekta-sozdanie-arxiva.gif) Загрузите получившийся архив в свою систему СДО. ### Экспорт в Word Лонгрид можно выгрузить в как Word-документв, в формате .docx. В меню выбора экспорта выбираете "**Microsoft Word**"  И нажимаете кнопку "Экспортировать" [](https://wiki.scroll-tool.ru/uploads/images/gallery/2025-08/z0Fimage.png) После у вас скачивается .docx файл с названием вашего лонгрида и файл уже можно открыть в текстовом редакторе, который поддерживает, формат - .docx. [](https://wiki.scroll-tool.ru/uploads/images/gallery/2025-08/ao7image.png) ### Экспорт в СДО Этот формат позволяет напрямую передать лонгрид в СДО, минуя этап сохранения лонгрида в формате SCORM.На данный момент поддерживается интеграция с СДО "**Teachbase**", "**Moodle**" и "**Эквио**".
Чтобы делать прямой экспорт лонгридов, необходимо сначала включить интеграцию сервиса **Scrolltool** с СДО-системой. Для этого достаточно ввести в аккаунте **Scrolltool** ключи для интеграции. Подробнее об этом можно прочитать в статье «[Аккаунт](https://wiki.scroll-tool.ru/link/49#bkmrk-%D0%98%D0%BD%D1%82%D0%B5%D0%B3%D1%80%D0%B0%D1%86%D0%B8%D0%B8)».Для корректной работы интеграции версия вашей системы "**Moodle**" должна быть не ниже версии 4.0.
Так же вы сразу можете указать, какие редакторы имеют право на экспорт лонгридов на платформу "**Эквио**"
Если вы хотите заменить материал, который загружали в СДО "**Эквио**", то название материла должно совпадать. К примеру если у вас был курс который назывался - "**5 секретов продаж**", а потом вы сделали новый курс и назвали его - "**Секреты продаж 2.0**", то заменить один файл на другой не получится.
При экспорте в "**Эквио**" если лонгрид весит более 500 мегабайт, то он может не загрузиться на платформу. Это связано может происходить из-за долгой загрузки на сервера нашего партнера.
Так же вы сразу можете указать, какие редакторы имеют право на экспорт лонгридов на платформу "**Кампус**"
Изначально вы должны создать материал в СДО "**Кампус**". Так же на данный момент нельзя заменить материал по интеграции, он всегда будет добавляться как новый SCORM.
В некоторых блоках текстовый редактор может не появиться. Это означает, что в этом блоке нельзя редактировать текст.
### Для чего нужен редактор? При разработке курса не пренебрегайте возможностью отформатировать текст. Это позволит вам: - сделать внешний вид курса аккуратнее - верно расставить акценты в тексте ### Что означают кнопки редактора?| **Кнопка** | **Функция** | **Горячие клавиши** | |
|---|---|---|---|
| *Win + Linux* | *Mac OS* | ||
| [](https://wiki.scroll-tool.ru/uploads/images/gallery/2024-03/button1-color.png) | Выбрать цвет текста | - | - |
|  | Сделать текст жирным или убрать жирное начертание | `Control` `B` | `Cmd` `B` |
|  | Сделать текст курсивом или убрать курсивное начертание | `Control` `I` | `Cmd` `I` |
|  | Сделать текст зачёркнутым | `Control` `Shift` `X` | `Cmd` `Shift` `X` |
| [](https://wiki.scroll-tool.ru/uploads/images/gallery/2023-01/frame-7.png) | Перенести текст в верхний индекс | `Control` `,` | `Cmd` `,` |
|  | Перенести текст в нижний индекс | `Control` `.` | `Cmd` `.` |
| [](https://wiki.scroll-tool.ru/uploads/images/gallery/2024-03/button7-align-left.png) | Выровнять текст по левому краю. | - | - |
| [](https://wiki.scroll-tool.ru/uploads/images/gallery/2024-03/button8-align-center.png) | Выровнять текст по центру. | - | - |
| [](https://wiki.scroll-tool.ru/uploads/images/gallery/2024-03/button9-align-right.png) | Выровнять текст по правому краю. | - | - |
| [](https://wiki.scroll-tool.ru/uploads/images/gallery/2024-03/button10-align-wide.png) | Выровнять текст по ширине. | - | - |
|  | Создать маркированный список
Помните, что один пункт списка равен одному абзацу. Т.е. если вы выделите часть абзаца и нажмете эту кнопку, то весь абзац станет одним пунктом списка. | `Control` `Shift` `8` | `Cmd` `Shift` `8` |
|  | Создать нумерованный список | `Control` `Shift` `7` | `Cmd` `Shift` `7` |
|  | Создать заголовок второго уровня
Роль заголовка первого уровня (H1) играет контентный блок «Заголовок». Для создания заголовка обязательно отделите текст нажатием Enter. Иначе весь текстовый абзац превратится в заголовок. | `Control` `Alt` `2` | `Cmd` `Alt` `2` |
|  | Создать заголовок третьего уровня (H3) | `Control` `Alt` `3` | `Cmd` `Alt` `3` |
|  | Привести текст к нормальному состоянию
Например, если у вас есть заголовок второго уровня (H2), то при нажатии на эту кнопку текст перестанет быть заголовком и придет к обычному виду. | `Control` `Alt` `0` | `Cmd` `Alt` `0` |
|  | Создать гиперссылку | - | - |
|  | Удалить существующую гиперссылку | - | - |
| [](https://wiki.scroll-tool.ru/uploads/images/gallery/2024-03/button18-highlight.png) | Выбрать цвет для подсветки текста | - | - |
|  | Оформить текст как цитату
Появится отступ текста и полоска слева. Весь текст будет оформлен в кавычки. | `Control` `Shift` `B` | `Cmd` `Shift` `B` |
|  | Оформить текст как блок с кодом
При включении опции появится темная подложка и немного уменьшится шрифт. | `Control` `Alt` `C` | `Cmd` `Alt` `C` |
| [](https://wiki.scroll-tool.ru/uploads/images/gallery/2023-01/frame-19.png) | Очистить форматирование | - | - |
|  | Отменить последнее действий (Undo) | `Control` `Z` | `Cmd` `Z` |
|  | Вернуть последнее действие после отмены (Redo) | `Control` `Shift` `Z` | `Cmd` `Shift` `Z` |
|  | Редактировать текст с помощью ИИ
Подробнее об использовании ИИ читайте ниже. | ||
| **Дополнительные горячие клавиши** | |||
| Вставить текст из буфера обмена без форматирования | `Control` `Shift` `V` | `Cmd` `Shift` `V` | |
| Выделить весь текст в блоке | `Control` `A` | `Cmd` `A` | |
| Расширить выделение на один символ влево | `Shift` `←` | ||
| Расширить выделение на один символ вправо | `Shift` `→` | ||
| Расширить выделение на одну строку вниз | `Shift` `↓` | ||
| Расширить выделение на одну строку вверх | `Shift` `↑` | ||
| Расширить выделение на одно слово вправо | `Control` `Shift``→` | ||
| Расширить выделение на одно слово влево | `Control` `Shift``←` | ||
Как добавить участников мы разберем ниже или вы можете посмотреть в разделе [Модуль "Команда", Участник обучения.](https://wiki.scroll-tool.ru/books/razdel-komanda/page/ucastniki-obuceniya)
[](https://wiki.scroll-tool.ru/uploads/images/gallery/2024-10/bandicam-2024-10-02-10-17-00-685.jpg) Тут вам понадобится ввести название вашего потока, дату начала и дату завершения обучения. Как это сделать вы можете видеть на примере ниже: [](https://wiki.scroll-tool.ru/uploads/images/gallery/2024-10/kak-dobavit-potok.gif) ### Добавить участника До запуска потока, необходимо добавить участников обучения. Нажав на кнопку "Добавить участника" перед вам откроется вот такое меню: [](https://wiki.scroll-tool.ru/uploads/images/gallery/2024-10/bandicam-2024-10-02-10-17-53-090.jpg) [](https://wiki.scroll-tool.ru/uploads/images/gallery/2024-10/kak-dobavit-ucastnika.gif) Если вы уже ранее добавляли участников обучения через - [Модуль "Команда", Участник обучения](https://wiki.scroll-tool.ru/books/razdel-komanda/page/ucastniki-obuceniya), то тогда вы можете воспользоваться кнопкой "Добавить из общего списка" [](https://wiki.scroll-tool.ru/uploads/images/gallery/2024-10/bandicam-2024-10-02-10-25-23-953.gif) ### Запуск обучения После нажатия на кнопку "Запустить обучение" начинается рассылка писем с индивидуальной ссылкой на прохождение курса. [](https://wiki.scroll-tool.ru/uploads/images/gallery/2024-10/bandicam-2024-10-02-10-25-34-179.gif) Пример письма [](https://wiki.scroll-tool.ru/uploads/images/gallery/2024-10/bandicam-2024-10-03-11-03-48-366.jpg) Ученик переходит по индивидуальной ссылке "Перейти к материалу"Результаты по прохождение потоков вы можете наблюдать в [разделе "Отчеты", Лонгриды отправленные по E-Mail.](https://wiki.scroll-tool.ru/books/razdel-otcety/page/longridy-otpravlennye-po-e-mail)
# Копирование лонгридов между оплаченными аккаунтами Чтобы скопировать лонгрид другому пользователю вам нужно открыть быстрое меню проекта и выбрать иконку копирования лонгрида другому пользователю: [](https://wiki.scroll-tool.ru/uploads/images/gallery/2026-07/DLZimage.png) Меню передачи лонгрида на другой аккаунт вы можете видеть перед собой: [](https://wiki.scroll-tool.ru/uploads/images/gallery/2026-07/gWTimage.png) Теперь осталось лишь ввести почту другого аккаунта, куда вы хотите передать ваш лонгрид: [](https://wiki.scroll-tool.ru/uploads/images/gallery/2026-07/f3Fimage.png) На другой стороне же пользователь должен его принять: [](https://wiki.scroll-tool.ru/uploads/images/gallery/2026-07/PUVimage.png) И после обновления страницы лонгрид появляется на аккаунте куда он был отправлен: [](https://wiki.scroll-tool.ru/uploads/images/gallery/2026-07/5xAimage.png)**Копирование возможно только между оплаченными аккаунтами. На тарифах Демо это сделать невозможно.**
**Принять лонгрид может только "Владелец" аккаунта, методисты не могут принимать лонгриды, которые были отправлены на аккаунт.**
# Как добавить видео с VK Видео Иногда появляется вопрос, как вставить видео с VK Видео. В это инструкции вы наглядно увидите, что нужно сделать, чтобы ваши видео работали на нашей платформе. **Первым делом, на самом видео в ВК Видео, вы нажимаете на кнопку "Поделиться"** [](https://wiki.scroll-tool.ru/uploads/images/gallery/2025-05/sKdimage.png) **И попадаете в такое меню:** [](https://wiki.scroll-tool.ru/uploads/images/gallery/2025-05/bbsimage.png) **После вы копируете первую ссылку "Прямая ссылка":** [](https://wiki.scroll-tool.ru/uploads/images/gallery/2025-05/CfSimage.png) **И вставляете ее в блок "Видео":** [](https://wiki.scroll-tool.ru/uploads/images/gallery/2025-05/TeBimage.png) **Далее, нужно переименовать vkvideo.ru на vk.com и ваше видео работает и ученики его увидят:** [](https://wiki.scroll-tool.ru/uploads/images/gallery/2025-05/vhximage.png)Если же требуется, чтобы видео проигрывалось сразу же как только ученик зашел на страницу. То в конце ссылки на видео нужно добавить **&autoplay=1**, как на примере: [https://vk.com/video-220992818\_456239025&autoplay=1](https://vk.com/video-220992818_456239025&autoplay=1)
# Глоссарий Глоссарий нужен, чтобы унифицировать термины, сделать контент доступным для учеников разных уровней и ускорить процесс создания материалов. Разработчик использует глоссарий, чтобы ученики быстро находили объяснения терминов без отвлечения на внешние источники, повышая вовлеченность и снижая отток. ### Главное меню Глоссария [](https://wiki.scroll-tool.ru/uploads/images/gallery/2025-12/snimok-ekrana-2025-12-29-190601.png) *Чтобы увеличить картинку, нажмите на нее.* ### Добавление термина Нажимая на кнопку "Настроить термины" у вас открывается меню добавления термина. В нем представлено несколько полей. Это поля "Термин" и "Определение". [](https://wiki.scroll-tool.ru/uploads/images/gallery/2025-12/image.png) Ниже мы покажем как работает добавление "Термина" и "Определения" [](https://wiki.scroll-tool.ru/uploads/images/gallery/2025-12/kak-dobavit-termin.gif) *Чтобы увеличить картинку, нажмите на нее.* ### Связка термина с текстом Чтобы связать термин с текстом, нужно будет выделить слово или фразу. Откроется меню текстового редактора и выбираем кнопку "Добавить ссылку термин". Откроется меню добавления термина, где из списка нам потребуется выбрать нужный. [](https://wiki.scroll-tool.ru/uploads/images/gallery/2025-12/kak-prikrepit-termin.gif) *Чтобы увеличить картинку, нажмите на нее.* ### Внешний вид глоссария от лица ученика Тут мы покажем, как выглядит отображение термина от лица ученика. [](https://wiki.scroll-tool.ru/uploads/images/gallery/2025-12/vnesnii-vid-vnutri-ot-ucenika.gif) Так же можно включить для ученика отображение всех терминов которые будут у вас присутствовать. Для этого переключите ползунок "Отображать кнопку глоссария" в настройках. И уже в самом лонгриде в правой верхней части будет отобраться кнопка Глоссария. [](https://wiki.scroll-tool.ru/uploads/images/gallery/2025-12/bandicam-2025-12-30-09-05-06-931.gif) *Чтобы увеличить картинку, нажмите на нее.* ### Удаление привязки термина Чтобы удалить связку с термином, так же открываете текстовый редактор и выбираете кнопку "Удалить ссылку на термин" [](https://wiki.scroll-tool.ru/uploads/images/gallery/2025-12/bandicam-2025-12-30-09-07-59-778.gif) *Чтобы увеличить картинку, нажмите на нее.* ### Удаление термина Чтобы удалить термин, воспользуйтесь кнопкой "Корзина" в общем списке терминов в настройках. [](https://wiki.scroll-tool.ru/uploads/images/gallery/2025-12/bandicam-2025-12-30-09-09-42-773.gif) *Чтобы увеличить картинку, нажмите на нее.* # Автоматическое завершение лонгрида. У нас настроена система автоматического завершения лонгрида, когда пользователь доходит доходит до финального блока или отвечает на последний вопрос. Таким образом, вы можете сделать лонгрид без "**Завершающих блоков**", если они не вписываются в дизайн вашего лонгрида. **Лонгрид без баллов и с баллами.** В случае если нет тестовых вопросы, прохождение которых бы влияло на оценку лонгрида, то когда пользователь дойдет до конца, наш лонгрид передаст информацию о прохождении лонгрида на 100 процентов прогресса. В случае, если есть тестовые вопросы, которые оценивают прохождением учеником лонгрида, то при ответе на последний вопрос, будет передана статистика прохождения ученика, на сколько вопросов он ответил и статус "Успешно/Не успешно". # AI-помощники Тут вы найдете статьи, которые расскажут вам о функциях наших AI-помощников. # AI-переводчик У нас есть возможность полностью перевести ваш лонгрид на один из 51-го языков. Для этого в общем пространстве лонгрида нажмите на AI-переводчика. [](https://wiki.scroll-tool.ru/uploads/images/gallery/2026-05/Cfximage.png) И перед вами откроется выбор языка, на который вы хотите перевести ваш лонгрид. [](https://wiki.scroll-tool.ru/uploads/images/gallery/2026-05/XFaimage.png) После чего создается копия вашего лонгрида.Изначально копия создается на русском языке и спустя несколько минут она переводится на выбранный вами язык.
[](https://wiki.scroll-tool.ru/uploads/images/gallery/2026-05/eOOimage.png)Так же на данный момент есть известная ошибка, что если выбрать язык лонгрида отличный от того, что есть в настройках нашего плеера. То лонгрид может не проигрываться. Для этого важно в настроках лонгрида поставить язык плеера.
[](https://wiki.scroll-tool.ru/uploads/images/gallery/2026-05/RwCimage.png) # AI-помощник Как помощь для ваших проектов у нас есть AI-помощник. Который может вам помочь в решении ваших задач.\\ Вызывается он нажатием на кнопку в верхней части экрана. [](https://wiki.scroll-tool.ru/uploads/images/gallery/2026-05/iESimage.png) **AI-помощник по разделу** — инструмент для удобной работы со всем содержимым раздела. При его вызове доступны несколько основных функции. - **Генерация вопросов по содержанию.** [](https://wiki.scroll-tool.ru/uploads/images/gallery/2026-05/802c2afb-f9b4-4e8e-a4f6-79094ae601dc.png) Помощник предлагает список вопросов на основе текста раздела. Вы можете просмотреть сгенерированные варианты, выбрать подходящие и нажать кнопку «Добавить выбранные» в том же окне. Вопросы автоматически появятся в конце раздела — вам останется лишь распределить их по нужным логическим блокам. - **Поиск ошибок в разделе.** [](https://wiki.scroll-tool.ru/uploads/images/gallery/2026-05/7176fb10-6c95-40f7-ba92-5c9c84292920.png) По вашему запросу AI-помощник проанализирует весь текст и укажет на найденные ошибки. Чтобы исправить их, достаточно нажать кнопку «Применить» в этом же окне. Это существенно сокращает время на ручную проверку и корректировку. # Мультиязычность Функционал **«Мультиязычность»** в конструкторе Scrolltool предназначен для создания многоязычных обучающих курсов в формате одного SCORM-пакета. Это позволяет адаптировать контент под разные языковые аудитории без необходимости дублировать весь проект. ## Настройка языков Для активации функции необходимо перейти в настройки конструктора и открыть раздел **«Плеер и Навигация»**. В этом разделе следует отметить языки, которые будут доступны в курсе. [](https://wiki.scroll-tool.ru/uploads/images/gallery/2026-07/wzhimage.png) После выбора языков в интерфейсе конструктора, в верхней правой части, появится переключатель языков. [](https://wiki.scroll-tool.ru/uploads/images/gallery/2026-07/oQ0image.png) ## Процесс перевода Для перевода контента на выбранный язык нужно выполнить следующие действия: 1. Выбрать целевой язык в переключателе справа сверху. 2. Нажать кнопку **«Перевести»**. 3. Дождаться завершения работы нейросети — она автоматически переведёт весь текст лонгрида и содержимое всех разделов курса. [](https://wiki.scroll-tool.ru/uploads/images/gallery/2026-07/dI6image.png)Возможно зависание при включенном VPN.
Перевод охватывает все текстовые элементы проекта, включая заголовки, описания, задания и прочие смысловые блоки. [](https://wiki.scroll-tool.ru/uploads/images/gallery/2026-07/l40image.png) ## Выбор языка для ученика Для конечного пользователя выбор языка будет доступен в той же области — **в правой верхней части лонгрида, внутри хедера**. Это обеспечивает удобный и интуитивно понятный доступ к смене языка в любой момент прохождения курса. [](https://wiki.scroll-tool.ru/uploads/images/gallery/2026-07/u8Fimage.png) Также предусмотрена дополнительная настройка: **при запуске курса перед учеником может сразу появляться сообщение с предложением выбрать язык**. Это позволяет сразу определить предпочтительный язык обучения и обеспечивает комфортное взаимодействие с контентом с первых секунд. [](https://wiki.scroll-tool.ru/uploads/images/gallery/2026-08/image.png) Вот так она будет выглядеть в плеере ученика: [](https://wiki.scroll-tool.ru/uploads/images/gallery/2026-07/GuPimage.png) ## Работа с медиафайламиВажно учитывать, что для каждого языка предусмотрены отдельные медиафайлы — видео и изображения. Если в этих файлах присутствуют текстовые надписи или озвучка на другом языке, их необходимо заменить вручную. Для этого следует загрузить в соответствующий блок каждой языковой версии, чтобы контент был полностью адаптирован под целевую аудиторию.
Такой подход позволяет быстро создавать многоязычные курсы, экономя время на перевод текстовой части и оставляя возможность кастомизировать медиафайлы под конкретный язык. # Импорт JSON Вы можете импортировать структуру лонгрида в формате .json которая была сгенерирована в любой языковой модели. Как это сделать расскажем ниже: Для начала вам необходимо в общем пространстве нажать на кнопку "**Импорт**" [](https://wiki.scroll-tool.ru/uploads/images/gallery/2026-08/jZrimage.png) Далее у вас откроется окно выбора импорта. Сверху указана инструкция и файл для языковой модели SKILL.md. Его нужно будет скачать и загрузить в вашу языковую модель и сделать промт, чтобы он отсылался к этому файлу. Когда всё будет готово, копируете текст и блокнот и сохраняете файл с расширением .json. Далее мы выбираем **JSON(нейросеть)** в нашем окне импорта. [](https://wiki.scroll-tool.ru/uploads/images/gallery/2026-08/vj5image.png) Как только загрузите файл ваш файл в формате .json, у вас появится окно об успешном импорте и вы можете или загрузить новый проект или перейти к импортированному и начать его редактировать. [](https://wiki.scroll-tool.ru/uploads/images/gallery/2026-08/VFZimage.png) # Создание лонгрида с помощью ИИ. При добавлении лонгрида вы можете выбрать "**Сегенерировать с AI**". Генерация происходит через бриф. [](https://wiki.scroll-tool.ru/uploads/images/gallery/2026-08/dNzimage.png) ## Генерация через бриф Бриф — это короткий диалог с ИИ-методистом. Он задаёт вопросы по одному, показывает подсказки с примерами и отображает прогресс в формате **«Вопрос 1 из 8»**. ## Выберите тип брифа Перед началом выберите глубину проработки будущего лонгрида: [](https://wiki.scroll-tool.ru/uploads/images/gallery/2026-08/SV2image.png)После первого ответа изменить тип брифа нельзя. Чтобы выбрать другой вариант, нажмите **«Отмена»** в шапке брифа — введённый контекст очистится.
[](https://wiki.scroll-tool.ru/uploads/images/gallery/2026-08/msOimage.png) ## Вопросы короткого брифа В коротком брифе ИИ-методист уточнит: 1. Тематику лонгрида. 2. Целевую аудиторию. 3. Какие ошибки аудитория допускает сейчас. 4. Образ результата обучения. 5. Тон изложения: деловой, мотивирующий, экспертный, дружелюбный или нейтральный. 6. Нужен ли персонаж или виртуальный эксперт, а также его имя. 7. Количество разделов: автоматически, 3, 5, 7, 10 или своё значение. 8. Нужно ли загрузить материалы по теме. ## Что даёт расширенный бриф Расширенный бриф включает вопросы из короткого варианта и дополнительно помогает учесть уровень подготовки аудитории, причины типичных ошибок, рабочие ситуации, критерии освоения, обязательные и исключённые темы. В нём также можно задать усложнение практики, ошибки для обязательной отработки, правила работы с недостающей информацией и выбрать до двух вариантов тона изложения. ## Как отвечать - На текстовые вопросы вводите ответ в поле внизу и отправляйте кнопкой или клавишей **Enter**. - В вопросах с вариантами выбирайте подходящие чипы; при мультивыборе можно отметить несколько вариантов и при необходимости дополнить ответ вручную. - Необязательные вопросы можно пропускать. ## Добавьте источники На этапе загрузки прикрепите файлы форматов **TXT, DOCX или PDF** либо выберите материалы из медиатеки. ИИ-методист использует их факты, терминологию и примеры при подготовке лонгрида, не подменяя корпоративные сведения вымышленными данными. Прикреплённые документы автоматически сохраняются в медиатеке лонгрида. Если работа прервётся из-за ошибки или обновления страницы, ранее введённые ответы останутся сохранёнными — можно продолжить с того же места. ## Завершение генерации После завершения генерации ИИ-методист сформирует структуру и текст лонгрида на основе ответов из брифа. Чтобы получить готовый материал, нажмите кнопку «Создать лонгрид». [](https://wiki.scroll-tool.ru/uploads/images/gallery/2026-08/x1iimage.png) На этом же этапе доступно внесение правок: через диалог с ИИ-методистом можно уточнить или изменить формулировки, попросить пересмотреть отдельные разделы или добавить недостающие детали, не запуская бриф заново.