Integrare un modulo di donazione o pagamento sul tuo sito web

Questo articolo spiega come integrare un modulo di donazione o pagamento direttamente sul tuo sito web utilizzando un iFrame. In questo modo, i sostenitori possono completare una donazione o un pagamento senza lasciare il tuo sito.

Panoramica

Con il canale di promozione Modulo di donazione integrabile, puoi integrare il tuo modulo di donazione o pagamento direttamente sul tuo sito web, invece di utilizzare il Paylink che apre il modulo su una pagina ospitata da RaiseNow.

Puoi integrarlo utilizzando un semplice codice fornito da RaiseNow e offrire un’esperienza più integrata e personalizzata. I sostenitori possono contribuire senza lasciare la tua pagina, aumentando la fiducia e rendendo il processo più familiare.

Come funziona

In RaiseNow Hub – generare il codice di integrazione

1. Crea il modulo: crea una Soluzione Touchpoint e personalizzala secondo le tue esigenze.
2. Pubblica la Soluzione Touchpoint.
3. Scorri fino a Integra il modulo di pagamento nel tuo sito.

4. Opzionale: configura lingua e aspetto (vedi sezione sotto).

5. Copia il codice: il codice viene generato automaticamente. Rimane invariato anche se modifichi la Soluzione Touchpoint. Devi inserirlo una sola volta.

Sul tuo sito web – inserire il codice

1. Accedi al tuo sistema di gestione dei contenuti.
2. Apri il codice HTML della pagina in cui vuoi mostrare il modulo.
3. Incolla il codice nella posizione desiderata.
4. Se necessario, regola la larghezza per adattarla al layout (l’altezza si adatta automaticamente).
5. Salva e pubblica la pagina.

Il modulo apparirà ora direttamente sul tuo sito web.

Configurare lingua e aspetto (opzionale)

Quando clicchi su Configurare in RaiseNow Hub, si apre il pannello delle opzioni di incorporamento con un’anteprima in tempo reale della tua Soluzione Touchpoint. In alto puoi passare tra visualizzazione mobile e desktop. A destra puoi regolare l’aspetto e il comportamento del modulo integrato.

Mostrare la sezione informativa

Attiva o disattiva Mostra la sezione info.
Questo controlla se la sezione informativa della tua Soluzione Touchpoint viene mostrata nel modulo integrato.

Larghezza

• Predefinito: mantiene la larghezza standard del modulo (580px)

• Automatico: adatta automaticamente la larghezza allo spazio disponibile

• Personalizzato: consente di impostare una larghezza fissa (minimo 352px)

Stile

• Cornice: mostra il modulo con un bordo semplice
• Scheda: aggiunge una leggera ombra per un effetto “card”

Scegli lo stile più adatto al design del tuo sito. Alcune differenze potrebbero non essere visibili su mobile.

Limitazioni con la Soluzione Touchpoint integrata

Tieni presente le seguenti limitazioni quando utilizzi la Soluzione Touchpoint integrata:

• Apple Pay non è ancora supportato ed è disattivato nell’integrazione (rimane disponibile nella Soluzione Touchpoint)
• Se hai configurato una sezione informativa, un logo o il nome dell’organizzazione, questi elementi sono nascosti per impostazione predefinita
• Puoi scegliere di mostrare la sezione informativa nelle opzioni di configurazione
• Le personalizzazioni sono limitate a larghezza, bordo e visualizzazione della sezione informativa
• Tutte le altre modifiche di design e contenuto devono essere effettuate nell’editor della Soluzione Touchpoint
• Ogni modulo può essere incorporato una sola volta per landing page