# Внешняя ссылка

Блок «**Внешняя ссылка**» позволяет добавить к лонгриду ссылку на сайт или файл, оформив её в виде отдельной кнопки с настраиваемым внешним видом.

### Как выглядит блок?

[![link0-view.gif](https://wiki.scroll-tool.ru/uploads/images/gallery/2024-01/link0-view.gif)](https://wiki.scroll-tool.ru/uploads/images/gallery/2024-01/link0-view.gif)

### Как добавить блок?

Наведите курсор на линию между блоками и нажмите на появившийся значок "**плюс**", чтобы открыть меню с блоками. [Подробнее о добавлении блоков](https://wiki.scroll-tool.ru/books/razdel-longridy/page/kak-dobavlyat-kontentnye-bloki).

<details id="bkmrk-%C2%A0"><summary>Как выглядит блок в меню</summary>

[![link1-menu.jpg](https://wiki.scroll-tool.ru/uploads/images/gallery/2024-01/scaled-1680-/link1-menu.jpg)](https://wiki.scroll-tool.ru/uploads/images/gallery/2024-01/link1-menu.jpg)

</details><details id="bkmrk-%D0%9F%D1%80%D0%B8%D0%BC%D0%B5%D1%80-%D1%81%D0%BE%D0%B7%D0%B4%D0%B0%D0%BD%D0%B8%D1%8F-%D0%B8-%D0%B7%D0%B0"><summary>Добавление блока</summary>

[![link2-add.gif](https://wiki.scroll-tool.ru/uploads/images/gallery/2024-01/link2-add.gif)](https://wiki.scroll-tool.ru/uploads/images/gallery/2024-01/link2-add.gif)

*<span style="color: rgb(149, 165, 166);">Чтобы увеличить демонстрацию, нажмите на нее.</span>*

</details>### Как вставить ссылку?

Чтобы добавить ссылку, вставьте её в специальное поле «**Ссылка**». Не забудьте также добавить текст на кнопку, чтобы ваши ученики поняли, куда они попадут, когда нажмут на неё.

<details id="bkmrk-%D0%94%D0%BE%D0%B1%D0%B0%D0%B2%D0%BB%D0%B5%D0%BD%D0%B8%D0%B5-%D1%81%D1%81%D1%8B%D0%BB%D0%BA%D0%B8-%D0%B8-"><summary>Добавление ссылки и текста</summary>

[![link3-link.gif](https://wiki.scroll-tool.ru/uploads/images/gallery/2024-01/link3-link.gif)](https://wiki.scroll-tool.ru/uploads/images/gallery/2024-01/link3-link.gif)

*<span style="color: rgb(149, 165, 166);">Чтобы увеличить демонстрацию, нажмите на нее.</span>*

</details>### Как настроить переход к другому разделу?

Чтобы настроить переход к другому разделу, вставьте номер раздела в специальное поле «**Ссылка**», в формате "**\#номер\_раздела**". Не забудьте также добавить текст на кнопку, чтобы ваши ученики поняли, куда они попадут, когда нажмут на неё.

<details id="bkmrk-%D0%9D%D0%B0%D1%81%D1%82%D1%80%D0%BE%D0%B9%D0%BA%D0%B0-%D0%BF%D0%B5%D1%80%D0%B5%D1%85%D0%BE%D0%B4%D0%B0-%D0%BA"><summary>Настройка перехода к другому разделу</summary>

[![image.png](https://wiki.scroll-tool.ru/uploads/images/gallery/2025-08/scaled-1680-/9OEimage.png)](https://wiki.scroll-tool.ru/uploads/images/gallery/2025-08/9OEimage.png)

</details>### Как изменить внешний вид?

В блоке «**Внешняя ссылка**» можно изменить:

- цвет самой кнопки
- цвет текста и иконки
- иконку

<details id="bkmrk-%D0%98%D0%BA%D0%BE%D0%BD%D0%BA%D0%B0-%D0%98%D0%BA%D0%BE%D0%BD%D0%BA%D0%B0-%D0%95%D1%81%D0%BB%D0%B8-%D0%B2"><summary>Цвет кнопки</summary>

#### Цвет кнопки  


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

<p class="callout info">Добавить свои цвета в палитру можно в **Настройках лонгрида**. [Подробнее о своих цветах](https://wiki.scroll-tool.ru/link/47#bkmrk--0).</p>

[![button4-colour.gif](https://wiki.scroll-tool.ru/uploads/images/gallery/2023-12/button4-colour.gif)](https://wiki.scroll-tool.ru/uploads/images/gallery/2023-12/button4-colour.gif)

*<span style="color: rgb(149, 165, 166);">Чтобы увеличить демонстрацию, нажмите на нее.</span>*

</details><details id="bkmrk-%D0%A6%D0%B2%D0%B5%D1%82-%D0%A6%D0%B2%D0%B5%D1%82-%D0%92%D1%8B-%D0%BC%D0%BE%D0%B6%D0%B5%D1%82%D0%B5-"><summary>Цвет текста и иконки</summary>

#### Цвет текста и иконки  


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

Добавить свои цвета в палитру можно в **Настройках лонгрида**. [Подробнее о своих цветах](https://wiki.scroll-tool.ru/link/47#bkmrk--0).

[![button5-colourtext.gif](https://wiki.scroll-tool.ru/uploads/images/gallery/2023-12/button5-colourtext.gif)](https://wiki.scroll-tool.ru/uploads/images/gallery/2023-12/button5-colourtext.gif)

*<span style="color: rgb(149, 165, 166);">Чтобы увеличить демонстрацию, нажмите на нее.</span>*

</details><details id="bkmrk-%D0%98%D0%BA%D0%BE%D0%BD%D0%BA%D0%B0-%D0%98%D0%BA%D0%BE%D0%BD%D0%BA%D0%B0-%D0%92%D1%8B-%D1%82%D0%B0%D0%BA"><summary>Иконка</summary>

#### Иконка

Вы также можете выбрать иконку из встроенной базы иконок.

[![button6-icon.gif](https://wiki.scroll-tool.ru/uploads/images/gallery/2023-12/button6-icon.gif)](https://wiki.scroll-tool.ru/uploads/images/gallery/2023-12/button6-icon.gif)

*<span style="color: rgb(149, 165, 166);">Чтобы увеличить демонстрацию, нажмите на нее.</span>*

</details>### Как я могу использовать этот блок?

Рекомендуем вам использовать блок для таких целей:

- Перевести ученика на другой сайт.
- Поделиться с учеником файлом, хранящимся не на вашем компьютере.

---

<p class="callout success">Если у вас остались вопросы, напишите нам на почту <info@scroll-tool.ru>.</p>