> For the complete documentation index, see [llms.txt](https://docs.wfolio.pro/llms.txt). Markdown versions of documentation pages are available by appending `.md` to page URLs; this page is available as [Markdown](https://docs.wfolio.pro/site/blocks/widgets/before-after.md).

# Виджет «До/после»

С помощью него можно сравнить два изображения в рамках одного блока.

<figure><img src="/files/FYFXSDvdZvqJfySSlorD" alt=""><figcaption></figcaption></figure>

### Как добавить

* Откройте [составную страницу](/site/pages/tipy-stranic/custom-page.md) в панели управления и нажмите на кнопку <mark style="background-color:blue;">**(+)**</mark>, чтобы добавить новый блок.

<figure><img src="/files/iRw6qH4TRsDzAmaJkesX" alt=""><figcaption></figcaption></figure>

* Перейдите во вкладку **«Виджеты»** и выберите блок **«До/после»** подходящего размера.

<figure><img src="/files/wp084DCtSFFax4szWlwN" alt="" width="563"><figcaption></figcaption></figure>

Посмотрите пример страницы с пресетами:

{% embed url="<https://demo.wfolio.pro/presety>" %}