Tamara

Feature	Description
Payment Logo
Integration Methods	✅ Hosted Checkout
Recommended Regions	Saudi Arabia, United Arab Emirates
Virtual Industry Support	✅
Subscription Support	❌️
Supported SaaS	✅ Shopify ✅ Shopline ✅ Shopyy ✅ Ueeshop ✅ Shoprise ✅ Shoplus ✅ Shoptop
Supported Open-Source Platforms	✅ Magento ✅ WordPress/Woocommerce ✅ OpenCart ✅ PrestaShop ✅ ZenCart

Non-Physical E-Commerce

For non-physical e-commerce, the required fields may vary depending on the business scenario. Please contact Oceanpayment Technical Support to confirm which fields are mandatory.

On-site Messaging

Tamara On-site Messaging is a solution that allows merchants to display personalized Afterpay payment messages on their website or mobile app before customers proceed to checkout. It helps inform customers in advance about available flexible payment options, thereby improving conversion rates and enhancing the overall user experience.

Integration Using the Sample Code Below

<script defer type="text/javascript" src="https://cdn.tamara.co/widget-v2/tamara-widget.js"></script> 
<body></body>     
<tamara-widget type="tamara-summary" amount="10" inline-type='2' config='{"theme":"light","badgePosition":"","showExtraContent":"","hidePayInX":false}'></tamara-widget>
<script>
    window.tamaraWidgetConfig = {
        lang: "ar",
        country: "SA",
        publicKey: "xxx"
    }
</script>  

Shopify

Using Shopify as an example, Afterpay On-site Messaging can be integrated by adding the script and placement code to your theme files.

1. In Online Store → Themes → Edit code → theme.liquid, add the following script:

<script defer type="text/javascript" src="https://cdn.tamara.co/widget-v2/tamara-widget.js"></script>
<body></body>  
<tamara-widget type="tamara-summary" amount="{{product.price | money_without_currency | remove: ','}}" inline-type='2' config='{"theme":"light","badgePosition":"","showExtraContent":"","hidePayInX":false}'></tamara-widget>

2. Add placement on product page

<script>
    window.tamaraWidgetConfig = {
        lang: "ar",
        country: "SA",
        publicKey: "xxx"
    }
</script>