paypalpaypal-plus

Paypal Plus Germany | Cusom payment Button

After long google searching and reading the documentation of Paypal Plus I didn't found any solution.

I'm trying to integrate Paypal Plus, I want to add a custom Payment on arrival to the List of Payment methods. Like in image

enter image description here

Is there any way to do it, is that possible?

Here is my Code:

<style>
.custom-payment {
  position: relative;
  background: white;
  color: black;
  padding: 2px 20px;
  top: -29px;
}

.custom-payment:hover {
  background-color: #f9f9f9;
  cursor: pointer
}

div.checkMark {
  background-image: url(https://www.paypalobjects.com/webstatic/ppplus/icons/checkmark.png);
  background-repeat: no-repeat;
  background-position: right;
  height: 50px;
  width: 25px;
}
</style>

<div class="container" style="max-width: 600px">
  <div id="ppplus"></div>
  <div class="custom-payment d-flex align-items-center justify-content-between pt-3">
    <p>Pay on arrival</p>
    <div class="checkMark"></div>
  </div>
  <button class="btn btn-secondary text-white w-100 mb-4" onclick="ppp.doContinue()">Checkout</button>
</div>


<script>
  var ppp = PAYPAL.apps.PPP({
    "approvalUrl": "<?=$approval_url?>",
    "placeholder": "ppplus",
    "mode": "sandbox",
    "country": "DE",
    "buttonLocation": "outside",
    "preselection" : "paypal"
  });
</script>
Solution

  • "Pay on arrival" in the screenshot appears to be a customized third party payment method in PayPal Plus DE.