Widget Setup

Setup PDP widget to raise awareness of your new payment offering Tamara

1. Navigate to Online Stores → Themes then click Customize button

2. Navigate to Theme actions and click on the 3 dots icon then click on Edit code menu

3. Search for product-template (it mays different with your template) then click on that template to edit it

4. Search for add cart section inside the template "products.product.add_to_cart" then add the below code snippet above that section

{% assign tamara_lang = request.path | slice: 1,2 %}
{% if tamara_lang != 'en' %}
    {% assign tamara_lang = 'ar' %}
{% endif %}
<div style="margin: 15px 0" class="tamara-product-widget" data-price="{{product.price_max | money_without_currency | remove: ','}}" data-currency="{{shop.currency}}" data-payment-type="installment" data-lang="{{ tamara_lang }}"></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>

Click Save and you are done.

For adding different types of widgets to your website, please head over to our widgets page.