Integrazione di un modulo di donazione o pagamento nel sito web

Questo articolo spiega come integrare un modulo di donazione o pagamento direttamente nel sito web utilizzando un iframe. In questo modo, i sostenitori possono completare una donazione o un pagamento senza lasciare il sito dell’organizzazione.

Panoramica

Con il canale di promozione Modulo di donazione integrabile, è possibile integrare il modulo di donazione o pagamento direttamente nel sito web, invece di utilizzare il PayLink, che apre il modulo su una pagina ospitata da RaiseNow.

L’integrazione avviene tramite un semplice codice fornito da RaiseNow e consente di offrire un’esperienza più fluida e coerente con il sito web. I sostenitori possono contribuire senza lasciare la pagina, rendendo il processo di donazione o pagamento più immediato e familiare.

Come funziona

Generazione del codice di integrazione in RaiseNow Hub

1. Creare una Soluzione Touchpoint e personalizzarla secondo le proprie esigenze.
2. Pubblicare la Soluzione Touchpoint.
3. Scorrere fino alla sezione Integra il modulo di pagamento nel tuo sito.

4. Facoltativo: configurare la lingua e l’aspetto (vedi la sezione seguente).

5. Copiare il codice. Il codice viene generato automaticamente e rimane invariato anche se la Soluzione Touchpoint viene modificata successivamente. È quindi necessario integrarlo una sola volta.

Inserimento del codice nel sito web

1. Accedere al sistema di gestione dei contenuti (CMS).
2. Aprire il codice HTML della pagina in cui si desidera visualizzare il modulo.
3. Incollare il codice nella posizione desiderata.
4. Se necessario, regolare la larghezza per adattarla al layout (l’altezza si adatta automaticamente).
5. Salvare e pubblicare la pagina.

Il modulo viene quindi visualizzato direttamente nel sito web.

Configurazione della lingua e dell’aspetto (facoltativa)

Quando si fa clic su Configurare in RaiseNow Hub, si apre il pannello delle opzioni di incorporamento, con un’anteprima in tempo reale della Soluzione Touchpoint. In alto è possibile passare dalla visualizzazione mobile a quella desktop e viceversa. A destra è possibile configurare l’aspetto e il comportamento del modulo integrato.

Visualizzazione della sezione informativa

Attivare o disattivare Mostra la sezione info.
Questa opzione determina se la sezione informativa della Soluzione Touchpoint viene mostrata nel modulo integrato.

Larghezza

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

• Automatica: adatta automaticamente la larghezza allo spazio disponibile

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

Stile

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

Selezionare lo stile più adatto al design del sito web. Alcune differenze potrebbero non essere visibili sui dispositivi mobili.

Limitazioni della Soluzione Touchpoint integrata

Tenere presente le seguenti limitazioni quando si utilizza una Soluzione Touchpoint integrata:

• Apple Pay non è ancora supportato ed è disattivato nel modulo integrato (rimane disponibile nella Soluzione Touchpoint non integrata)
• Se sono stati configurati una sezione informativa, un logo o il nome dell’organizzazione, questi elementi sono nascosti per impostazione predefinita
• È possibile mostrare la sezione informativa nelle opzioni di configurazioneLe personalizzazioni sono limitate alla larghezza, allo stile e alla visualizzazione della sezione informativa
• Tutte le altre modifiche al design e ai contenuti devono essere effettuate nell’editor della Soluzione Touchpoint
• Ogni modulo può essere integrato una sola volta nella stessa landing page