PayPal Community

I previously implemented a pay button with a dropdown selector for "number of days". I will adjust the amount on a reducing daily rate, so I need to be able to set the prices individually per line, I have the following code which i implemented last year. I guess I copied and adapted from this or a similar site, but darned if I can remember where 😞 It still runs Ok on a test page of my live site, but is only set up for merchant ID "sb". I want to make it fully operation, but now I can't touch the code. I mean I can even save the page, otherwise the payment buttons disappear (but oddly the drop-down selector remains).  Am I referring to deprecated button code? It's in a WordPress site running on GoDaddy.   ================================= <div id="smart-button-container"> <div style="text-align: center;"> <div style="margin-bottom: 1.25rem;"> <p>Select number of days</p> <select id="item-options"><option value="1 DAY" price="14.50">1 DAY - 14.50 USD</option><option value="2 DAYS" price="29.00">2 DAYS - 29.00 USD</option><option value="3 DAYS" price="43.50">3 DAYS - 43.50 USD</option><option value="4 DAYS" price="58.00">4 DAYS - 58.00 USD</option><option value="5 DAYS" price="72.50">5 DAYS - 72.50 USD</option><option value="6 DAYS" price="87.00">6 DAYS - 87.00 USD</option></select> <select style="visibility: hidden" id="quantitySelect"></select> </div> <div id="paypal-button-container"></div> </div> </div> <script src="https://www.paypal.com/sdk/js?client-id=sb&enable-funding=venmo&currency=USD" data-sdk-integration-source="button-factory"></script> <script> function initPayPalButton() { var shipping = 0; var itemOptions = document.querySelector("#smart-button-container #item-options"); var quantity = parseInt(); var quantitySelect = document.querySelector("#smart-button-container #quantitySelect"); if (!isNaN(quantity)) { quantitySelect.style.visibility = "visible"; } var orderDescription = 'Select number of days'; if(orderDescription === '') { orderDescription = 'Item'; } paypal.Buttons({ style: { shape: 'rect', color: 'gold', layout: 'vertical', label: 'paypal', }, createOrder: function(data, actions) { var selectedItemDescription = itemOptions.options[itemOptions.selectedIndex].value; var selectedItemPrice = parseFloat(itemOptions.options[itemOptions.selectedIndex].getAttribute("price")); var tax = (0 === 0 || false) ? 0 : (selectedItemPrice * (parseFloat(0)/100)); if(quantitySelect.options.length > 0) { quantity = parseInt(quantitySelect.options[quantitySelect.selectedIndex].value); } else { quantity = 1; } tax *= quantity; tax = Math.round(tax * 100) / 100; var priceTotal = quantity * selectedItemPrice + parseFloat(shipping) + tax; priceTotal = Math.round(priceTotal * 100) / 100; var itemTotalValue = Math.round((selectedItemPrice * quantity) * 100) / 100; return actions.order.create({ purchase_units: [{ description: orderDescription, amount: { currency_code: 'USD', value: priceTotal, breakdown: { item_total: { currency_code: 'USD', value: itemTotalValue, }, shipping: { currency_code: 'USD', value: shipping, }, tax_total: { currency_code: 'USD', value: tax, } } }, items: [{ name: selectedItemDescription, unit_amount: { currency_code: 'USD', value: selectedItemPrice, }, quantity: quantity }] }] }); }, onApprove: function(data, actions) { return actions.order.capture().then(function(orderData) { // Full available details console.log('Capture result', orderData, JSON.stringify(orderData, null, 2)); // Show a success message within this page, e.g. const 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'); }); }, onError: function(err) { console.log(err); }, }).render('#paypal-button-container'); } initPayPalButton(); </script> ... View more

I currently issue invoices for rental of equipment. The invoice has very specific terms and conditions, as well as setting out details of the equipment, including pickup and return date, pickup and return location, and so on. This works perfectly and I have the option of partial refund if the equipment is returned early, or it is defective.   I want to have an assistant in another location start to charge customers and I can't figure out if there's any PayPal solution for this. I don't want to let the assistant log in to my PayPal account to make an invoice. Anyway, 2-factor authentication would prevent the assistant from logging in.   I was excited about the new mobile payment service, which uses a QR code. However I can't see any way that I can make sure the customer sees the terms and and conditions before paying.   Is there a way to deliver details of the product rental to the customer, plus terms and conditions, and receive a payment that is clearly linked to that information? Without logging in an creating an invoice? ... View more