Tamaro Widget auf deiner Website einbinden

Dieser Artikel erklärt, wie du dein Tamaro Widget auf deiner Website einbindest und grundlegende Einstellungen wie die Widget-Sprache konfigurierst.

Zusammenfassung

Nachdem du ein Tamaro Widget bestellt hast, erhältst du von RaiseNow einen JavaScript-Code sowie einen API-Schlüssel. Durch das Einfügen dieses Codes in deine Website kannst du das Widget einbinden und Spenden sammeln. Du kannst ausserdem verschiedene Einstellungen des Widgets anpassen, darunter die Sprache, Spendenbeträge, Farben und weitere Konfigurationsoptionen.

Bevor du beginnst

Bevor du dein Widget einbindest, stelle sicher, dass:

• Dein Tamaro Widget bestellt und eingerichtet wurde.
• Du die Onboarding-E-Mail von RaiseNow erhalten hast.
• Du Zugriff auf den HTML- oder Quellcode deiner Website hast.

Widget-Code abrufen

Nachdem deine Bestellung verarbeitet wurde, erhältst du von deiner Ansprechperson im Customer Success Team eine Onboarding-E-Mail.

Diese E-Mail enthält:

• Deinen API-Schlüssel
• Den Code für dein Tamaro Widget

Der Code sieht in etwa wie folgt aus:

<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>

Widget einbinden

Schritt 1: Code kopieren

Öffne deine Onboarding-E-Mail und kopiere den vollständigen Widget-Code.

Die Widget-UUID und der API-Schlüssel sind bereits enthalten.

Schritt 2: Code auf deiner Website einfügen

Füge den Code in den HTML- oder Quellcode der Seite ein, auf der das Widget angezeigt werden soll.

Je nach CMS oder Website-Builder kann der entsprechende Bereich unterschiedlich bezeichnet sein, zum Beispiel:

• HTML
• Source Code
• Editor
• Custom HTML

Das Widget wird an der Stelle angezeigt, an der du den Code eingefügt hast.

Sprache des Widgets ändern

Standardmässig wird das Widget auf Englisch angezeigt.

Um die Sprache zu ändern, passe den Parameter language im Code an.

Folgende Sprachen werden unterstützt:

Um das Widget beispielsweise auf Deutsch anzuzeigen, verwende folgenden Code:

<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>

Widget anpassen

Das Tamaro Widget bietet zahlreiche Konfigurationsmöglichkeiten.

Dazu gehören unter anderem:

• Spendenbeträge (einmalig und wiederkehrend)
• Farben und Branding
• Sprache
• Zahlungsmethoden
• Weitere Konfigurationsoptionen

Eine ausführliche Beschreibung aller Konfigurationsmöglichkeiten findest du in der Developer Documentation.