Как я могу добавить и отредактировать кнопку на своем сайте?
Вы можете использовать кнопки, чтобы привлечь внимание посетителей к важным ссылкам или элементам с призывами к действию.
Как добавить кнопку?
- Находясь в редакторе сайта, кликните Элементы.
![](https://us-wd.gr-cdn.com/help/sites/9/2021/09/1033/CleanShot-2021-09-23-at-12.32.45-2x-1024x222.png)
- Перенесите элемент Кнопка на страницу. Обратите внимание, что редактор выделит области, куда можно перенести кнопку.
![](https://us-wd.gr-cdn.com/help/sites/9/2021/09/1035/CleanShot-2021-09-23-at-12.34.39-2x-1024x413.png)
![](https://us-wd.gr-cdn.com/help/sites/9/2021/09/1036/CleanShot-2021-09-23-at-12.35.46-2x-1024x500.png)
- Выберите дизайн кнопки из библиотеки. Кликните вариант, который хотите добавить на страницу.
Примечание: в категории Как в теме вы найдете кнопки, дизайн которых соответствует глобальному дизайну вашего сайта.
![](https://us-wd.gr-cdn.com/help/sites/9/2021/09/1053/CleanShot-2021-09-23-at-12.52.05-2x-1024x516.png)
Как отредактировать кнопку?
Вы можете изменить внешний вид любой кнопки на своем сайте. Кликните кнопку, которую хотите отредактировать, чтобы открыть панель инструментов.
Призыв к действию и ссылки
![](https://us-wd.gr-cdn.com/help/sites/9/2021/09/1147/CleanShot-2021-09-23-at-13.46.56-2x-1024x957.png)
- Текст кнопки
Отредактируйте текст кнопки. - Куда ведет кнопка?
Можно использовать несколько типов ссылок – убедитесь, что выбрали подходящий.
Внешняя страница или сайт – используйте, чтобы дать ссылку на другой сайт с помощью URL.
Лендинг – выберите лендинг GetResponse, который хотите открыть.
Электронная почта – добавьте адрес электронной почты, на который будет отправлено письмо после нажатия кнопки.
Номер телефона – добавьте номер телефона, на который будет совершен звонок после нажатия кнопки.
Пользовательский протокол – используйте, чтобы добавить ссылку протокола.
Документ – добавьте файл, который будет открываться после нажатия кнопки.
Сайт – выберите другой сайт, созданный с помощью редактора сайтов GetResponse.
Текущий сайт – дайте ссылку на текущий сайт. Выберите страницу, которую хотите открыть. - Как должна открываться ссылка?
Выберите, как открыть ссылку – в новой вкладке или на той же странице.
Дизайн кнопки
![](https://us-wd.gr-cdn.com/help/sites/9/2021/09/1358/CleanShot-2021-09-23-at-15.57.25-2x-1024x490.png)
- Стиль
Выберите один из представленных стилей. Дополнительные стили доступны ко клику Больше стилей. - Форма
Выберите форму кнопки. - Размер
Выберите один из заданных размеров или кликните …, чтобы ввести размер вручную. - Выравнивание
Выравнивание по левой стороне, центру, или правой стороне. - Расширенные настройки
Здесь доступны дополнительные настройки для вашей кнопки.
Вы можете изменить шрифт, цвет, границу, радиус и тень.
![](https://us-wd.gr-cdn.com/help/sites/9/2021/09/1615/CleanShot-2021-09-23-at-18.14.29-2x-1024x535.png)
- Сбросить настройки
Сбросить все настройки кнопки до изначальных.
![](https://us-wd.gr-cdn.com/help/sites/9/2021/09/1623/CleanShot-2021-09-23-at-18.23.18-2x-1024x457.png)
Настройки блока
Блок кнопки – это рабочее пространство с рамкой, содержащее ярлык Кнопка в левой части. Рамку можно увидеть только после того, как вы кликните объект. Она не будет видна на вашем сайте.
Вы можете настраивать цвет, отступ, границы, радиус и тень.
![](https://us-wd.gr-cdn.com/help/sites/9/2021/09/1648/CleanShot-2021-09-23-at-18.47.42-2x-1024x501.png)
Абсолютное позиционирование
Включите эту опцию, чтобы переместить кнопку в любое место на вашем сайте.
Примечание: мы рекомендуем использовать эту опцию только если вы хотите создать уникальный дизайн, который не может быть создан другим способом. Использование абсолютного позиционирования может сделать вашу страницу менее адаптивной на мобильных устройствах.
![](https://us-wd.gr-cdn.com/help/sites/9/2021/09/1700/CleanShot-2021-09-23-at-19.00.01-2x-1024x580.png)
Скрывать на мобильных
Включите эту опцию, чтобы скрывать кнопку, когда страница отображается на мобильных устройствах.
Эту опцию можно использовать, чтобы упростить страницу на мобильных устройствах, например, когда вы используете одну и ту же кнопку с призывом к действию в десктопной версии.
![](https://us-wd.gr-cdn.com/help/sites/9/2021/09/1702/CleanShot-2021-09-23-at-19.00.01-2x-1024x580.png)