Демо embed-виджетов Finarmy.ru

Полная витрина всех режимов: калькуляторы и карточки, светлая/тёмная темы, recent/popular, размеры сетки и все поддерживаемые параметры для встраивания.

Виджет ДД Виджет пенсии Виджет поднаёма Виджет подъемного

Денежное довольствие (новый)

Расширенный калькулятор ДД с максимальным набором надбавок и отдельный режим карточек сохранённых расчётов.

Калькулятор ДД — light

<div id="finarmy-salary-widget"></div>
<script src="https://www.finarmy.ru/embed/salary-calculator-widget.js" async></script>

Калькулятор ДД — dark

<div class="finarmy-salary-widget" data-theme="dark"></div>
<script src="https://www.finarmy.ru/embed/salary-calculator-widget.js" async></script>

Карточки ДД — recent, 4 шт., 2 колонки

<div id="finarmy-salary-cards"
     data-count="4"
     data-columns="2"
     data-order="recent"></div>
<script src="https://www.finarmy.ru/embed/salary-cards-widget.js" async></script>

Карточки ДД — dark, popular, 3 шт.

<div class="finarmy-salary-cards"
     data-count="3"
     data-columns="1"
     data-theme="dark"
     data-order="popular"></div>
<script src="https://www.finarmy.ru/embed/salary-cards-widget.js" async></script>

Военная пенсия

Калькулятор пенсии — light

<div id="finarmy-pension-widget"></div>
<script src="https://www.finarmy.ru/embed/pension-calculator-widget.js" async></script>

Калькулятор пенсии — dark

<div class="finarmy-pension-widget" data-theme="dark"></div>
<script src="https://www.finarmy.ru/embed/pension-calculator-widget.js" async></script>

Карточки пенсии — recent

Карточки пенсии — dark popular

Компенсация за поднаём

Калькулятор компенсации — light

Калькулятор компенсации — dark

Карточки компенсации — recent

Карточки компенсации — dark popular

Подъемное пособие

Мини-калькулятор — light

Мини-калькулятор — dark

Карточки подъемного — recent

Карточки подъемного — dark popular

Параметры embed (все режимы)

Параметры задаются в теге контейнера <div ...>. Если не задать параметр — используется значение по умолчанию.

Калькуляторы: пенсия / поднаём / подъемное / ДД

Атрибут	Значения	По умолчанию	Описание
`data-theme`	`light` \| `dark`	`light`	Тема виджета.
`data-target`	`_blank` \| `_self`	`_blank`	Как открывать полный калькулятор.
`data-base-url`	URL сайта	`https://www.finarmy.ru`	База для ссылок и API-запросов.

Карточки: пенсия / поднаём / подъемное / ДД

Атрибут	Значения	По умолчанию	Описание
`data-count`	1..12	3	Количество карточек.
`data-columns`	1..4	авто	Колонок на широком экране.
`data-theme`	`light` \| `dark`	`light`	Тема карточек.
`data-order`	`recent` \| `popular`	`recent`	Сортировка: последние или популярные.
`data-target`	`_blank` \| `_self`	`_blank`	Открытие детального расчёта по клику.
`data-base-url`	URL сайта	`https://www.finarmy.ru`	База API и ссылок.

Пример «все параметры»

<div id="finarmy-salary-cards"
     data-count="6"
     data-columns="3"
     data-theme="dark"
     data-order="popular"
     data-target="_blank"
     data-base-url="https://www.finarmy.ru"></div>
<script src="https://www.finarmy.ru/embed/salary-cards-widget.js" async></script>