9. Мен Kaspi.kz-тегі Магазинде сатамын. Сайтымда «Кредитке сатып алу» батырмасын қалай орналастырады?
Жаңартылды
19.03.2024
Ол үшін бет кодына батырма кодын қосыңыз. Атрибуттарды мәндеріңізбен толтырыңыз.
Атрибут
Мәні
data-merchant-sku
Kaspi.kz-тегі Магазинде өзіңіз пайдаланатын тауардың артикулы
data-merchant-code
дүкеніңіздің коды
Оны сатушы кабинетінің веб-нұсқасында көшіріңіз → Баптау → Дүкеннің ID
data-city
қала коды
Орналасу орнына қарай батырманы таңдаңыз:
Тауардың сипаттамасы
Жазық батырма (flatButton)
<!-- 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-тегі Магазинде ашылады және клиент Зат сатып алуға Кредитке өтінім бере алады.
Қолданушылардың 100% жауапты пайдалы деді.
Жауап пайдалы болды ма?
