> ## Knowledge Base Index
> Fetch the complete knowledge base index at: https://support.support-vigbo.com/sitemap.xml
> Use this file to discover available pages before exploring further.
> Pure-Markdown content can be obtained by appending a '.md' suffix to the content URLs listed in the sitemap (without the trailing slash).

# Кнопка

${frame}[](https://player.vimeo.com/video/289256987?title=0&byline=0&portrait=0)

Виджет **Кнопка** используется, если необходимо добавить на страницу кнопку, по клику на которую посетитель сайта перейдет на другую страницу сайта или другой сайт. Для пользователей тарифа **Бизнес** доступна дополнительная функция виджета **Кнопка** — Добавление товара в корзину.

1. Создайте страницу с типом **Новая страница** и добавьте виджет **Кнопка**, перетащив его в нужную область страницы.

![screen-71.png](https://storage.crisp.chat/users/helpdesk/website/-/2/f/c/7/2fc77978816c1a00/9bc52fb7-c620-46aa-9e9d-d184a8_1tdziwv.png)

2. Задайте текст кнопки и перейдите в настройки виджета, нажав на иконку шестеренки справа вверху.

![screen-90.png](https://storage.crisp.chat/users/helpdesk/website/-/3/6/4/8/3648a082b8353000/52dea825-ae81-4e3b-82dc-6cc652_1hr29ec.png)

3. Выберите действие при нажатии на кнопку.

![screen-4.png](https://storage.crisp.chat/users/helpdesk/website/-/6/8/c/a/68caa5a39cbf7800/b34d7991-4a01-498b-b257-44b064_1f6ljia.png)

При выборе действия **Перейти по ссылке**, вам будет предложено добавить ссылку на страницу сайта или внешнюю ссылку.

![screen-22.png](https://storage.crisp.chat/users/helpdesk/website/-/6/6/1/6/661692152e01a400/687b677c-52af-4154-b8a5-820672_xk4urh.png)

Выбирайте тип ссылки **Страница сайта**, если переход должен быть на страницу на вашем сайте. Далее в выпадающем списке будет доступен выбор страниц из меню вашего сайта.

![screen-6.png](https://storage.crisp.chat/users/helpdesk/website/-/3/d/4/2/3d423ee52a660400/c4931c68-a398-4100-9889-16cd40_1ybh22y.png)

> **ВАЖНО:** для выбора будут доступны страницы следующих типов: Страница, Магазин, Галерея, Блог, Ссылка.

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

![screen-5.png](https://storage.crisp.chat/users/helpdesk/website/-/e/d/2/2/ed2270d39e9c2800/8466c57c-a61b-47fb-8177-f06c4d_1mqfdjc.png)

> **ВАЖНО:** если ссылка ведет на сторонний сайт, то указывайте полный адрес ссылки с доменом, например, **https://vigbo.com/templates** Если переход должен быть на страницу вашего сайта, указывайте в качестве ссылки только адрес страницы без доменного имени, в начале ссылки должен быть символ **/** Пример: **/templates**

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

![mceclip2.png](https://storage.crisp.chat/users/helpdesk/website/-/e/9/1/7/e91771d63c2d3000/b49ef5af-d60b-4e01-a0bb-33d538_y70dcn.png)

4. Настройте оформление кнопки.

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

![Screenshot-601.png](https://support.vigbo.tech/hc/article_attachments/360017716340)

5. Задайте цвет, шрифт, размер для текста кнопки.

![mceclip4.png](https://support.vigbo.tech/hc/article_attachments/360012602760)

6. Добавьте код отслеживания событий (при необходимости). Подробнее о настройке событий и целей можно почитать в соответствующих руководствах раздела [Статистика сайта](https://support.vigbo.com/hc/ru/sections/115000274091).

![mceclip5.png](https://support.vigbo.tech/hc/article_attachments/360012602860)

Для применения настроек нужно нажать кнопку **Сохранить** в окне с настройками виджета и кнопку **Сохранить** для страницы.