Cómo personalizar la apariencia del método de pago

Este documento solo es aplicable a la Nueva Experiencia de Pago

Para proporcionar el máximo nivel de seguridad, ninguno de los campos del formulario que recopilan información de pago confidencial se carga directamente en su sitio web. En su lugar, se incrusta un <iframe> en la página y su contenido se carga directamente desde los servidores de Stripe.

Esto es excelente para la seguridad, pero impide que se aplique CSS estándar a los elementos del formulario (CSS no se aplica a un iframe). Para personalizar la apariencia de los elementos del método de pago, se puede utilizar la API de Apariencia de Elementos.

Para modificar la configuración de Elementos, se puede utilizar el siguiente 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;
	}
);

El ejemplo anterior aumenta el tamaño de los iconos del método de pago:

Aprende a aplicar fragmentos de código personalizados →