Come personalizzare l'aspetto del metodo di pagamento

Questo documento è applicabile solo alla Nuova Esperienza di Pagamento

Per fornire il massimo livello di sicurezza, nessuno dei campi del modulo che raccolgono informazioni di pagamento sensibili viene caricato direttamente sul tuo sito web. Invece, un <iframe> viene incorporato nella pagina e il suo contenuto viene caricato direttamente dai server di Stripe.

Questo è ottimo per la sicurezza, ma impedisce l'applicazione di CSS standard agli elementi del modulo (il CSS non si applica a un iframe). Per personalizzare l'aspetto degli elementi del metodo di pagamento, è possibile utilizzare l'API di aspetto degli elementi.

Per modificare la configurazione degli elementi, è possibile utilizzare il seguente filtro:

<?php
/**
 * Plugin Name: WP Simple Pay - Custom Elements Appearance
 */
add_filter(
	'simpay_elements_config',
	function( $elements ) {
		// Increase the base font size of the tabs to scale the icons.
		$elements['appearance']['rules']['.Tab']['fontSize'] = '24px';

		// Set the font size of the tab label to "reset" the font size.
		$elements['appearance']['rules']['.TabLabel']['fontSize'] = '15px';

		return $elements;
	}
);

L'esempio sopra aumenta le dimensioni delle icone dei metodi di pagamento:

Scopri come applicare snippet di codice personalizzati →