# Personalizza gli elementi di pagamento universali di Stripe Migrazione agli elementi di pagamento ----------------------------- Se hai utilizzato la nostra integrazione Stripe prima dell'introduzione degli elementi di pagamento, ti abbiamo concesso l'accesso temporaneo a un'impostazione chiamata "Modalità elementi" in **Download > Impostazioni > Pagamenti > Stripe**. Dopo l'aggiornamento, il tuo negozio rimarrà sulla modalità Elementi carta e ti darà la possibilità di passare agli Elementi di pagamento solo dopo aver confermato che il tuo checkout funziona con essi. Ecco un paio di personalizzazioni comuni che potresti dover modificare o rimuovere per ottimizzare la tua esperienza con gli elementi di pagamento. ### Modifica l'attributo 'id' del target degli elementi Modifica l'attributo 'id' del target degli elementi L'integrazione "Elementi carta" di Easy Digital Downloads richiedeva la presenza di un tag <div> con l'id 'edd-stripe-card-element'. Potrebbe apparire così nelle tue personalizzazioni: ``` // Div di destinazione degli elementi carta <div id="edd-stripe-card-element" class="edd-stripe-card-element"></div> ``` I nuovi Elementi di pagamento utilizzano un attributo 'id' diverso, quindi devi modificare questa riga in: ``` // Div di destinazione degli elementi di pagamento <div id="edd-stripe-payment-element"></div> <p class="edds-field-spacer-shim"></p> ``` ### Il campo Nome carta non è più necessario Grazie al nuovo Elemento di pagamento, il campo nome carta non è più richiesto. Se l'Elemento di pagamento di Stripe rileva che il metodo di pagamento scelto richiede un nome, ne richiederà uno. ### Plugin di concatenazione di script e stili Se stavi utilizzando un plugin o una risorsa per unire tutti i file Javascript o CSS, vorrai assicurarti di "ricompilare" i tuoi script, poiché il Javascript e lo stile CSS per gli elementi carta sono cambiati. ### Plugin o servizi di caching Dopo essere passato all'Elemento di pagamento, assicurati di svuotare tutte le cache che potresti avere, inclusi il caching delle pagine, il caching degli oggetti e servizi come Cloudflare, per garantire che vengano caricati i file Javascript e CSS corretti. Easy Digital Downloads -- Stripe 2.9 aggiunge il supporto per gli [Elementi di pagamento](https://stripe.com/docs/payments/payment-element) di Stripe, che consentono un'esperienza di checkout migliorata, più efficiente e più personalizzabile. Questo è disponibile per gli utenti che utilizzano il nostro Gateway Pro Stripe, versione 2.9 o superiore. I nuovi utenti utilizzeranno automaticamente gli elementi di pagamento; gli utenti esistenti che si sono collegati a Stripe potranno scegliere di attivarli quando saranno pronti, concedendo tempo per testare eventuali personalizzazioni apportate al tuo checkout EDD in un ambiente locale o di staging. Se hai personalizzato il tuo modello di checkout, dovrai leggere di più sulla migrazione dall'Elemento carta legacy all'Elemento di pagamento. I filtri per gli elementi di pagamento si trovano tutti in `easy-digital-downloads/includes/gateways/stripe/includes/elements/payment-elements.php` nel core di EDD, quindi cerca lì il codice completo e i link alla documentazione specifica di Stripe. Registra un font personalizzato da utilizzare con gli elementi di pagamento di Stripe ------------------------------------------------------------ Puoi configurare Stripe per utilizzare un font personalizzato, anche da fonti di font esterne come Google o Adobe Fonts, con due filtri: ``` add_filter( 'edds_stripe_payment_elements_fonts', 'prefix_add_google_font_stripe' ); /** * Registra un file sorgente CSS personalizzato che Stripe utilizzerà per renderizzare i font personalizzati. * * @param array $fonts * @return array */ function prefix_add_google_font_stripe( $fonts ) { $fonts[] = array( 'cssSrc' => 'https://fonts.googleapis.com/css2?family=Gajraj+One', ); return $fonts; } add_filter( 'edds_stripe_payment_elements_variables', 'prefix_add_custom_font_stripe_variables' ); /** * Aggiunge un font personalizzato alle variabili di Stripe. * * @param array $variables * @return array */ function prefix_add_custom_font_stripe_variables( $variables ) { $variables['fontFamily'] = 'Gajraj One'; return $variables; } ``` Ci sono molte opzioni diverse possibili da aggiungere alle variabili per personalizzare ogni aspetto del modulo di pagamento Stripe. Ad esempio, le etichette del modulo possono essere `fluttuanti` negli input del modulo, invece che sopra di essi, con questo piccolo filtro: ``` add_filter( 'edds_stripe_payment_elements_label_style', 'prefix_modify_stripe_label_style' ); /** * Cambia lo stile dell'etichetta Stripe in fluttuante. * * @return string */ function prefix_modify_stripe_label_style() { return 'floating'; } ```