What are widgets?

Widgets are the promotional messages available in lightweight JavaScript that you can easily embed directly on your website or mobile application.

Why are widgets important?

Widgets are a great way to inform your customers about their payment options with Tamara.

Delivering the right payment messaging at the moment of consideration, can increase both the conversion and the average order values.

With an optimized pre-purchase experience, you can let shoppers know early on about the different payment options you have available, as they browse your site.

By using Tamara, customers have access to our flexible payment options in the checkout.

👍

How do widgets help your business?

• 41% increase in average order value
• 30% increase in conversion
• Messaging that is always up-to-date and compliant

Placement of Tamara components on your website or mobile application

What is needed to implement the widgets?

Use our interactive widgets documentation to learn how our widgets will look and feel on your website and mobile application, so that you can implement them to let shoppers know Tamara is available, as they browse your website or mobile application.

Change the look and feel of all of the assets below to match your brand. We'll ensure that the messaging is compliant and up-to-date.

Prerequisites

• You will need a ‘Tamara public key‘ for your Tamara account to enable these widgets.
• Each store has its own public key; that public key pulls what options are available to your store as per the configuration at Tamara’s end, and automatically renders the appropriate widget content with the available options. You will not be required to change the widget's design or configuration at any time to accommodate any changes at Tamara’s side.
• You will have 2 different public keys; 1 for the Sandbox Testing environment and 1 for the Production environment.
• This public key will be available along with the rest of your account tokens in the email sent to you for the Sandbox Testing phase and in the email containing your Production tokens, respectively.
  Alternatively,
  • Collect your production public key directly from the Tamara’s Partners Portal from the Tamara API Credentials section of the sidebar
  • You can reach out to your Key Account Manager, if you have one, or
  • Write to [email protected] requesting for it.
    Note: Please mention your business account name (merchant name) in the request.

How to implement the widgets?

📘

Links to the Interactive Widget Docs:

Sandbox Testing: https://widget-docs-testing.tamara.co/tamara-summary

Production: https://widget-docs.tamara.co/tamara-summary

❗Note: Use Sandbox public key for Sandbox Testing widgets and Production public key for Production widgets.

i. Product Page & Cart Page Widgets:

📘

We recommend placing the Product Page widget below the product price and above the “Add to cart” button, in order to maintain its connection and relevance.

Enter the following Mandatory Properties:

• Language
• Country
• Your Public key for the respective environment
• Amount of the Product(i.e amount to be split)

Enter the following Additional Properties:

• Widget type: Select ‘Product Page’ from the drop down list
• Choose the Visual style as per your requirement
• Choose the Tamara logo alignment with text

Check the rendered widget under the ‘Web browser’ section
For Mobile Application - render the CDN URL returned for ‘Webview - Mobile’. Refer to the ‘Example code’ section, for code/script.

Note: The widget designs are responsive (they adapt automatically to the screen size).

ii. Checkout Page:

Enter the following Mandatory Properties:

• Language
• Country
• Your Public key for the respective environment
• Amount of the Product(i.e amount to be split)

Enter the following Additional Properties:

• Widget type: Select ‘Single Checkout Page’ from the drop down list
• Choose the Widget Size with Full variant

Check the rendered widget under the ‘Web browser’ section
For Mobile Application - render the CDN URL returned for ‘Webview - Mobile’. Refer to the ‘Example code’ section, for code/script.

Note: The widget designs are responsive (they adapt automatically to the screen size).

Support & Customization

Tamara researches and tailors every component and message to align with both customer and business needs. We strongly recommend using all the components according to the recommendations in these guidelines without modifications.
If you require further support in customizing the widgets, apart from what is covered in this guideline, please reach out to the Tamara Integration team for assistance.