Donation Button

Il Donation Button è uno script da incorporare nel tuo sito: apre il checkout in una modale sulla pagina, dentro un iframe, senza redirect.

Generazione guidata da Riseact

Dal dettaglio della campagna, menu Azioni > Pulsante di donazione, configuri aspetto e comportamento e copi il codice pronto.

Embedding

Per ogni bottone servono un <button> con classe riseact-donate-btn e un blocco <script> con la configurazione. Lo script Riseact si carica una sola volta, dopo tutti i bottoni.

<button class="riseact-donate-btn">Dona ora</button>

<script>
  (window.riseactDonateBtns = window.riseactDonateBtns || []).push({
    checkoutUrl: "https://tua-org.riseact.site/campaigns/nome-campagna/donate"
  })
</script>

<script src="https://checkout.riseact.org/donate-button.js"></script>

Parametri di configurazione

Parametro	Tipo	Obbligatorio	Default	Descrizione
checkoutUrl	string	Sì	-	URL del checkout Riseact della campagna
buttonColor	string	No	#7f20df	Colore esadecimale del bottone
width	string o number	No	50%	Larghezza della finestra di checkout, in percentuale ("70%") o pixel (800 oppure "800px")
height	string o number	No	80%	Altezza della finestra di checkout, in percentuale ("90%") o pixel (600 oppure "600px")
closeOnOuterClick	boolean	No	false	Se true, la modale si chiude cliccando fuori dal checkout
closeButtonSize	string o number	No	1rem	Dimensione del pulsante di chiusura, in pixel (24) o come stringa CSS ("1.5rem")
closeButtonColor	string	No	#000000	Colore esadecimale del pulsante di chiusura
redirectUrl	string	No	-	URL a cui reindirizzare la pagina a donazione completata

checkoutUrl accetta i parametri di prefilling.

Esempio completo

<button class="riseact-donate-btn">Dona ora</button>

<script>
  (window.riseactDonateBtns = window.riseactDonateBtns || []).push({
    checkoutUrl: "https://tua-org.riseact.site/campaigns/nome-campagna/donate",
    buttonColor: "#805AD5",
    width: "70%",
    height: "85%",
    closeOnOuterClick: true,
    closeButtonSize: 24,
    closeButtonColor: "#ffffff",
    redirectUrl: "https://tuosito.it/grazie"
  })
</script>

<script src="https://checkout.riseact.org/donate-button.js"></script>

Donazione completata

A fine checkout l'iframe invia alla pagina un evento checkoutCompleted via postMessage e la modale si chiude. Se c'è redirectUrl la pagina viene reindirizzata; altrimenti puoi intercettare l'evento con un listener aggiunto prima dello script Riseact:

<script>
  window.addEventListener('message', function(event) {
    if (event.data?.type === 'checkoutCompleted') {
      console.log('Donazione completata!', event.data.payload);
    }
  });
</script>

<script src="https://checkout.riseact.org/donate-button.js"></script>