Мен Kaspi.kz-тегі Магазинде сатамын. Сайтымда «Кредитке сатып алу» батырмасын қалай орналастырады?

Ол үшін бет кодына батырма кодын қосыңыз. Атрибуттарды мәндеріңізбен толтырыңыз.

Атрибут	Мәні
data-merchant-sku	Kaspi.kz-тегі Магазинде өзіңіз пайдаланатын тауардың артикулы
data-merchant-code	дүкеніңіздің коды Оны сатушы кабинетінің веб-нұсқасында көшіріңіз → Баптау → Дүкеннің ID
data-city	қала коды

Орналасу орнына қарай батырманы таңдаңыз:

Тауардың сипаттамасы

<!-- main way to add button on page  -->
    <div class="ks-widget"
         data-template="flatButton"
         data-merchant-sku="data-merchant-sku"
         data-merchant-code="data-merchant-code"
         data-city="750000000"
         data-style="desktop"
    ></div>

<!-- main way to add button on page  -->
<div class="ks-widget"
         data-template="button"
         data-merchant-sku="data-merchant-sku"
         data-merchant-code="data-merchant-code"
         data-city="750000000"
        ></div>

 <!-- main way to add button on page  -->
    <div class="ks-widget"
         data-template="button"
         data-merchant-sku="data-merchant-sku"
         data-merchant-code="data-merchant-code"
         data-city="750000000"
         data-style="bigBlue"
    ></div>

Егер динамикалық түймешікті орналастырсаңыз, < div > бар код DOM-ға қосылғанда ksWidgetInitializer.reinit() шақырыңыз. Оны тексеру үшін қажетті беттегі F12 пернесін басыңыз және әзірлеушінің тақтасынан тегті табыңыз.

< script > тегіндегі кодты </body > соңғы тегтің алдында — бір рет орналастыру керек.

<!-- it's a placeholder for dynamic example -->
<div id="dynamic"></div>

<!--onpage script, should be added once, before closing </body> -->
<script>(function(d, s, id) {
    var js, kjs;
    if (d.getElementById(id)) return;
    js = d.createElement(s); js.id = id;
    js.src = 'https://kaspi.kz/kaspibutton/widget/ks-wi_ext.js';
    kjs = document.getElementsByTagName(s)[0]
    kjs.parentNode.insertBefore(js, kjs);
}(document, 'script', 'KS-Widget'));</script>
  
<!-- Example: adding another button placeholder dynamically after 1sec -->
  <script>
    setTimeout(function () {
        document.getElementById('dynamic').innerHTML = '<div class="ks-widget" data-template="button" data-merchant-sku="data-merchant-sku" data-merchant-code="data-merchant-code" data-city="750000000" ></div>'
    // you should run this method to recheck buttons in DOM:
    ksWidgetInitializer.reinit()
    }, 1000)
</script>

Іздеу нәтижесі

 <!-- main way to add button on page  -->
    <div class="ks-widget"
         data-template="flatButton"
         data-merchant-sku="data-merchant-sku"
         data-merchant-code="data-merchant-code"
         data-city="750000000"
         data-style="small"
    ></div>

Сайттың мобильді нұсқасы

 <!-- main way to add button on page  -->
    <div class="ks-widget"
         data-template="flatButton"
         data-merchant-sku="data-merchant-sku"
         data-merchant-code="data-merchant-code"
         data-city="750000000"
         data-style="mobile"
    ></div>

Сатып алушы батырманы басқан кезде, тауарыңыздың карточкасы Kaspi.kz-тегі Магазинде ашылады және клиент Зат сатып алуға Кредитке өтінім бере алады.

Жаңартылды 19.03.2024

Қолданушылардың 100% жауапты пайдалы деді.

Жауап пайдалы болды ма?