Home/ Questions/Q 7803625
In Process

The Archive Base Latest Questions

Editorial Team
  • 0
Asked: 2026-06-02T01:38:46+00:00

I am not a developer but have been asked to integrate Paymate ‘pay now’

  • 0

I am not a developer but have been asked to integrate Paymate ‘pay now’ buttons into a website.

Paymate has an ajax form to generate the code which is in the form:

<a onclick="self.name = 'parent';" target="_blank"
    href="https://www.paymate.com/PayMate/ExpressPayment?mid=<username>&amt=<amount>&ref=<reference>">

    <img src="https://www.paymate.com/images/ebay/paymate_accepted_logo_88x31.gif"
        border="0" alt="Pay with Paymate Express">
</a>

username, amount & reference are all variables input into Paymate’s link generating form to generate a live link to paste into the source code.

My problem is that there are two items to be sold that come in variable multiple quantities.

I need to produce a form field which accepts a number, and on entering this number, the URL of the Paymate button needs to be altered dynamically, so that amt is the correct figure. e.g. 25 items @ 3.50 each.

I don’t know how to go about this.

Share

Leave an answer

You must login to add an answer.

Need An Account,

1 Answer

  1. Editorial Team

    Looks like a very good cause. I’ve produced something using jQuery which hopefully you could adapt to your purposes.

    <!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN"
    "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd">
<html xmlns="http://www.w3.org/1999/xhtml">
  <head>
    <script type="text/javascript" src="https://ajax.googleapis.com/ajax/libs/jquery/1.7.2/jquery.min.js"></script>
    <title></title>
  </head>
  <body>

    <form id="product1" action="#">
      <div>Price per item: <span class="price">3.50</span></div>
      <label for="quantity">Quantity:</label>
      <select name="quantity" class="quantity">
        <option value="1" selected="selected">1</option>
        <option value="2">2</option>
        <option value="3">3</option>
        <option value="4">4</option>
        <option value="5">5</option>
      </select>
      <div>
        Order value: AUD$<span class="order">3.50</span> <i>including AUD$8.00 postage</i>
      </div>
      <input type="hidden" name="mid" value="demonstration" />
      <input type="hidden" class="amt" name="amt" value="0" />
      <input type="hidden" name="ref" value="product1" />
      <input type="hidden" name="currency" value="AUD" />
      <input type="hidden" name="amt_editable" value="N" />
      <img class="submit" src="https://www.paymate.com/images/ebay/paymate_accepted_logo_88x31.gif" border="0" alt="Pay with Paymate Express" />
    </form>

    <hr />

    <form id="product2" action="#">
      <div>Price per item: <span class="price">5.00</span></div>
      <label for="quantity">Quantity:</label>
      <select name="quantity" class="quantity">
        <option value="1" selected="selected">1</option>
        <option value="2">2</option>
        <option value="3">3</option>
        <option value="4">4</option>
        <option value="5">5</option>
      </select>
      <div>
        Order value: AUD$<span class="order">5.00</span> <i>including AUD$8.00 postage</i>
      </div>
      <input type="hidden" name="mid" value="demonstration" />
      <input type="hidden" class="amt" name="amt" value="0" />
      <input type="hidden" name="ref" value="product2" />
      <input type="hidden" name="currency" value="AUD" />
      <input type="hidden" name="amt_editable" value="N" />
      <img class="submit" src="https://www.paymate.com/images/ebay/paymate_accepted_logo_88x31.gif"
           border="0" alt="Pay with Paymate Express" />
    </form>

    <script type="text/javascript">

    var paymentUrl = "https://www.paymate.com/PayMate/ExpressPayment?";
    var postage = 8;


    jQuery.noConflict();

jQuery(document).ready(function ($) {

    asset("#product1");
    asset("#product2");

    function asset(product){

        $(product + " input.quantity").val("1");

        var price = $(product + " .price").text();

        $(product + " .quantity").change(function () {
             var val = "";
             var order = 0;
             $(product + " select.quantity option:selected").each(function () {
                   val += $(this).text();
                   order = ((val * price) + postage).toFixed(2);
                   $(product + " span.order").text(order);
                   $(product + " .amt").val(order)
              });
        });

        $(product + " .submit").click(function() {
               var params = $(product).serialize();
               // alert(paymentUrl + params);
               // Go to page
               window.location.href = paymentUrl + params;

        });
     }

});

    </script>
  </body>
</html>

    Update: using text field instead of select drop down. I’ve added a little bit of validation so that it checks if the value supplied is actually numeric. 

    <!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN"
    "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd">
<html xmlns="http://www.w3.org/1999/xhtml">
  <head>
    <script type="text/javascript" src="https://ajax.googleapis.com/ajax/libs/jquery/1.7.2/jquery.min.js"></script>
    <title></title>
  </head>
  <body>

    <form id="product1" action="#">
      <div>Price per item: <span class="price">3.50</span></div>
      <label for="quantity">Quantity:</label>
      <input type="text" name="quantity" class="quantity" />
      <div>
        Order value: AUD$<span class="order">3.50</span> <i>including AUD$8.00 postage</i>
      </div>
      <input type="hidden" name="mid" value="demonstration" />
      <input type="hidden" class="amt" name="amt" value="0" />
      <input type="hidden" name="ref" value="product1" />
      <input type="hidden" name="currency" value="AUD" />
      <input type="hidden" name="amt_editable" value="N" />
      <img class="submit" src="https://www.paymate.com/images/ebay/paymate_accepted_logo_88x31.gif" border="0" alt="Pay with Paymate Express" />
    </form>

    <hr />

    <form id="product2" action="#">
      <div>Price per item: <span class="price">5.00</span></div>
      <label for="quantity">Quantity:</label>
      <input type="text" name="quantity" class="quantity" />
      <div>
        Order value: AUD$<span class="order">5.00</span> <i>including AUD$8.00 postage</i>
      </div>
      <input type="hidden" name="mid" value="demonstration" />
      <input type="hidden" class="amt" name="amt" value="0" />
      <input type="hidden" name="ref" value="product2" />
      <input type="hidden" name="currency" value="AUD" />
      <input type="hidden" name="amt_editable" value="N" />
      <img class="submit" src="https://www.paymate.com/images/ebay/paymate_accepted_logo_88x31.gif"
           border="0" alt="Pay with Paymate Express" />
    </form>

    <script type="text/javascript">

    var paymentUrl = "https://www.paymate.com/PayMate/ExpressPayment?";
    var postage = 8;

    jQuery.noConflict();

    jQuery(document).ready(function ($) {

    asset("#product1");
    asset("#product2");

    function asset(product){

        $(product + " input.quantity").val("1");

        var price = $(product + " .price").text();

        $(product + " .quantity").keyup(function () {
             var order = 0;
             var val = $(product + " input.quantity").first().val();
             if($.isNumeric(val)){
                order = ((val * price) + postage).toFixed(2);
                $(product + " span.order").text(order);
                $(product + " .amt").val(order);
             }
        });

        $(product + " .submit").click(function() {
               var val = $(product + " input.quantity").first().val();
               if($.isNumeric(val)){
                  var params = $(product).serialize();
                  // Go to page
                  window.location.href = paymentUrl + params;
               }
        });
     }

     });

    </script>
  </body>
</html>
    • 0