Как настраивать действия для кнопок: переход по ссылке или якорю, открытие поп-апа и т.д.

В Taptop можно настроить разные действия по клику или наведению на кнопку: переход на страницу или ссылку, прокрутка к якорю, открытие поп‑апа, показ/скрытие элементов, запуск почты или звонка.

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

Как добавить действие для кнопки

Выберите кнопку на холсте или в слоях.​

Откройте вкладку Настройки в правой панели.​

В блоке Действие (Action) нажмите «+» — по умолчанию будет добавлено действие по клику с переходом на страницу.​

Выберите триггер действия: При клике или При наведении

Выберите действие:

Как настроить переход по внешней ссылке или открытие файла при клике по кнопке

При нажатии на кнопку можно сделать переход по внешней ссылке, а также открыть документ или изображение из вашего Хранилища ресурсов (например, меню или прайс-лист в формате pdf).

Выберите Действие → Перейти по ссылке (Go to link)

В поле Ссылка (Link) вставьте URL (внешний сайт, ссылка на документ и т.п.)​

При необходимости включите опцию открытия в новой вкладке

Как настроить переход на другую страницу при клике по кнопке

При нажатии на кнопку можно сделать переход на любую страницу проекта, например Каталог товаров.

Выберите Действие → Перейти на страницу (Go to page)

Выберите нужную страницу внутри проекта

При необходимости включите открытие в новой вкладке​

Как настроить переход по якорю при клике по кнопке

Переход по якорю позволяет проскроллить к нужной секции страницы.

Выберите Действие → Перейти по якорю (Go to anchor)

Выберите элемент-якорь, к которому нужно прокрутить страницу при клике по кнопке (обычно секция или блок, например «Цены»). Для этого:

Выберите скорость прокрутки (в миллисекундах) для плавной прокрутки до элемента.​

Как настроить отправку e-mail при клике по кнопке

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

Выберите Действие → Отправить e‑mail (Send mail)

В поле Отправить email укажите адрес получателя

Как настроить звонок по телефону при клике по кнопке

Эта опция используется на мобильных устройствах — при клике начнется звонок на указанный номер.

Выберите Действие → Звонок по телефону (Phone)

В поле Phone введите номер телефона в нужном формате

Как настроить открытие поп‑апа при клике по кнопке

При клике по кнопке вы можете настроить открытие поп-апа (всплывающего окна) — в нем может располагаться, например, форма заявки или обратной связи.

Выберите Действие → Показать элемент (Show element)

Нажмите кнопку Выбрать элемент (Select element)

Выберите поп‑ап на вкладке Слои и нажмите кнопку Подтвердить выбор

Как настроить показ, скрытие или переключение элемента при клике по кнопке

Показать элемент (Show element) — делает выбранный элемент видимым при клике или наведении.​

Скрыть элемент (Hide element) — скрывает выбранный элемент при клике или наведении.​

Переключить элемент (Toggle element) — по очереди меняет текущее состояние отображения элемента на выбранное значение Отображения и обратно.

Эти опции можно использовать, например, чтобы показывать больше карточек товаров или отзывов при клике на кнопку.

Выберите Действие → Показать элемент (Show element)

Нажмите кнопку Выбрать элемент (Select element)

Выберите скрытый элемент на вкладке Слои и нажмите кнопку Подтвердить выбор

При необходимости укажите значение Отображение (Display) — например, Flex или Block.

Как изменить добавленное действие для кнопки

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

Резюме

Действия кнопок настраиваются во вкладке Настройки → Действие и помогают управлять навигацией, поп‑апами и интерактивными блоками на сайте.​

Основные сценарии: переходы (ссылка, страница, якорь), работа с элементами (показ, скрытие, переключение), а также контакт по e‑mail или телефону.​