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

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

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

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

Кыргызстандын бардык банктарынан актуалдуу насыя сунуштары

Кол менен жаңыртуусуз автоматтык маалымат жаңыртуу

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

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

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

HTML

<div class="banks-widget" data-id="YOUR_WIDGET_ID"></div>
<a
  href="https://banks.kg"
  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-кадам. Виджеттин скриптин туташтырыңыз

JavaScript

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

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

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