Embed a Tamaro Donation Widget on your website

This article explains how to embed your Tamaro Donation Widget on your website and how to configure basic settings such as the widget language.

Summary

After ordering a Tamaro Donation Widget, RaiseNow provides you with a JavaScript code snippet and API key. By adding this code to your website, you can embed the widget and start collecting donations. You can also customise various aspects of the widget, including the language, donation amounts, colours, and other settings.

Before you begin

Before embedding your widget, make sure that:

• Your Tamaro Donation Widget has been ordered and configured.
• You have received your onboarding email from RaiseNow.
• You have access to edit the HTML or source code of your website.

Get your widget code

After your order has been processed, your Customer Success contact will send you an onboarding email.

This email contains:

• Your API key
• Your Tamaro Donation Widget code snippet

The code looks similar to the following:

<div class="rnw-widget-container"></div>

<script src="https://tamaro.raisenow.com/APIKEY/latest/widget.js"></script>

<script>
window.rnw.tamaro.runWidget('.rnw-widget-container', {
    language: 'en'
});
</script>

Embed the widget

Step 1: Copy the code snippet

Open your onboarding email and copy the complete widget code.

The widget UUID and API key are already included.

Step 2: Add the code to your website

Paste the code into the HTML or source code of the page where you want the donation widget to appear.

Depending on your CMS or website builder, this may be labelled:

• HTML
• Source Code
• Editor
• Custom HTML

The widget will be displayed where the code is placed.

Change the widget language

By default, the widget is displayed in English.

To change the language, update the language parameter in the code snippet.

Supported languages include:

For example, to display the widget in German:

<div class="rnw-widget-container"></div>

<script src="https://tamaro.raisenow.com/APIKEY/latest/widget.js"></script>

<script>
window.rnw.tamaro.runWidget('.rnw-widget-container', {
    language: 'de'
});
</script>

Customise your widget

The Tamaro Donation Widget offers a range of configuration options.

Examples include:

• Donation amounts (one-time and recurring)
• Colours and branding
• Language
• Payment methods
• Additional configuration options

Detailed configuration guidance is available in the Developer Documentation.