Integrare il widget Tamaro nel tuo sito web

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

Riepilogo

Dopo aver ordinato un widget Tamaro, RaiseNow ti fornisce uno snippet di codice JavaScript e una chiave API. Aggiungendo questo codice al tuo sito web, puoi integrare il widget e iniziare a raccogliere donazioni. Puoi inoltre personalizzare diversi aspetti del widget, tra cui la lingua, gli importi delle donazioni, i colori e altre impostazioni.

Prima di iniziare

Prima di integrare il widget, assicurati che:

• Il tuo widget Tamaro sia stato ordinato e configurato.
• Tu abbia ricevuto l'e-mail di onboarding da RaiseNow.
• Tu abbia accesso alla modifica del codice HTML o del codice sorgente del tuo sito web.

Ottenere il codice del widget

Una volta elaborato il tuo ordine, il tuo referente del Customer Success team ti invierà un'e-mail di onboarding.

L'e-mail contiene:

• La tua chiave API
• Lo snippet di codice del widget di donazione Tamaro

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

Passaggio 1: Copiare lo snippet di codice

Apri l'e-mail di onboarding e copia l'intero codice del widget.

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

Passaggio 2: Aggiungere il codice al tuo sito web

Incolla il codice nell'HTML o nel codice sorgente della pagina in cui desideri visualizzare il widget di donazione.

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

• HTML
• Source Code
• Editor
• Custom HTML

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

Modificare la lingua del widget

Per impostazione predefinita, il widget viene visualizzato in inglese.

Per modificare la lingua, aggiorna 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 widget di donazione Tamaro offre numerose opzioni di configurazione.

Ad esempio puoi personalizzare:

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