Como personalizar a aparência do método de pagamento

Este documento é aplicável apenas à Nova Experiência de Pagamento

Para fornecer o nível máximo de segurança, nenhum dos campos do formulário que coletam informações de pagamento confidenciais é carregado diretamente em seu site. Em vez disso, um <iframe> é incorporado à página e seu conteúdo é carregado diretamente dos servidores do Stripe.

Isso é ótimo para segurança, mas impede que o CSS padrão seja aplicado aos elementos do formulário (o CSS não se aplica a um iframe). Para personalizar a aparência dos elementos do método de pagamento, a API de Aparência de Elementos pode ser usada.

Para modificar a configuração dos Elementos, o seguinte filtro pode ser usado:

<?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;
	}
);

O exemplo acima aumenta o tamanho dos ícones do método de pagamento:

Aprenda a aplicar trechos de código personalizados →