Also how do you know if the transaction has been succesfull?

10 months pas and NO answer Januar 2021

Hi Joan!

you can do the same but with slightly modified JS code. See below

   <p>
      <select id="pn7_select">
         <option value="">Select option ..</option>
         <option value="4.95"> Spain </option>
         <option value="6.95"> Europe </option>
         <option value="9.95"> Other countries </option>
      </select>
   </p>
   <button id="pn7" class="paynow-button paynow-button-disabled" data-business="example@gmail.com" data-item_name="Name" data-currency_code="EUR"  data-amount="20" data-quantity="1" data-shipping="0">Pay Now</button>
   <script type="text/javascript">
      $('#pn7_select').change(function(){
          var pn = $('#pn7').data('paynow-api'), val = $(this).val();
          if(val !== "") {
              pn.enable().setVar('shipping', val);
          } else {
              pn.disable();
          }
      });
   </script>

The code below will display a drop down with price for different destinations. Then there is a PayNow! button for some item with fixed price 20EUR but depending on selection JS code will set different shipping rate.

In plugin init code button type should be set to

 type: 'buynow' 

Excelent! Working fine!

Hi! This is a “Buy Now” paypal plugin, that redirects you right to paypal after you click a button. If you want a cart plugin then you can check by UniShop plugin – https://codecanyon.net/item/unishop-jquery-xml-paypal-shopping-cart-plugin/22128525

Hi! You should check paynow init code. I suspect the problem is that you init my plugin before the actual ajax call which loads button html. Try to check if Cube Portfolio script has a callback function that is executed after ajax call and place paynow init script there.

Hello!

1. Name “PayNow Plugin” is taken from data-item_name="PayNow Plugin" attribute. And once you will change it to your actual product it will be displayed correctly.

2. Every button has few classes that define their look. For example in last example it’s

paynow-button paynow-type-subscribe paynow-style-default paynow-enable-transit

you can go and in paynow.css switch styles between buttons to change the style. If you will need help feel free to contact me!

Hi! What problem exactly you have? In my demo first example has amount of 19.99 and it works ok – “data-amount=”12.99”“

Hello,

this can’t be configured via plugin. I think this can be set up in your paypal account. You can contact paypal support and ask how this can be achieved.

Hello! Please see my reply in another comment.

Hi! I think it’s limited to seven options. Please see https://developer.paypal.com/docs/classic/paypal-payments-standard/integration-guide/Appx_websitestandard_htmlvariables/#individual-items-variables

Hi! No, you don’t need to encrypt anything.

The PayNow! plugin can’t have a card because it’s for paypal buy now button (cmd=_xclick). But I understand your idea. Maybe I will do another paypal cart plugin some day that will have a lot more functionality as my “PayPal Shopping Cart” plugin that I already have. Thanks!

ok

WeHi! You may have text input field where customer can set a number. But you will then need to write JS code to read this number and assign to data-quantity attribute of a button.

If you want I can prepare example of a code for you.

I figured it out on my own. You have an incredibly slow response rate.

Hi! Subscription button in my demo has a dropdown with possible options and there is JS code that reads your selection and then it just sets data-[attr] for PayNow! button.

Please check plugin documentation in “Plugin API” section and there you can see method api.setVar(name, value) that allows to set any parameter that PayPal can recognize , like price or quantity.

So what you should do is create dropdown or checkboxes, then add JS code that can check selection and update PayNow! button using its api.setVar() method.

Could you help with that? I looked at the Plugin API section and here’s what i have.

<select id=”pn7_select” name=”quantity”> <option value=””>Select Quantity</option> <option value=”1”>1</option> <option value=”2”>2</option> <option value=”3”>3</option> <option value=”4”>4</option> <option value=”5”>5</option> </select>

<select id=”pn7_select” name=”os1”> <option value=””>Select Size</option> <option value=”Small”>Small</option> <option value=”Medium”>Medium</option> <option value=”Large”>Large</option> <option value=”X-Large”>X Large</option> <option value=”2-Large”>2X Large</option> <option value=”3X-Large”>3X Large</option> </select>

<button id=”pn7” class=” btn btn-dark btn-lg btn-appear mt20 paynow-button-disabled” data-business=”arnold.davtyan@gmail.com” data-item_name=”AACA T-Shirt” data-currency_code=”USD” data-os1=”Option” data-amount=”16.99” data-quantity=”Option” > Place Order </button>

I want the “data-quantity” to record the value from the qty selection. Same with os1 to record the value from size selection. Could you help?

Sorry for delay with reply. First of all IDs of select elements should be different.

 <select id="select1">…</select>
 <select id="select2">…</select>

PayNow! button should be like so

<button id=”pn7” class=” btn btn-dark btn-lg btn-appear mt20 paynow-button-disabled” data-business=”arnold.davtyan@gmail.com” data-item_name=”AACA T-Shirt” data-currency_code=”USD” data-on1=”Option” data-os1=”” data-amount=”16.99” data-quantity=”1” > Place Order </button>

Now JS code

<script type="text/javascript">
   $(document).ready(function(){

     // init button
    $('#pn7').paynow({type: 'buynow', style: 'default'});

    // Option
    $('#select1').change(function(){
        var pn = $('#pn7').data('paynow-api'), val = $(this).val();
        if(val !== "") {
            pn.enable().setVar('os1', val);
        } else {
            pn.disable();
        }
    });

    // Quantity
    $('#select2').change(function(){
        var pn = $('#pn7').data('paynow-api');
        pn.setVar('quantity', parseInt($(this).val(), 10));
    });

});
</script>

Please test this and if something won’t work, please give me a link.