Componente aggiuntivo Adyen

Introduzione

L' Adyen è premium, puoi acquistarlo in uno dei nostri abbonamenti . Grazie!

Il componente aggiuntivo iform4u Adyen Payments ti consente di integrare iform4u con Adyen Payments. 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 i dati della carta del tuo cliente senza dover gestire dati sensibili della carta.

Installa il componente aggiuntivo Adyen

Il processo di installazione del componente aggiuntivo Adyen è molto semplice, uguale a qualsiasi altro componente aggiuntivo. Per installare il componente aggiuntivo Adyen , vai al menu Componenti aggiuntivi e configuralo.

Creare un modulo di pagamento

I moduli vengono creati tramite il generatore di moduli . Devi solo trascinare e rilasciare i campi richiesti dal modulo e aggiungere un campo snippet HTML con il seguente contenuto:

{{ADYEN}}

Quindi, dall'interfaccia utente 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 modulo, integriamolo con il tuo account Adyen . Per questo devi ottenere le seguenti informazioni dal tuo account Adyen :

1. Chiave API
2. Chiave di Origene
3. Caricamento contesto
4. Conto commerciante
5. Prefisso URL live (richiesto per superare una produzione e ricevere pagamenti live)

Ecco i passaggi da seguire per ottenere le informazioni richieste.

• Adyen : inizia con Adyen
• Adyen - Come ottenere le chiavi API

Nota: tieni presente che puoi creare un account di prova per testare moduli e pagamenti, quindi puoi modificare le chiavi e l'ambiente per passare alla produzione e ricevere pagamenti in tempo reale.

Configura i moduli di pagamento con il tuo account Adyen

Per creare una configurazione Adyen , è necessario eseguire i seguenti passaggi

1. Vai a Gestione componenti aggiuntivi e fai clic su Adyen .
2. Fare clic sul Imposta un modulo di pagamento .

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

   • Modulo : obbligatorio. È il modulo che integrerai con il tuo Adyen .
   • Stato : Permette di disabilitare la Adyen .
   • Live : abilita questa opzione quando sei pronto per passare una "Produzione".
   • Chiave API : obbligatoria. Credenziale API.
   • Chiave di origine : obbligatoria. Credenziale API.
   • Contesto di caricamento : obbligatorio. Inserisci il contesto di caricamento Test o Live.
   • Prefisso URL live : richiesto solo quando desideri passare il modulo alla produzione.
   • Conto commerciante : obbligatorio. Il tuo ID conto commerciante Adyen
   • Condizione di adesione : abilita una logica condizionale per accettare pagamenti solo quando una condizione è soddisfatta.
   • Elementi: Ogni articolo rappresenta un prodotto o servizio che verrà dettagliato sul sito web Adyen . E' 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 la transazione subtotale. Se non selezioni alcun campo, l'importo utilizzato sarà 1.
   • Impostazioni del campo Carta di credito: è un gruppo di campi che ti consente di personalizzare il modo in cui 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 campo Carta di credito. Per impostazione predefinita, en_US. Opzioni disponibili
     • Valuta : per modificare la valuta della transazione.
     • Elemento Dom : per modificare l'ID div HTML.
     • Nascondi etichetta : consente di nascondere l'etichetta CC.
     • Obbligatorio : abilita per accettare solo pagamenti. Non verranno accettate iscrizioni prive di pagamento.
     • Dettagli negozio : consente di memorizzare le informazioni del cliente per utilizzarle in una transazione futura.
     • Nome del titolare : consente di visualizzare il nome del titolare della carta.
     • Stili : questo campo ti consente di personalizzare l'aspetto del campo Carta di credito utilizzando le proprietà CSS in formato JSON. Clicca qui per avere maggiori dettagli .
     • Segnaposto : questo campo ti consente di specificare i valori di esempio che desideri visualizzare nei campi di input dei dettagli della carta in formato JSON. Clicca qui per avere maggiori dettagli .

4. Fare clic su Crea.