Kids4U

Встраиваемые виджеты

Бесплатные виджеты для вашего сайта. Скопируйте код iframe и вставьте на страницу. Виджеты адаптивны и работают на мобильных устройствах.

Калькулятор пособий

Виджет рассчитывает примерную сумму пособий на ребёнка по региону, количеству детей и доходу семьи. Подходит для сайтов о семейных финансах и госуслугах.

<iframe
  src="https://kids4u.ru/embed/posobiya"
  width="100%"
  height="480"
  frameborder="0"
  style="border:none;border-radius:12px;max-width:100%;"
  title="Калькулятор пособий — Kids4U"
  loading="lazy"
></iframe>

Параметры настройки

  • •Параметр ?region=msk — предустановленный регион
  • •Параметр ?theme=light|dark — цветовая тема
  • •Параметр ?hide-header=1 — скрыть заголовок
Предпросмотр виджета «Калькулятор пособий» — 100% × 480px

Рост и вес ребёнка

Виджет оценивает соответствие роста и веса ребёнка нормам ВОЗ по полу и возрасту. Идеален для педиатрических сайтов и родительских блогов.

<iframe
  src="https://kids4u.ru/embed/rost-ves"
  width="100%"
  height="520"
  frameborder="0"
  style="border:none;border-radius:12px;max-width:100%;"
  title="Рост и вес ребёнка — Kids4U"
  loading="lazy"
></iframe>

Параметры настройки

  • •Параметр ?gender=m|f — предустановленный пол
  • •Параметр ?theme=light|dark — цветовая тема
  • •Параметр ?compact=1 — компактный режим
Предпросмотр виджета «Рост и вес ребёнка» — 100% × 520px

Калькулятор ПДР

Виджет рассчитывает предполагаемую дату родов и текущий срок беременности по дате последних месячных. Для сайтов о беременности и женских форумов.

<iframe
  src="https://kids4u.ru/embed/pdr"
  width="100%"
  height="400"
  frameborder="0"
  style="border:none;border-radius:12px;max-width:100%;"
  title="Калькулятор ПДР — Kids4U"
  loading="lazy"
></iframe>

Параметры настройки

  • •Параметр ?theme=light|dark — цветовая тема
  • •Параметр ?hide-weeks=1 — скрыть блок с неделями
  • •Параметр ?compact=1 — компактный режим
Предпросмотр виджета «Калькулятор ПДР» — 100% × 400px

Как установить виджет

  1. Скопируйте код iframe нужного виджета
  2. Вставьте код в HTML-код вашей страницы
  3. При необходимости добавьте GET-параметры для настройки внешнего вида
  4. Виджет автоматически подстроится под ширину контейнера и будет отправлять сообщение postMessage с высотой для автоматической подстройки

Вопросы по интеграции? Напишите нам на dev@kids4u.ru