Блоки этапов: 8 схем «как это работает»

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

Собрать сайт бесплатно 8 блоков в категории

Когда нужны эти блоки

Такой блок снимает тревогу клиента «а что будет дальше» — особенно в услугах с долгим циклом: строительство, медицина, обучение.

Что умеют

  • От трёх до четырёх шагов
  • Нумерация в кружках и соединяющая линия
  • Иконка для каждого шага
  • Вертикальная и горизонтальная раскладка

Чего не умеют

  • Больше шести шагов в одном блоке — раскладка ломается
  • Интерактивная схема, где шаг раскрывается по клику

Все блоки категории «Этапы»

Каждый блок ставится на страницу одним кликом. Тексты, картинки и цвета меняются прямо на сайте — без вёрстки.

Этапы вертикальной линией с иконками — блок для сайта, конструктор Fo.ru

Этапы вертикальной линией с иконками

Вертикальная линия, на ней номера и иконки, справа описания

этапышагикак это работаетпроцесстаймлайн
Этапы вертикальной линией с номерами — блок для сайта, конструктор Fo.ru

Этапы вертикальной линией с номерами

Вертикальная линия с номерами, текст поочерёдно слева и справа

этапышагикак это работаетпроцесстаймлайн
Этапы вертикальной линией с точками — блок для сайта, конструктор Fo.ru

Этапы вертикальной линией с точками

Вертикальная линия с точками, описания по обе стороны

этапышагикак это работаетпроцесстаймлайн
Три шага на цветной карточке — блок для сайта, конструктор Fo.ru

Три шага на цветной карточке

Белая карточка на цветном фоне, три пункта с номерами

этапышагикак это работаетпроцесстаймлайн
Три шага списком с номерами — блок для сайта, конструктор Fo.ru

Три шага списком с номерами

Номера в кружках слева, заголовок и описание справа

этапышагикак это работаетпроцесстаймлайн
Три шага по центру с номерами — блок для сайта, конструктор Fo.ru

Три шага по центру с номерами

Номер, заголовок и описание по центру, друг под другом

этапышагикак это работаетпроцесстаймлайн
Три шага в колонки — блок для сайта, конструктор Fo.ru

Три шага в колонки

Три колонки: номер в кружке, заголовок и описание

этапышагикак это работаетпроцесстаймлайн
Четыре шага в колонки — блок для сайта, конструктор Fo.ru

Четыре шага в колонки

Четыре колонки: номер в кружке, заголовок и описание

этапышагикак это работаетпроцесстаймлайн

Частые вопросы

Сколько шагов лучше показывать?

Три-четыре. Если процесс длиннее, объедините смежные действия в один шаг.

Можно ли убрать номера?

Да, нумерация отключается, останутся заголовки и описания.

Есть ли анимация появления?

Отдельной анимации шагов нет; общие эффекты появления блока настраиваются в редакторе.

Соберите страницу из готовых блоков

Библиотека из 545 блоков доступна сразу после регистрации. Без программирования и без оплаты на старте.

Создать сайт бесплатно