Кнопки
Внешний вид кнопок настраивается в разделе «Дизайн сайта». Эти настройки относятся к дизайн-системе проекта: вы задаёте стиль кнопок один раз, а затем используете его в разных блоках сайта.
Так кнопки на страницах выглядят единообразно: у них совпадают цвета, шрифты, скругления, обводки, тени и другие параметры.
Так кнопки на страницах выглядят единообразно: у них совпадают цвета, шрифты, скругления, обводки, тени и другие параметры.
1
Настройка кнопок
Чтобы настроить кнопки откройте страницу в режиме редактирования. В верхней панели нажмите «Дизайн сайта». Перейдите в раздел «Кнопки». Затем выберите нужный стиль кнопки и настройте его внешний вид.
Можно настроить до 4 стилей кнопок и использовать их в разных блоках сайта.
Например, один стиль можно использовать для главных действий — «Оставить заявку», «Купить», «Записаться», второй — для дополнительных переходов, третий — для лёгких ссылок, а четвёртый — для акций, промоблоков или контрастных секций.
Например, один стиль можно использовать для главных действий — «Оставить заявку», «Купить», «Записаться», второй — для дополнительных переходов, третий — для лёгких ссылок, а четвёртый — для акций, промоблоков или контрастных секций.
При добавлении блока на нем будет указана его ссылка (её можно поменять на произвольное название для удобства). Скопируйте эту ссылку вместе со знаком решётки «#» (без неё ссылка работать не будет).
Затем выберите элемент, по клику на который должно открываться окно: кнопку, текстовую ссылку, изображение или другой элемент. Вставьте ссылку попапа в поле для ссылки в таком виде: #popupform (или ваше название)
После сохранения при клике на этот элемент будет открываться всплывающее окно. Чтобы проверить работает ли ссылка, нужно перейти в режим предпросмотра.
После сохранения при клике на этот элемент будет открываться всплывающее окно. Чтобы проверить работает ли ссылка, нужно перейти в режим предпросмотра.
2
Виды кнопок
Чтобы настроить попапы, откройте страницу в режиме редактирования и нажмите «Дизайн сайта» в верхней панели.
В этом разделе настраивается дизайн-система, которая применяется ко всему сайту, а не только к текущей странице. Далее перейдите в раздел «Попапы».
В этом разделе настраивается дизайн-система, которая применяется ко всему сайту, а не только к текущей странице. Далее перейдите в раздел «Попапы».
Откроется окно с настройками попапов. Настройки состоят из трёх пунктов: основное, поля формы и кнопка. По клику на пункт открываются подробные настройки, например, фон попапа, шрифты, цвет ссылок и другие. Выполните настройки – они автоматически сохраняться и применяться ко всем попапам на вашем сайте.
Важно:
в Базиуме есть универсальный попап-блок – Pop01: «Конструктор попапов из блоков» (в библиотеке блоков в разделе «Попапы» он стоит первым). Дизайн этого попапа настраивается индивидуально, как у обычных блоков.
3
Как добавить кнопку на страницу
Также в Базиуме есть универсальный попап-блок – Pop01: «Конструктор попапов из блоков». Его отличие в том, что вы сами собираете содержимое окна: выбираете нужные элементы, добавляете и удаляете их в зависимости от задачи.
Дизайн этого попапа настраивается как у обычного блока — через кнопку «Дизайн», которая появляется при наведении на блок.
Дизайн этого попапа настраивается как у обычного блока — через кнопку «Дизайн», которая появляется при наведении на блок.
Чтобы посмотреть как выглядит попап кликните на «Показать попап», а чтобы отредактировать содержимое блока кликните на «Редактировать»:
В попап можно добавить любое количество из доступных элементов: заголовок, текст, изображение, видео, кнопку и форму.
Порядок элементов тоже можно менять: зажмите точки слева от нужного элемента и перетащите его выше или ниже.
Порядок элементов тоже можно менять: зажмите точки слева от нужного элемента и перетащите его выше или ниже.
Чтобы открыть попап, действуйте так же, как и с другими всплывающими окнами: скопируйте его ссылку и вставьте её в настройки кнопки, текстовой ссылки, изображения или другого элемента.
