Виджет До/После в конструкторе сайтов

Используйте виджет До/после, чтобы наглядно продемонстрировать результаты вашей работы. Он будет полезен для бизнеса в сфере услуг, красоты, ремонта, дизайна — поможет подчеркнуть изменения, которых вы добились для клиента.

В статье рассмотрим, как добавить виджет на сайт и настроить его отображение.

Добавьте виджет

Откройте страницу сайта в конструкторе и перейдите к нужному блоку. Нажмите Добавить виджет (Add widget) и выберите До/После (Before/After).

Добавьте изображения

В панели настроек виджета загрузите изображения «До» и «После» в соответствующих секциях. Выберите, откуда добавить каждое изображение:

Загруженные изображения можно редактировать и заменять. Доступны следующие действия:

Настройте отображение

Чтобы виджет органично вписывался в стиль вашего сайта, вы можете настроить его внешний вид.

После добавления изображений станут доступны параметры для настройки:

Чтобы изменения отобразились на сайте, нажмите Опубликовать (Publish).

Скопируйте ID

У каждого виджета есть уникальный идентификатор (ID), который определяет элемент на странице. Он нужен для применения стилей, скриптов, настройки показа попапов и отслеживания событий.

Чтобы скопировать ID, нажмите на него. Чтобы отредактировать — нажмите на иконку карандаша.

Читайте подробнее: ID блока и виджета.

Обновлено: 24.07.2025