Иштеп чыгуучулар жана өнөктөштөр үчүн

Banks.kg насыя сунуштарынын виджети

Кыргызстандагы банктардын насыя сунуштарынын даяр каталогун сайтыңызга оңой туташтырыңыз. Виджет маалыматтарды автоматтык түрдө жаңыртып, дайыма актуалдуу шарттарды көрсөтөт.

Эмне үчүн бул виджетти тандоо керек

  • Кыргызстандын бардык банктарынан актуалдуу насыя сунуштары
  • Кол менен жаңыртуусуз автоматтык маалымат жаңыртуу

Виджетти кантип туташтыруу керек

Интеграция бир нече мүнөттү гана талап кылат жана татаал жөндөөлөрдү талап кылбайт:

1-кадам: Контейнерди кошуп, баракчага шилтеме бериңиз

<div class="banks-widget" data-id="YOUR_WIDGET_ID"></div>
<a
  href="https://banks.kg/credits"
  class="bkwg-link"
  target="_blank"
  rel="noopener noreferrer"
  style="all: initial; display: flex; justify-content: center; padding: 8px 16px; background: #fff; border-radius: 6px; margin-top: 8px; box-sizing: border-box; font-family: -apple-system, BlinkMacSystemFont, 'Segoe UI', Roboto, Helvetica, Arial, sans-serif; font-size: 16px; line-height: 1.5; color: #111827; align-items: center; gap: 12px; text-decoration: none; cursor: pointer;"
  onmouseover="this.style.cursor='pointer'; this.style.textDecoration='underline'"
  onmouseout="this.style.cursor='pointer'; this.style.textDecoration='none'"
>
  <img
    src="https://banks.kg/images/logos/banks-logo.svg"
    alt="Banks.kg"
    style="all: initial; display: block; height: 24px; width: auto; cursor: pointer;"
  />
  <span style="all: initial; font-size: 12px; font-weight: 500; line-height: 24px; color: #2563eb; display: inline-block; vertical-align: middle; cursor: pointer; margin-top: -4px">
    сравните кредиты
  </span>
</a>

2-кадам. Виджеттин скриптин туташтырыңыз

<script src="https://widget.banks.kg/banks-widget.js"></script>

Тышкы көрүнүштү ыңгайлаштыруу

Сайтыңыздын дизайнына ылайыкташтыруу үчүн виджеттин көрүнүшүн data-атрибуттар аркылуу өзгөртө аласыз:

<div class="banks-widget" data-id="YOUR_WIDGET_ID" data-primary="#2563EB" data-bg="#ffffff"></div>

Колдоого алынган параметрлер

  • data-id — Милдеттүү параметр. Banks.kg системасындагы виджеттин уникалдуу IDси
  • data-primary — Баскычтар жана шилтемелер үчүн негизги түс (демейки боюнча — #2563EB)
  • data-bg — Виджеттин фонунун түсү (демейки боюнча — #ffffff)

Widget ID кантип алуу керек

Уникалдуу widget ID алуу үчүн, кайтарым байланыш формасын толтуруңуз