Estoy construyendo un sitio web de WordPress y allí ya he integrado el pago de PayPal. Ahora, quiero agregar un código de cupón de descuento a la página de pago. ¿Cómo puedo lograr esto con alguna modificación en el siguiente código?
<meta name="viewport" content="width=device-width, initial-scale=1"> <!-- Ensures optimal rendering on mobile devices --> <meta http-equiv="X-UA-Compatible" content="IE=edge"> <!-- Optimal Internet Explorer compatibility --> <!-- Include the PayPal JavaScript SDK; replace "test" with your own sandbox Business account app client ID --> <script src="https://www.paypal.com/sdk/js?client-id=<test-id>;currency=USD"></script> <!-- Set up a container element for the button --> <div id="paypal-button-container"></div> <script> paypal.Buttons({ // Sets up the transaction when a payment button is clicked createOrder: function(data, actions) { return actions.order.create({ purchase_units: [{ amount: { value: '77.44' // Can reference variables or functions. Example: `value: document.getElementById('...').value` } }] }); }, // Finalize the transaction after payer approval onApprove: function(data, actions) { return actions.order.capture().then(function(orderData) { // Successful capture! For dev/demo purposes: console.log('Capture result', orderData, JSON.stringify(orderData, null, 2)); var transaction = orderData.purchase_units[0].payments.captures[0]; alert('Transaction '+ transaction.status + ': ' + transaction.id + '\n\nSee console for all available details'); // When ready to go live, remove the alert and show a success message within this page. For example: // var element = document.getElementById('paypal-button-container'); // element.innerHTML = ''; // element.innerHTML = '<h3>Thank you for your payment!</h3>'; // Or go to another URL: actions.redirect('thank_you.html'); }); } }).render('#paypal-button-container'); </script>Si está utilizando Wordpress, es posible que desee considerar algún tipo de pago que realmente se integre con el CMS de Wordpress de alguna manera, como un complemento como WooCommerce y uno de sus diversos complementos de métodos de pago de PayPal.
De lo contrario, si trabaja con un código HTML/JS independiente como el anterior, eso no interactúa con Wordpress de ninguna manera. Simplemente hace lo que le dices que haga. Donde se especifica la cantidad, 77,44 en este ejemplo, puede agregar su propio código para aplicar un descuento. Eres libre de hacer cualquier cosa que sea posible con HTML/JS, y hay una gran cantidad de guías que pueden ayudarte a comenzar a programar si esto es nuevo para ti.
Para crear un código de botón de descuento: 1.) Inicie sesión en su cuenta de PayPal.
2.) Haga clic en Herramientas.
3.) Haga clic en los botones de PayPal.
4.) Haga clic en el botón Seleccionar para el tipo de botón preferido.
5.) Ingrese su información para personalizar el botón según sus necesidades.
6.) Haga clic en Paso 2: Seguimiento de inventario, pérdidas y ganancias y desmarque el botón Guardar en PayPal. (Esto garantiza que está creando un botón no alojado).
7.) Haga clic en Crear botón.
8.) Haga clic en Quitar protección de código. (Debe hacer esto para que su código sea editable). 9.) Haga clic en Seleccionar código para seleccionar el código del botón.
10.) Copie y pegue el código del botón en su propio código de página web.
Un ejemplo del código JavaScript utilizado para aplicar el código de descuento del 10%
<script type="text/javascript"> <!-- discnt = 10; // set blanket 10% discount //--> </script>Y este es el código de un botón para aplicar el código de descuento del 10%
<form action="https://www.paypal.com/cgi-bin/webscr" method="post" onsubmit="this.target = 'paypal'; discnt = 10; coupval = '(blanket)'; ReadForm (this); discnt = 0;"> <input type="hidden" name="cmd" value="_cart" /> <input type="hidden" name="add" value="1" /> <input type="hidden" name="business" value="your_email_goes_here@your_site.com" /> <input type="hidden" name="item_name" value="Test Item" /> <input type="hidden" name="amount" value="10.00" /> <input type="hidden" name="currency_code" value="USD" /> <input type="hidden" name="lc" value="US" /> <input type="hidden" name="baseamt" value="10.00" /> Input quantity > <input type = "text" name = "quantity" value = "1" size = "3" /> <input type="image" src="addcart.gif" name="submit" alt="cart add" /> </form>