Inserire un Tamaro Widget nel proprio sito web

Questo articolo spiega come integrare il widget Tamaro nel proprio sito web e come configurare le impostazioni di base, come la lingua del widget.

Riepilogo

Dopo aver richiesto un Tamaro Donation Widget, RaiseNow fornisce uno snippet di codice JavaScript e una chiave API. Aggiungendo questo codice al proprio sito web, è possibile integrare il widget e iniziare a raccogliere donazioni. È inoltre possibile personalizzare vari aspetti del widget, tra cui la lingua, gli importi delle donazioni, i colori e altre impostazioni.

Prima di iniziare

Prima di integrare il widget, assicurarsi che:

• Il Tamaro Widget sia stato richiesto e configurato.
• Sia stata ricevuta l'e-mail di onboarding da RaiseNow.
• Si abbia l'accesso per modificare il codice HTML o il codice sorgente del proprio sito web.

Ottenere il codice del widget

Una volta elaborata la richiesta, il referente del Customer Success invierà un'e-mail di onboarding.

L'e-mail contiene:

• La chiave API
• Lo snippet di codice del Tamaro Donation Widget

Il codice sarà simile al seguente:

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

Integrare il widget

Passo 1: Copiare lo snippet di codice

Aprire l'e-mail di onboarding e copiare l'intero codice del widget.

L'UUID del widget e la chiave API sono già inclusi.

Passo 2: Aggiungere il codice al proprio sito web

Incollare il codice nell'HTML o nel codice sorgente della pagina in cui si desidera visualizzare il widget per le donazioni.

A seconda del CMS o del website builder utilizzato, questa sezione potrebbe chiamarsi:

• HTML
• Source Code
• Editor
• Custom HTML

Il widget verrà visualizzato nel punto in cui viene inserito il codice.

Modificare la lingua del widget

Per impostazione predefinita, il widget viene visualizzato in inglese.

Per modificare la lingua, aggiornare il parametro language nello snippet di codice.

Le lingue supportate sono:

Ad esempio, per visualizzare il widget in italiano:

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

Personalizzare il widget

Il Tamaro Donation Widget offre numerose opzioni di configurazione.

È possibile personalizzare, ad esempio:

• Gli importi delle donazioni (una tantum e ricorrenti)
• Colori e branding
• Lingua
• Metodi di pagamento
• Ulteriori opzioni di configurazione

Una guida dettagliata alla configurazione è disponibile nella Developer Documentation.