Intégrer le widget Tamaro sur votre site web

Cet article explique comment intégrer votre widget Tamaro sur votre site web et comment configurer les paramètres de base, tels que la langue du widget.

Résumé

Après avoir commandé un widget Tamaro, RaiseNow vous fournit un extrait de code JavaScript ainsi qu'une clé API. En ajoutant ce code à votre site web, vous pouvez intégrer le widget et commencer à collecter des dons. Vous pouvez également personnaliser différents aspects du widget, notamment la langue, les montants de don, les couleurs et d'autres paramètres.

Avant de commencer

Avant d'intégrer votre widget, assurez-vous que :

• Votre widget Tamaro a été commandé et configuré.
• Vous avez reçu votre e-mail d'onboarding de RaiseNow.
• Vous disposez des droits nécessaires pour modifier le code HTML ou le code source de votre site web.

Obtenir le code du widget

Une fois votre commande traitée, votre responsable client au sein de notre équipe Customer Success vous enverra un e-mail d'onboarding.

Cet e-mail contient :

• Votre clé API
• L'extrait de code de votre widget Tamaro

Le code ressemble à l'exemple suivant :

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

Intégrer le widget

Étape 1 : Copier l'extrait de code

Ouvrez votre e-mail d'onboarding et copiez l'intégralité du code du widget.

L'UUID du widget et la clé API sont déjà inclus.

Étape 2 : Ajouter le code à votre site web

Collez le code dans le HTML ou le code source de la page sur laquelle vous souhaitez afficher le widget.

Selon votre CMS ou votre créateur de site web, cette section peut être intitulée :

• HTML
• Source Code
• Editor
• Custom HTML

Le widget s'affichera à l'endroit où le code est inséré.

Modifier la langue du widget

Par défaut, le widget est affiché en anglais.

Pour modifier la langue, mettez à jour le paramètre language dans l'extrait de code.

Les langues prises en charge sont :

Par exemple, pour afficher le widget en français :

<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: 'fr'
});
</script>

Personnaliser votre widget

Le widget Tamaro offre de nombreuses possibilités de configuration.

Vous pouvez notamment personnaliser :

• Les montants des dons (ponctuels et récurrents)
• Les couleurs et l'identité visuelle
• La langue
• Les moyens de paiement
• D'autres options de configuration

Vous trouverez des instructions détaillées dans la Developer Documentation.