Componente Aggiuntivo Adyen

Introduzione

Il Componente Aggiuntivo Adyen è un prodotto premium, puoi acquistarlo in uno dei nostri abbonamenti. Grazie!

Il Componente Aggiuntivo Pagamenti Adyen di iform4u ti consente di integrare iform4u con i Pagamenti Adyen. Con questo componente aggiuntivo puoi creare moduli di pagamento utilizzando il nuovo SDK Dropin.js per creare un modulo di pagamento che raccoglie in modo sicuro le informazioni della carta del tuo cliente senza che tu debba gestire dati sensibili della carta.

Installa il Componente Aggiuntivo Adyen

Il processo di installazione del Componente Aggiuntivo Adyen è molto semplice, come qualsiasi altro Componente Aggiuntivo. Per installare il Componente Aggiuntivo Adyen, vai al menu Add-Ons e configurarlo.

Crea un Modulo di Pagamento

I moduli vengono creati tramite il Costruttore di Moduli. Devi solo trascinare e rilasciare i campi di cui il tuo modulo ha bisogno e aggiungere un Campo Snippet HTML con il seguente contenuto:

{{ADYEN}}

Successivamente, dall'interfaccia del Componente Aggiuntivo Adyen puoi selezionare i campi che raccoglieranno le informazioni necessarie per pagare in Adyen. Ad esempio, prezzo, quantità, ecc.

Ottieni le tue Chiavi API dal tuo account Adyen

Ora che hai il tuo modulo, integriamolo con il tuo account Adyen. Per questo devi ottenere le seguenti informazioni dal tuo account Adyen:

1. Chiave API
2. Chiave Origin
3. Loading Context
4. Account Merchant
5. Prefisso URL Live (Richiesto per passare alla produzione e ricevere pagamenti live)

Ecco i passaggi che devi seguire per ottenere le informazioni richieste.

• Adyen - Iniziare con Adyen
• Adyen - Come ottenere le chiavi API

Nota: Tieni presente che puoi creare un Account di Test per testare i tuoi moduli e pagamenti, quindi puoi cambiare le tue Chiavi e Ambiente per passare alla produzione e ricevere pagamenti Live.

Configura i Moduli di Pagamento con il tuo account Adyen

Per creare una configurazione Adyen, devi eseguire i seguenti passaggi:

1. Vai al Gestore dei Componenti Aggiuntivi e clicca su Adyen.
2. Clicca sul pulsante Configura un Modulo di Pagamento.

3. Apparirà un modulo utilizzato per configurare il processo di pagamento:

   • Modulo: Obbligatorio. È il modulo che integrerai con il tuo account Adyen.
   • Stato: Permette di disabilitare la configurazione Adyen.
   • Live: Abilita questa opzione quando sei pronto per passare alla "Produzione".
   • Chiave API: Obbligatorio. Credenziali API.
   • Chiave Origin: Obbligatorio. Credenziali API.
   • Loading Context: Obbligatorio. Inserisci il tuo loading context di Test o Live.
   • Prefisso URL Live: Obbligatorio solo quando desideri passare il tuo modulo alla Produzione.
   • Account Merchant: Obbligatorio. Il tuo ID Account Merchant Adyen.
   • Condizione di Opt-In: Abilita una logica condizionale per accettare pagamenti solo quando una condizione è soddisfatta.
   • Articoli: Ogni articolo rappresenta un prodotto o servizio che sarà dettagliato sul sito di Adyen. È composto da:
     • Descrizione: Descrive il tuo prodotto o servizio.
     • Prezzo: È il campo del modulo utilizzato per raccogliere il prezzo del prodotto.
     • Quantità: È il campo del modulo per raccogliere il numero di prodotti. Il numero di prodotti viene moltiplicato per il prezzo di ciascun prodotto, per ottenere il sottototale della transazione. Se non selezioni nessun campo, l'importo utilizzato sarà 1.
   • Impostazioni Campo Carta di Credito: È un gruppo di campi che ti permette di personalizzare come i tuoi clienti vedono il campo Carta di Credito e condividono le loro informazioni. Puoi impostare:
     • Etichetta: Testo per identificare la tua carta di credito.
     • Locale: La lingua del tuo campo Carta di Credito. Per impostazione predefinita, en_US. Opzioni Disponibili
     • Valuta: Per cambiare la valuta della transazione.
     • Elemento Dom: Per cambiare l'ID del div HTML.
     • Nascondi Etichetta: Abilita per nascondere l'etichetta della CC.
     • Obbligatorio: Abilita per accettare solo pagamenti. Le sottomissioni senza pagamenti non saranno accettate.
     • Memorizza Dettagli: Abilita per memorizzare le informazioni del Cliente per usarle in una futura transazione.
     • Nome del Titolare: Abilita per mostrare il nome del Titolare della Carta.
     • Stili: Questo campo ti permette di personalizzare l'aspetto del Campo Carta di Credito utilizzando proprietà CSS in formato JSON. Clicca qui per maggiori dettagli.
     • Placeholder: Questo campo ti permette di specificare i valori di esempio che vuoi far apparire nei campi di input dei dettagli della carta in formato JSON. Clicca qui per maggiori dettagli.

4. Clicca su Crea.