Widgets¶
Click on Online Stores > Themes > Customize.
Click on Action > Edit code.
Search for ‘product-template’ (it might be different with your template) > Click on that template to edit it.
Search for ‘add cart’ section inside the template, products.product.add_to_cart
, then add the below code snippet above that section > Save.
<div style="margin: 15px 0" class="tamara-product-widget" data-price="{{product.price | money_without_currency | remove: ','}}" data-currency="{{shop.currency}}" data-payment-type="installment" data-lang="{{ request.locale.iso_code }}"></div>
<script charset="utf-8" src="https://cdn.tamara.co/widget/product-widget.min.js"></script>
<script>
setTimeout(() => {
if (window.TamaraProductWidget) {
window.TamaraProductWidget.init({ lang: 'en' })
window.TamaraProductWidget.render()
}
}, 300)
</script>

Details on how to integrate different types of widgets into your e-commerce platform are available here.