Дизайн

Цвета, шрифты и советы по стилю

ПОСТЫ ЭТОЙ РУБРИКИ


Влияет ли цвет на конверсию?

Когда мы говорим о привлечении внимания, мы подсознательно ассоциируем это с чем-то ярким… Кнопка на лендинге, мимо которой никто не должен пройти, обязательно должна быть красной!

А сколько сайтов вы видели за последнее время, которые так или иначе используют красный:

  • алый
  • марсала
  • томатно-красный
  • и даже цвет крови индонезийского дракона

На что не пойдешь ради того, чтобы запомниться посетителю?

alt

Работает ли

HTML виджет

Что такое HTML-виджет и как его использовать?

Платформа – гибкий конструктор, который позволяет изменять внешний вид страницы так, как необходимо. Для этого достаточно базовых знаний HTML и специального виджета.

HTML-виджет позволяет изменять компоненты Платформы такие как формы, кнопки, счетчики, контейнеры для виджетов, редактируемый текст и использовать переменные внутри вашего html кода. При этом результат совмещения вашего кода с компонентами Платформы можно

Адаптивность

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

Как отображается ваша страница на мобильных?

Заходим в редактор страницы и нажимаем «Настройка адаптивности» в верхней панели. В этом окне включаем и выключаем отображение страницы для выбранных устройств. Переключаем режимы адаптивности и смотрим, как будет выглядеть страница в редакторе и в режиме предпросмотра.

Обновленный виджет "Слайдер"

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

Дизайн

Стандартный: С иконками: C цветными кнопками переключения:

Основные настройки

Внутри слайдер можно поместить любой элемент и задать время показа. Минимальное время – 2 секунды. Оптимальное зависит от контента и времени, необходимого на просмотр. Количество слайдов: максимально – 25.

Дополнительные настройки

  • Плавное перелистывание
  • Фиксированная

Виджет "Вкладка"

Разместить несколько изображений одного продукта, подробно описать характеристики или удобно расположить в одной секции текст – используем виджет “Вкладки”.

Дизайн

Минимализм: Вкладки с кнопками переключения: С иконками: И другие. Все варианты дизайна смотрите в редакторе.

Основные настройки

  • Количество вкладок
  • Цвет кнопок переключения

Дополнительные настройки

  • Высота
  • Фиксированная высота для вкладок разного размера
  • Отступ вкладками и содержимым вкладок
  • Плавное перелистывание вкладок

Для продвинутых

Виджет "Спойлер"

В новом виджете “Спойлер” можно разместить контент, который будет показываться и скрываться по клику. В спойлере удобно размещать ответы на вопросы и тексты, которые легко разделить на пункты.

Когда использовать?

Собираем популярные вопросы, готовим для них ответы и создаем раздел FAQ на лендинге. Элементы внутри виджета – текст или изображение – будут показываться и скрываться по нажатию.

Настраиваем виджет

  • Фон

Выбираем любой