Comment personnaliser l'apparence du mode de paiement

Ce document s'applique uniquement à la Nouvelle expérience de paiement

Afin de fournir le niveau de sécurité maximal, aucun des champs du formulaire qui collectent des informations de paiement sensibles n'est chargé directement sur votre site Web. Au lieu de cela, un <iframe> est intégré à la page et son contenu est chargé directement depuis les serveurs de Stripe.

C'est idéal pour la sécurité, mais cela empêche l'application de CSS standard aux éléments du formulaire (le CSS ne s'applique pas à un iframe). Afin de personnaliser l'apprance des éléments de méthode de paiement, l' API d'apparence des éléments peut être utilisée.

Pour modifier la configuration des éléments, le filtre suivant peut être utilisé :

<?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'exemple ci-dessus augmente la taille des icônes de méthode de paiement :

Apprenez à appliquer des extraits de code personnalisés →