Кнопка "Открыть каталог" на сайт

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

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

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

Настройки кнопки на сайте

Пройдите в НАСТРОЙКИ — Каталог на сайт — Редактор каталога — раздел "Кнопка на сайте" — активируйте тумблер:

Перед вами откроются настройки параметров кнопки:

1. ЦВЕТОВАЯ СХЕМА 
Цвета кнопки должны соответствовать фирменному стилю и быть контрастными для заметности.
— Фон кнопки: Основной цвет заливки.
— Обводка кнопки: Цвет рамки вокруг кнопки.
— Цвет текста: Должен контрастировать с фоном. 

СОВЕТ: Используйте не более 2-х цветов для кнопки (например, фон + текст или обводка + текст).

2. НАДПИСЬ НА КНОПКЕ
Это важный параметр, определяющий действие кнопки. Текст должен быть коротким, четким и мотивирующим.
По умолчанию, указывается текст "Открыть каталог", но вы можете выбрать любую другую надпись.

СОВЕТ: Формулируйте призывы так, чтобы они побуждали к конкретному действию. Замените абстрактные формулировки на сильные глаголы: открыть, загрузить, узнать.

3. ПРЕВЬЮ
Это ваша интерактивная примерочная для кнопки. Он позволяет увидеть, как будет выглядеть кнопка до ее сохранения и публикации на сайте.

4. ОТСТУПЫ
Отступы — это "воздух" вокруг кнопки, который отделяет ее от других элементов. Настраиваются по сторонам: сверху, снизу, слева, справа.

СОВЕТ: Задавайте отступы от 30 px, чтобы кнопка не "слипалась" с другими элементами и выглядела приглашающе.

5. ОТОБРАЖАТЬ НА МОБИЛЬНЫХ?
Этот переключатель важен для мобильной версии сайта.
— Включить: Кнопка будет видна на всех устройствах.
— Выключить: Кнопка скроется на экранах смартфонов и планшетов. Используйте, если кнопка мешает или не нужна в мобильном интерфейсе.

Для мобильной версии вы также можете установить отступы.

6. Z-INDEX
Параметр, управляющий "слоями" на странице. Определяет, будет ли кнопка перекрывать другие элементы или скрываться под ними.

7. РАЗМЕР В %
Это шкала, которая управляет видимостью и положением кнопки на странице относительно других элементов. Изменяйте ее, если кнопка выглядит слишком большой или маленькой на фоне остального дизайна.

Золотые правила 

• Не создавайте "радужных" кнопок — 2 контрастных цвета достаточно.
• Проверяйте кликабельность на мобильных.
• Используйте одинаковый стиль для кнопок одного типа на всем сайте.
• Не злоупотребляйте z-index — это может привести к проблемам с версткой.

ВАЖНО! Чтобы кнопка корректно работала на вашем сайте, необходимо добавить домен вашего сайта в список "Разрешенные сайты" в настройках каталога:

Правильно настроенная кнопка — это не просто элемент дизайна, а ключевой инструмент конверсии, который направляет клиента к целевому действию.