Ciao @Samuele-Wired,
grazie per aver scritto nel forum!
In questo caso dovrai fare il load della SDK solo una volta e invocare paypal.Buttons({ .. }).render() tante volte quanti pulsanti desideri. La SDK é stata disegnata per proporre 1 solo pulsante per pagina ma c'è un modo anche per avere diversi pulsanti sulla stessa pagina solo per quello specifico conto PayPal.
Quindi, per esempio, se la tua pagina web ha un header e body, dovrai caricare la SDK solo una volta:<script src="https://www.paypal.com/sdk/js?client-id=IL_TUO_CLIENT_ID¤cy=GBP" data-sdk-integration-source="button-factory"></script>
Una volta fatto potrai, nel codice della stessa pagina, caricare diversi pulsanti collegati allo stesso clienID/conto indicato sopra:
<div id="paypal-button-container">PULSANTE UNO</div> <script> paypal.Buttons({ style: { shape ... ... ... .render('#paypal-button-container'); </script> <div id="paypal-button-container">PULSANTE DUE</div> <script> paypal.Buttons({ style: { shape ... ... ... .render('#paypal-button-container'); </script>
In conclusione, la SDK é stata creta per proporre un solo pulsante per pagina. Tuttavia, si possono mettere più pulsanti considerando però quanto detto sopra. Per mettere il codice correttamente dentro al tuo codice HTML (DIV, Columns ecc..) dovrai vedere dove esattamente mettere queste parti basandoti sullo stesso codice HTML della tua pagina.
Esempio:
____________________
<!DOCTYPE html>
<head>
<title>PP Test</title>
</head>
<body>
<script src="https://www.paypal.com/sdk/js?client-id=sb¤cy=GBP" data-sdk-integration-source="button-factory"></script>
<div id="paypal-button-container"></div>
<script> paypal.Buttons({ style: { shape: 'rect', color: 'blue', layout: 'vertical', label: 'buynow', }, createOrder: function(data, actions) { return actions.order.create({ purchase_units: [{ amount: { value: '1908' } }] }); }, onApprove: function(data, actions) { return actions.order.capture().then(function(details) { alert('Transaction completed by ' + details.payer.name.given_name + '!'); }); } }).render('#paypal-button-container'); </script>
<div id="paypal-button-container"></div>
<script> paypal.Buttons({ style: { shape: 'rect', color: 'blue', layout: 'vertical', label: 'buynow', }, createOrder: function(data, actions) { return actions.order.create({ purchase_units: [{ amount: { value: '795' } }] }); }, onApprove: function(data, actions) { return actions.order.capture().then(function(details) { alert('Transaction completed by ' + details.payer.name.given_name + '!'); }); } }).render('#paypal-button-container'); </script>
</body>
Qualora dovessi avere difficoltà, ti consiglio di aprire un ticket al supporto tecnico di PayPal.
Spero che le informazioni ti siano utili,
Jenny
Se hai trovato utile questa risposta, lascia per cortesia un Kudos o accettala come soluzione. Il tuo contributo nel forum aiuta altri utenti.
