É possível e permitido usar o botão PayPal personalizado (próprio) com o Checkout expresso e a API de descanso?
Https://developer.paypal.com/docs/integration/web/accept-paypal-payment/
Como posso ver, o uso de approval_url
i um método legado (abre a página de aprovação numa página separada). Mas um moderno, descrito aqui:
necessita de desenhar o botão PayPal usando o programa da biblioteca checkout.js
. Eu quero usar o meu próprio botão, mas não sei o que chamar para realizar a aprovação de pagamento. E não sei se é permitido. Não consigo encontrar a boa resposta em lado nenhum. Ajudar.
3 answers
Não, Não é fácil não é a ligação de personalização fornecida acima é uma má imitação de personalização. Personalização para a maioria dos dev é provável que signifique a capacidade de escolher qualquer botão que você quiser e interagir usando a API programaticamente. A API pobre fornecida pelo paypal só permite escolher a cor / tamanho dos seus botões. Isso também te obriga a usar o check-out deles.js em carga para que eles possam rastrear seus usuários. Evitá-lo-ia, se possível.
Basicamente, as tuas escolhas agora. são:Use o check-out expresso com o check-out.js eles fornecem e se submetem a rastreamento paypals / personalização limitada. No paypal marketing speak, envolva-se no botão de carregamento otimizado com marca paypal totalmente coesa.
Use checkout básico, que requer um redirecionamento para trás e para a frente. O técnico da velha escola ainda trabalha.
Tente contornar a caixa limitada.js e encontrar a API secreta por trás dele para criar o seu personalizado botao.
Estou a usar {[[1] } depois a configurar o meu formulário assim:
paypal.checkout.setup('{{ $paypalMerchantID }}', {
environment: '{{ $paypalEnvironment }}',
container: 'paypal-payment-form',
buttons: [{
container: 'paypal-payment-form',
type: 'checkout',
color: 'gold',
size: 'responsive',
shape: 'pill'
}]
});
Isto irá criar o botão no contentor...mas você também pode ter um botão existir no recipiente antes da mão assim:
<button data-paypal-button="true">Pay via Paypal</button>
Depois de alguns testes, a única propriedade que precisas é data-paypal-button="true"
.
Continue a esconder o botão feio:
.paypal-button-widget { display: none; }