gateway.ixopay.com
Open in
urlscan Pro
104.16.204.229
Public Scan
URL:
https://gateway.ixopay.com/payment/f14ae38de259831554cb
Submission: On December 24 via manual from US — Scanned from DE
Submission: On December 24 via manual from US — Scanned from DE
Form analysis 1 forms found in the DOM
POST https://gateway.ixopay.com/payment/f14ae38de259831554cb
<form id="payment-form" accept-charset="UTF-8" action="https://gateway.ixopay.com/payment/f14ae38de259831554cb" method="POST" onsubmit="Ixopay.PaymentFormV2.submitPaymentForm(); return false;"><input type="hidden" name="uuid" id="uuid"
value="f14ae38de259831554cb"><input type="hidden" name="__fp" id="__fp" value="40f8525d1c45f830bfd2e884c08393f5"><input type="hidden" name="__tdbd" id="__tdbd"
value="{"java":false,"language":"en-US","colorDepth":24,"screenHeight":1200,"screenWidth":1600,"tz":0,"userAgent":"Mozilla/5.0 (Windows NT 10.0; Win64; x64) AppleWebKit/537.36 (KHTML, like Gecko) Chrome/108.0.5359.124 Safari/537.36","platform":"Win32"}"><input
type="hidden" name="__applePayToken" id="__applePayToken" value=""><input type="hidden" name="__surcharge" id="__surcharge" value="">
<meta name="viewport" content="width=device-width, initial-scale=1">
<script data-main="payment-js" src="https://dhl.ixopay.com/js/integrated/payment.1.2.min.js"></script>
<style>
:root {
--primary-color: #d40511;
--border-color: #dcdcdc;
--border-radius: 0;
--error-color: #d40511;
}
* {
box-sizing: border-box;
-webkit-font-smoothing: antialiased;
-moz-osx-font-smoothing: grayscale;
}
*:focus {
outline: none;
}
body {
font-family: Helvetica, Arial, sans-serif;
font-size: 14px;
color: #333;
margin: 0;
}
h1 {
font-size: 1.7em;
text-align: center;
margin-bottom: 35px;
}
hr {
margin: 15px 0;
border: 0;
border-top: 1px solid var(--border-color);
}
.header {
padding: 16px 15px;
background: #fc0 linear-gradient(to right, #fc0 0%, #fc0 30%, #ffe57f 79%, #fff0b2 100%);
height: 60px;
}
.text-muted {
color: #787878;
}
.content {
padding: 20px 10px;
max-width: 530px;
margin: 0 auto;
}
.selection-title {
margin: 0 0 15px;
text-align: center;
font-size: 1.2em;
font-weight: bold;
}
.sub-selection-title {
margin: 0 0 15px;
text-align: center;
font-size: 16px;
font-weight: normal;
}
.form-group {
display: flex;
align-items: center;
margin-bottom: 15px;
}
.form-checkbox-group {
margin-bottom: 15px;
}
.form-checkbox-group input {
position: relative;
top: 2px;
}
.form-group:last-child {
margin-bottom: 0;
}
.form-group label {
display: inline-block;
font-weight: bold;
width: 180px;
padding-right: 15px;
text-align: right;
}
.form-group .form-group-body {
flex: 1;
}
.form-control {
display: block;
color: #333;
height: 32px;
border: 1px solid var(--border-color);
background: #fff;
border-radius: var(--border-radius);
width: 100%;
line-height: 30px;
padding: 0 11px;
box-shadow: inset 0 1px 1px rgb(0 0 0 / 8%);
}
.form-control.has-error {
border-color: var(--error-color);
}
.form-control.amount {
padding-right: 60px;
}
.amount-currency {
position: absolute;
right: 10px;
top: 50%;
margin-top: -9px;
}
.btn {
display: inline-block;
background: var(--primary-color);
padding: 10px 30px;
font-size: inherit;
font-family: inherit;
font-weight: bold;
color: #fff;
border: none;
border-radius: 3px;
cursor: pointer;
}
.btn:hover {
opacity: .85;
}
.btn-light {
display: inline-block;
background: transparent;
padding: 10px 30px;
font-size: inherit;
font-family: inherit;
font-weight: bold;
color: var(--primary-color);
border: 1px solid var(--primary-color);
border-radius: 3px;
cursor: pointer;
}
.btn-light:hover {
opacity: .85;
}
.error-messages {
display: none;
background: var(--error-color);
border-radius: var(--border-radius);
padding: 15px;
color: #fff;
margin: 15px 0;
}
.error-messages ul {
margin: 0;
padding-left: 25px;
list-style: square;
}
.payment-method {
border: 2px solid var(--border-color);
border-radius: var(--border-radius);
margin-bottom: 10px;
background: #fff;
}
.payment-method-display {
cursor: pointer;
padding: 10px;
display: flex;
align-items: center;
}
.payment-method-display .method-icon {
min-width: 60px;
text-align: center;
padding: 0 10px 0 0;
}
.payment-method-display .method-details {
flex: 1;
}
.payment-method-container.selected .payment-method {
border-color: var(--primary-color);
}
.payment-method-selected-content {
display: none;
padding: 10px;
border-top: 1px solid var(--border-color);
}
.payment-method-container.selected .payment-method-selected-content {
display: block;
}
.payment-icon {
height: 25px;
fill: #333;
display: block;
margin: 0 auto;
}
.payment-select {
margin: 30px 0;
border-radius: 5px;
padding: 15px;
border: 1px solid #ddd;
background: #f5f5f5;
}
.warning-box {
border-radius: 5px;
padding: 15px;
background: #ffefb3;
margin-bottom: 15px;
}
.warning-box h2 {
font-size: 1.4em;
padding: 0 0 7px;
margin: 0;
}
.warning-box a {
color: inherit;
}
.warning-box p {
margin: 0 0 7px;
}
.warning-box p:last-child {
margin-bottom: 0;
}
#show-multi-invoice-info {
cursor: pointer;
background: transparent;
border: 0;
padding: 0;
}
#show-multi-invoice-info:hover {
opacity: .75;
}
#multi-invoice-info {
display: none;
}
.footer {
margin-top: 25px;
padding: 25px 10px;
background: #f2f2f2;
text-align: center;
}
.footer .container {
padding: 0;
margin-top: 0;
color: #555;
}
.footer b {
font-size: 1.2em;
font-weight: 800;
color: #111;
}
.footer p {
margin: 0 0 5px;
}
.footer a {
color: #111;
}
.paymentjs-card-icon {
margin-left: 10px;
}
.visa {
background: url(//cms-static-gateway.paymentgateway.cloud/r0/root/Nn4xSUPAED9Ycb29hBjmKg/vhost/gateway.ixopay.com/rev/Nn4xSUPAED9Ycb29hBjmmD/img/icons/visa.png);
background-size: 40px 23px;
background-repeat: no-repeat;
width: 40px;
height: 23px;
}
.mastercard {
background: url(//cms-static-gateway.paymentgateway.cloud/r0/root/Nn4xSUPAED9Ycb29hBjmKg/vhost/gateway.ixopay.com/rev/Nn4xSUPAED9Ycb29hBjmmn/img/icons/mastercard.png);
background-size: 40px 23px;
background-repeat: no-repeat;
width: 40px;
height: 23px;
}
.amex {
background: url(//cms-static-gateway.paymentgateway.cloud/r0/root/Nn4xSUPAED9Ycb29hBjmKg/vhost/gateway.ixopay.com/rev/Nn4xSUPAED9Ycb29hBjmm9/img/icons/amex.png);
background-size: 40px 24px;
background-repeat: no-repeat;
width: 40px;
height: 23px;
}
@media screen and (max-width: 650px) {
.form-group {
display: block;
}
.form-group label {
text-align: left;
margin-bottom: 5px;
width: 100%;
}
}
</style>
<!-- set which fields you want to appear for ALL payment methods (aside from mandatory fields which should be defined on each connector -->
<div class="header">
<img
src="data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAAMkAAAAcCAYAAADLNZuZAAAAGXRFWHRTb2Z0d2FyZQBBZG9iZSBJbWFnZVJlYWR5ccllPAAAAyhpVFh0WE1MOmNvbS5hZG9iZS54bXAAAAAAADw/eHBhY2tldCBiZWdpbj0i77u/IiBpZD0iVzVNME1wQ2VoaUh6cmVTek5UY3prYzlkIj8+IDx4OnhtcG1ldGEgeG1sbnM6eD0iYWRvYmU6bnM6bWV0YS8iIHg6eG1wdGs9IkFkb2JlIFhNUCBDb3JlIDcuMS1jMDAwIDc5LmVkYTJiM2ZhYywgMjAyMS8xMS8xNy0xNzoyMzoxOSAgICAgICAgIj4gPHJkZjpSREYgeG1sbnM6cmRmPSJodHRwOi8vd3d3LnczLm9yZy8xOTk5LzAyLzIyLXJkZi1zeW50YXgtbnMjIj4gPHJkZjpEZXNjcmlwdGlvbiByZGY6YWJvdXQ9IiIgeG1sbnM6eG1wPSJodHRwOi8vbnMuYWRvYmUuY29tL3hhcC8xLjAvIiB4bWxuczp4bXBNTT0iaHR0cDovL25zLmFkb2JlLmNvbS94YXAvMS4wL21tLyIgeG1sbnM6c3RSZWY9Imh0dHA6Ly9ucy5hZG9iZS5jb20veGFwLzEuMC9zVHlwZS9SZXNvdXJjZVJlZiMiIHhtcDpDcmVhdG9yVG9vbD0iQWRvYmUgUGhvdG9zaG9wIDIzLjEgKE1hY2ludG9zaCkiIHhtcE1NOkluc3RhbmNlSUQ9InhtcC5paWQ6QTlBMUEwRkQ5M0QyMTFFQzhEQTQ5RTNBRUJCRjU0OTQiIHhtcE1NOkRvY3VtZW50SUQ9InhtcC5kaWQ6QTlBMUEwRkU5M0QyMTFFQzhEQTQ5RTNBRUJCRjU0OTQiPiA8eG1wTU06RGVyaXZlZEZyb20gc3RSZWY6aW5zdGFuY2VJRD0ieG1wLmlpZDpBOUExQTBGQjkzRDIxMUVDOERBNDlFM0FFQkJGNTQ5NCIgc3RSZWY6ZG9jdW1lbnRJRD0ieG1wLmRpZDpBOUExQTBGQzkzRDIxMUVDOERBNDlFM0FFQkJGNTQ5NCIvPiA8L3JkZjpEZXNjcmlwdGlvbj4gPC9yZGY6UkRGPiA8L3g6eG1wbWV0YT4gPD94cGFja2V0IGVuZD0iciI/PjQr/zcAAAP/SURBVHja7FxRctpADDUZ+k9v4P73A05QuAE+QeAEhRMknADnBDgngJwAc4K4M/2Pb1D/96erGcEwzu6ahrdrbYxmPHwwgyykJ+mtZPciQfL7y9et+phGcqVUV66ul+9//+yutHWgPvbqGoLua6TuqTLoGrMuhKRKz7L2+7H6eFXXAKSjUDpGUpx+Jwggj8IBQkLBMFPXVt3vGwffR2UNAghJYgEIBe4WpCevA4RlCwQI2TGX5PQ7IQChYHuIwhICzF7d++wD9s4YbAhZqsAtLN+jApiCN9HYggT7JfZ4l54AgJAD34CZqA1JLm2/lL1Dbn0Q9u6U3qShOqOSz0Tpymu/PwVWKZJM6ZhLc66ESrINHCAkGwb7JQlhA8zsc0/VeaUBSMy2oISqx1Kic1sFCWe6cRS+DC7kU6HykEcfPMRkT2dBEigPsckPjzzkXWa/8ZBPBhJwppNE5G08ZO04s7uozpN6dmcesgDzkEyyY/st6V1wDypFEEFVeeIhiafq/C67d4mHtA4SWyZsqbKtAdnxxQMPIZDQjMb0PUoPnZqlXeYhEirJpcE7BTh+Z+t3OfteC5CS9DjmIceWLnb8t5Mt867zkHPpCQYIBS9klUI5o2dphRAzGt0MATkP8SkjTZvViXmIKOLumdivLN8h2odUAxAkD/EpNx4SCkiAva/xJAh0ClQYdpnQrYkPyW48JBCQAI8wjSdB3Ao9uPh9BzzEh2ize5d5iFiQgI8wE0vGQswsKCOWGvCtA4sBbXbv4jzEJH1BAIHykIaJNPGUwxW/XxoWGql/fwqtihiye9zA5/6bu0WBSk8QSPagNosC+Ft0k5ugQMItzrgF3fkx24NXukkoy/9ycM+lrmXgNgv1wFhWb+M0nM2lLYjZlO/4cXnPeZ8B4nvRsDiWX0eLjtPIzVOOE0ObiHw+xAYQxGaAzZZhFMZOXVWLH6f3TCAhp+SejaRTjiqwRce5geegjkjJD7bnQ5BEemWY7YTii/NDmZ+O47dslZMAeYhrSXXzEHCbODIdj4JftEBtiq6K0MBwFoAvVr53//p8rn/vSd/zsQ8O6IGrpW7I5nrjtiZOt4gZhCEA5DQc9hi3z9RuxZ6CtWBCHcoDVxUHb2bgIajWxLRxGzlIJqZpdxwID0nOuNPGk94DgSTzxEmKgHhIHmmGhS3wEGQySa99V5gATljZDh5ccRIvw8QaSZT84oeSe97MErgLYGb39Zy6acfs5B+ljyq91KPfE8CvfNfZxzgJ96IuW5/0WKkE8xAKkKemtQnw2kmr78vSyIR1SvPPCeAO5mkXHRT0PRooiYcUXDUOUcNs4pPwkEb7uKJN2E/3XFXariznPGTaVvz8E2AAf0gMxa2zyGsAAAAASUVORK5CYII=">
</div>
<div class="content">
<h1>DHL Invoice Payment Page</h1>
<div class="global-inputs">
<div class="form-group">
<label for="accountNumber">Account Number*</label>
<div class="form-group-body">
<input class="form-control mandatory" data-name="Account Number" id="accountNumber" maxlength="10">
</div>
</div>
<div class="form-group">
<label for="invoiceNumber">Invoice Number*</label>
<div class="form-group-body">
<input class="form-control mandatory" data-name="Invoice Number" id="invoiceNumber" maxlength="13">
</div>
</div>
<div style="margin-bottom: 15px; margin-top: -10px; text-align: right">
<button type="button" id="show-multi-invoice-info">Paying multiple invoices?</button>
</div>
<div class="form-group">
<label for="amount">Amount Payable*</label>
<div class="form-group-body">
<div style="position: relative;">
<div class="amount-currency">AUD</div>
<input class="form-control amount mandatory" name="amount" data-name="Amount" id="amount" value=""> <!-- 0.01 -->
</div>
</div>
</div>
<div class="form-group" style="margin-bottom: 15px;">
<label for="email">Email Address*</label>
<div class="form-group-body">
<input class="form-control mandatory" name="email" data-name="Email" id="email" value="">
</div>
</div>
<input type="hidden" class="merchantmetadata" name="merchantMetaData" data-name="Merchantmetadata" id="">
</div>
<div class="warning-box" id="multi-invoice-info">
<h2>Paying Multiple Invoices?</h2>
<p> If you have multiple invoices against a single account that you wish to pay, please supply just one invoice number in the invoice number field and submit a payment for the total amount of all invoices you wish to pay. </p>
<p> Please send your remittance details to <a href="mailto:au.remittance@dhl.com" target="_blank">au.remittance@dhl.com</a>
</p>
</div>
<div class="payment-select">
<div id="payment-selection-container">
<h2 class="selection-title">Please select your preferred payment method</h2>
<div class="payment-method-container " data-method="creditcard" data-identifier="Creditcard">
<div class="payment-method">
<div class="payment-method-display">
<div class="method-icon">
<span style="display: inline-block; padding: 5px 0; vertical-align: middle; border: 1px solid #ddd; border-radius: 4px; margin-right: 5px; margin-top: -2px;">
<img style="width: 90px; display: block;" src="//cms-static-gateway.paymentgateway.cloud/r0/root/Nn4xSUPAED9Ycb29hBjmKg/vhost/gateway.ixopay.com/rev/szgkum1gniGFz8BYqyGKNs/img/icons/brands.png">
</span>
<!-- <svg class="payment-icon" xmlns="http://www.w3.org/2000/svg" viewBox="0 0 576 512"><path d="M527.9 32H48.1C21.5 32 0 53.5 0 80v352c0 26.5 21.5 48 48.1 48h479.8c26.6 0 48.1-21.5 48.1-48V80c0-26.5-21.5-48-48.1-48zM54.1 80h467.8c3.3 0 6 2.7 6 6v42H48.1V86c0-3.3 2.7-6 6-6zm467.8 352H54.1c-3.3 0-6-2.7-6-6V256h479.8v170c0 3.3-2.7 6-6 6zM192 332v40c0 6.6-5.4 12-12 12h-72c-6.6 0-12-5.4-12-12v-40c0-6.6 5.4-12 12-12h72c6.6 0 12 5.4 12 12zm192 0v40c0 6.6-5.4 12-12 12H236c-6.6 0-12-5.4-12-12v-40c0-6.6 5.4-12 12-12h136c6.6 0 12 5.4 12 12z"/></svg> -->
</div>
<div class="method-details text-muted" style="text-align: right;"> Creditcard </div>
</div>
<div class="payment-method-selected-content payment-form" data-method="Creditcard" data-apimethod="Creditcard">
<input type="hidden" name="paymentMethod" value="Creditcard">
<h3 class="sub-selection-title">Creditcard information</h3>
<input type="hidden" name="publicKey" value="iz2zApC69F7bJQ7eAFJ5">
<input type="hidden" name="cardToken" id="cardToken" value="">
<div class="form-group">
<label for="cardHolder">Card Holder*</label>
<div class="form-group-body">
<input type="text" name="cardHolder" data-name="Card Holder" id="cardHolder" value="" class="form-control mandatory">
</div>
</div>
<div class="form-group">
<label for="number_div_Creditcard">Credit Card Number*</label>
<div class="form-group-body" style="display: flex; align-items: center;">
<div class="form-control" id="number_div_Creditcard" style="flex: 1;"><iframe src="https://secure.ixopay.com/iframes/pan.html" name="vault-master-czk8yhue8" width="100%" height="100%" style="border: 0px;"></iframe></div>
<div class="paymentjs-card-icon" id="paymentjs-card-icon"></div>
</div>
</div>
<div class="form-group">
<label for="expiry">Expiry Date*</label>
<div class="form-group-body">
<select name="expiry" id="expiry" class="form-control mandatory" data-name="Expiry Date" style="max-width: 120px;">
<option value=""></option>
<option value="12/2022">12 / 2022</option>
<option value="01/2023">01 / 2023</option>
<option value="02/2023">02 / 2023</option>
<option value="03/2023">03 / 2023</option>
<option value="04/2023">04 / 2023</option>
<option value="05/2023">05 / 2023</option>
<option value="06/2023">06 / 2023</option>
<option value="07/2023">07 / 2023</option>
<option value="08/2023">08 / 2023</option>
<option value="09/2023">09 / 2023</option>
<option value="10/2023">10 / 2023</option>
<option value="11/2023">11 / 2023</option>
<option value="12/2023">12 / 2023</option>
<option value="01/2024">01 / 2024</option>
<option value="02/2024">02 / 2024</option>
<option value="03/2024">03 / 2024</option>
<option value="04/2024">04 / 2024</option>
<option value="05/2024">05 / 2024</option>
<option value="06/2024">06 / 2024</option>
<option value="07/2024">07 / 2024</option>
<option value="08/2024">08 / 2024</option>
<option value="09/2024">09 / 2024</option>
<option value="10/2024">10 / 2024</option>
<option value="11/2024">11 / 2024</option>
<option value="12/2024">12 / 2024</option>
<option value="01/2025">01 / 2025</option>
<option value="02/2025">02 / 2025</option>
<option value="03/2025">03 / 2025</option>
<option value="04/2025">04 / 2025</option>
<option value="05/2025">05 / 2025</option>
<option value="06/2025">06 / 2025</option>
<option value="07/2025">07 / 2025</option>
<option value="08/2025">08 / 2025</option>
<option value="09/2025">09 / 2025</option>
<option value="10/2025">10 / 2025</option>
<option value="11/2025">11 / 2025</option>
<option value="12/2025">12 / 2025</option>
<option value="01/2026">01 / 2026</option>
<option value="02/2026">02 / 2026</option>
<option value="03/2026">03 / 2026</option>
<option value="04/2026">04 / 2026</option>
<option value="05/2026">05 / 2026</option>
<option value="06/2026">06 / 2026</option>
<option value="07/2026">07 / 2026</option>
<option value="08/2026">08 / 2026</option>
<option value="09/2026">09 / 2026</option>
<option value="10/2026">10 / 2026</option>
<option value="11/2026">11 / 2026</option>
<option value="12/2026">12 / 2026</option>
<option value="01/2027">01 / 2027</option>
<option value="02/2027">02 / 2027</option>
<option value="03/2027">03 / 2027</option>
<option value="04/2027">04 / 2027</option>
<option value="05/2027">05 / 2027</option>
<option value="06/2027">06 / 2027</option>
<option value="07/2027">07 / 2027</option>
<option value="08/2027">08 / 2027</option>
<option value="09/2027">09 / 2027</option>
<option value="10/2027">10 / 2027</option>
<option value="11/2027">11 / 2027</option>
<option value="12/2027">12 / 2027</option>
<option value="01/2028">01 / 2028</option>
<option value="02/2028">02 / 2028</option>
<option value="03/2028">03 / 2028</option>
<option value="04/2028">04 / 2028</option>
<option value="05/2028">05 / 2028</option>
<option value="06/2028">06 / 2028</option>
<option value="07/2028">07 / 2028</option>
<option value="08/2028">08 / 2028</option>
<option value="09/2028">09 / 2028</option>
<option value="10/2028">10 / 2028</option>
<option value="11/2028">11 / 2028</option>
<option value="12/2028">12 / 2028</option>
<option value="01/2029">01 / 2029</option>
<option value="02/2029">02 / 2029</option>
<option value="03/2029">03 / 2029</option>
<option value="04/2029">04 / 2029</option>
<option value="05/2029">05 / 2029</option>
<option value="06/2029">06 / 2029</option>
<option value="07/2029">07 / 2029</option>
<option value="08/2029">08 / 2029</option>
<option value="09/2029">09 / 2029</option>
<option value="10/2029">10 / 2029</option>
<option value="11/2029">11 / 2029</option>
<option value="12/2029">12 / 2029</option>
<option value="01/2030">01 / 2030</option>
<option value="02/2030">02 / 2030</option>
<option value="03/2030">03 / 2030</option>
<option value="04/2030">04 / 2030</option>
<option value="05/2030">05 / 2030</option>
<option value="06/2030">06 / 2030</option>
<option value="07/2030">07 / 2030</option>
<option value="08/2030">08 / 2030</option>
<option value="09/2030">09 / 2030</option>
<option value="10/2030">10 / 2030</option>
<option value="11/2030">11 / 2030</option>
<option value="12/2030">12 / 2030</option>
<option value="01/2031">01 / 2031</option>
<option value="02/2031">02 / 2031</option>
<option value="03/2031">03 / 2031</option>
<option value="04/2031">04 / 2031</option>
<option value="05/2031">05 / 2031</option>
<option value="06/2031">06 / 2031</option>
<option value="07/2031">07 / 2031</option>
<option value="08/2031">08 / 2031</option>
<option value="09/2031">09 / 2031</option>
<option value="10/2031">10 / 2031</option>
<option value="11/2031">11 / 2031</option>
<option value="12/2031">12 / 2031</option>
<option value="01/2032">01 / 2032</option>
<option value="02/2032">02 / 2032</option>
<option value="03/2032">03 / 2032</option>
<option value="04/2032">04 / 2032</option>
<option value="05/2032">05 / 2032</option>
<option value="06/2032">06 / 2032</option>
<option value="07/2032">07 / 2032</option>
<option value="08/2032">08 / 2032</option>
<option value="09/2032">09 / 2032</option>
<option value="10/2032">10 / 2032</option>
<option value="11/2032">11 / 2032</option>
<option value="12/2032">12 / 2032</option>
<option value="01/2033">01 / 2033</option>
<option value="02/2033">02 / 2033</option>
<option value="03/2033">03 / 2033</option>
<option value="04/2033">04 / 2033</option>
<option value="05/2033">05 / 2033</option>
<option value="06/2033">06 / 2033</option>
<option value="07/2033">07 / 2033</option>
<option value="08/2033">08 / 2033</option>
<option value="09/2033">09 / 2033</option>
<option value="10/2033">10 / 2033</option>
<option value="11/2033">11 / 2033</option>
<option value="12/2033">12 / 2033</option>
<option value="01/2034">01 / 2034</option>
<option value="02/2034">02 / 2034</option>
<option value="03/2034">03 / 2034</option>
<option value="04/2034">04 / 2034</option>
<option value="05/2034">05 / 2034</option>
<option value="06/2034">06 / 2034</option>
<option value="07/2034">07 / 2034</option>
<option value="08/2034">08 / 2034</option>
<option value="09/2034">09 / 2034</option>
<option value="10/2034">10 / 2034</option>
<option value="11/2034">11 / 2034</option>
<option value="12/2034">12 / 2034</option>
</select>
</div>
</div>
<div class="form-group">
<label for="cvv_div_Creditcard">CVV/CVC*</label>
<div class="form-group-body">
<div class="form-control" id="cvv_div_Creditcard" style="max-width: 60px;"><iframe src="https://secure.ixopay.com/iframes/cvv.html" name="vault-slave-czk8yhue8" width="100%" height="100%" style="border: 0px;"></iframe></div>
</div>
</div>
</div>
</div>
</div>
<div class="payment-method-container " data-method="paypal" data-identifier="Paypal">
<div class="payment-method">
<div class="payment-method-display">
<div class="method-icon">
</div>
<div class="method-details text-muted" style="text-align: right;"> Paypal </div>
</div>
<div class="payment-method-selected-content payment-form" data-method="Paypal" data-apimethod="Paypal">
<input type="hidden" name="paymentMethod" value="Paypal">
<div style="margin: 10px 0; text-align: center; color: #aaa;">
<div id="paypalMsg">Proceed with PayPal</div>
<input type="hidden" name="cardToken" id="paypalToken">
</div>
</div>
</div>
</div>
</div>
</div>
<div class="warning-box" id="surcharge-msg" style="display: none;">
<p> Please be aware that all online payments may incur a surcharge between 1.1% and 2.1%. </p>
<hr style="border: 0; border-top: 1px solid rgba(0, 0, 0, .25)">
<div style="display: flex; margin-bottom: 5px;">
<div style="flex: 1;">Surcharge</div>
<div>AUD <span id="surcharge-amount"></span></div>
</div>
<div style="display: flex; margin-bottom: 5px; font-size: 1.2em; font-weight: bold;">
<div style="flex: 1;">Total Amount</div>
<div>AUD <span id="total-amount"></span></div>
</div>
</div>
<div class="error-messages" id="error-messages">
<ul></ul>
</div>
<div style="display: flex; align-items: center; margin-top: 15px; flex-wrap: wrap; white-space: nowrap;">
<div class="text-muted" style="margin: 5px; 0; flex: 1;">Fields marked with * are mandatory</div>
<div style="text-align: right; flex: 1;">
<button type="button" name="cancel_btn" id="cancel_btn" value="cancel" class="btn-light" onclick="Ixopay.PaymentFormV2.cancelPaymentForm('https://gateway.ixopay.com/payment/cancel/f14ae38de259831554cb');"> Cancel </button>
<button type="submit" name="pay" id="proceed-btn" value="submit" class="btn"> Proceed </button>
<div id="paypalButtonDiv" style="display: none; vertical-align: middle;"></div>
</div>
</div>
</div>
<div class="footer">
<div class="container">
<p><b>DHL Express (Australia) Pty Ltd</b></p>
<p>GPO BOX 7028</p>
<p>SYDNEY NSW 2001</p>
<p>ABN: 62 001 112 929</p>
<p>Ph: 1300 301 307</p>
<p>Account Queries: <a href="http://www.dhlinvoices.com" target="_blank">http://www.dhlinvoices.com</a></p>
<p>Remittance Details: <a href="mailto:au.remittance@dhl.com" target="_blank">au.remittance@dhl.com</a></p>
<p style="margin-top: 30px;"><a href="#" target="_blank">Terms & Conditions</a></p>
<p style="font-size: .8em;">2021 © DHL International GmbH. All rights reserved.</p>
</div>
</div>
<script type="text/javascript">
document.addEventListener('DOMContentLoaded', function() {
const errorMessageContainer = document.getElementById('error-messages');
const surChargeInput = document.getElementById('__surcharge');
const errorMessageList = document.querySelector('#error-messages > ul');
const paymentForm = document.getElementById('payment-form');
const storedPaymentsContainer = document.getElementById('stored-payments-container');
const paymentSelectionContainer = document.getElementById('payment-selection-container');
const setPreferredInstrumentContainer = document.getElementById('set-preferred-instrument-container');
const togglePaymentMethodsBtn = document.getElementById('toggle-payment-methods');
const showMultiInvoiceInfo = document.getElementById('show-multi-invoice-info');
const userPreferredPaymentInstrument = '';
const paymentMethodContainer = document.querySelectorAll('.payment-method-container');
const paymentMethodDisplay = document.querySelectorAll('.payment-method-display');
const amount = document.querySelector('.form-control.amount');
showMultiInvoiceInfo.addEventListener('click', function(event) {
document.getElementById('multi-invoice-info').style.display = 'block';
})
amount.addEventListener('change', function(event) {
var value = parseFloat(event.target.value);
amount.value = value ? value.toFixed(2) : '';
calculateSurCharge(null, null, true);
initPaypal();
})
var surchargeMsgElement = document.getElementById('surcharge-msg');
var totalAmountElement = document.getElementById('total-amount');
var surchargeAmountElement = document.getElementById('surcharge-amount');
const inputStyles = {
'display': 'block',
'width': '100%',
'border': '0',
'color': '#333',
'font-family': 'Helvetica, Arial, sans-serif',
'height': '30px',
'background': '#fff',
'padding': '0',
'outline': '0',
};
document.querySelectorAll('link').forEach(function(element) {
const href = element.getAttribute('href');
if (href && href.indexOf('bootstrap.min.css') > -1) {
element.remove();
}
});
const renderErrors = function(errors) {
errorMessageList.innerHTML = '';
errors.forEach(function(error) {
if (error.field) {
document.getElementById(error.field).classList.add('has-error');
}
errorMessageList.innerHTML += '<li>' + error.message + '</li>';
});
errorMessageContainer.style.display = 'block';
};
/**
* mark payment method as active/selected
*/
paymentMethodDisplay.forEach(function(element) {
element.addEventListener('click', function() {
hideSurChargeInfo();
paymentMethodContainer.forEach(function(container) {
container.classList.remove('selected');
});
var holder = element.closest('.payment-method-container');
holder.classList.add('selected');
calculateSurCharge(holder.dataset.identifier, null, true);
if (holder.dataset.method === 'paypal') {
document.getElementById('proceed-btn').style.display = 'none';
document.getElementById('paypalButtonDiv').style.display = 'inline-block';
} else {
document.getElementById('proceed-btn').style.display = 'inline-block';
document.getElementById('paypalButtonDiv').style.display = 'none';
}
});
});
document.querySelectorAll('#stored-payments-container .payment-method-display').forEach(function(element) {
element.addEventListener('click', function() {
if (element.dataset.token === userPreferredPaymentInstrument) {
setPreferredInstrumentContainer.style.display = 'none';
} else {
setPreferredInstrumentContainer.style.display = 'block';
}
});
});
/**
* toggle between stored payment instruments and new
*/
if (togglePaymentMethodsBtn) {
togglePaymentMethodsBtn.addEventListener('click', function() {
hideSurChargeInfo();
if (storedPaymentsContainer.style.display === 'none') {
storedPaymentsContainer.style.display = 'block';
paymentSelectionContainer.style.display = 'none';
togglePaymentMethodsBtn.innerHTML = 'Choose a different payment method';
} else {
storedPaymentsContainer.style.display = 'none';
paymentSelectionContainer.style.display = 'block';
togglePaymentMethodsBtn.innerHTML = 'Select stored payment instrument';
}
checkPaymentSurcharge();
});
}
/**
* only payment instruments which are registered can be set as preferred
*/
document.querySelectorAll('.set-as-preferred-instrument').forEach(function(element) {
element.addEventListener('click', function() {
let parent = element.closest('.payment-form');
const temp = parent.querySelector('.do-register');
if (temp && element.checked) {
temp.checked = true;
}
});
});
/**
* enforce "save payment instrument"-button when set as preferred is selected
*/
document.querySelectorAll('.do-register').forEach(function(element) {
element.addEventListener('click', function() {
let parent = element.closest('.payment-form');
let info = parent.querySelector('.required-for-preferred');
if (info) {
info.style.display = 'none';
}
const temp = parent.querySelector('.set-as-preferred-instrument');
if (temp && temp.checked && !element.checked) {
info.style.display = 'inline';
}
});
});
/**
* initialize credit card fields
*/
var paymentJs = new PaymentJs('1.2');
const ccForm = document.querySelector('.payment-form[data-apimethod="Creditcard"]');
if (ccForm) {
const publicKey = ccForm.querySelector('input[name="publicKey"]').value;
const numberDivId = 'number_div_' + ccForm.dataset.method;
const cvvDivId = 'cvv_div_' + ccForm.dataset.method;
paymentJs.init(publicKey, numberDivId, cvvDivId, function(payment) {
// style cc number and cvv field
payment.setNumberStyle(inputStyles);
payment.setCvvStyle(inputStyles);
var $cardType = $('#paymentjs-card-icon');
paymentJs.numberOn('input', function(data) {
calculateSurCharge('Creditcard', data.firstSix);
$cardType.hide();
$cardType.removeClass('visa mastercard amex');
if (['visa', 'mastercard', 'amex'].indexOf(data.cardType) !== -1) {
$cardType.addClass(data.cardType);
$cardType.show();
}
});
//Ixopay.PaymentFormV2.initializeSurchargeWithPaymentJs(payment, surchargeComplete);
});
}
var prevMethod = '';
var prevFirstSix = '';
var hideSurChargeInfo = function() {
surchargeMsgElement.style.display = 'none';
surchargeAmountElement.innerHTML = '';
totalAmountElement.innerHTML = '';
surChargeInput.value = '';
};
var surchargeComplete = function(surchargeAmount, newTotalAmount) {
if (newTotalAmount) {
surchargeMsgElement.style.display = 'block';
surchargeAmountElement.innerHTML = surchargeAmount;
totalAmountElement.innerHTML = newTotalAmount;
surChargeInput.value = surchargeAmount;
} else {
hideSurChargeInfo();
}
};
var calculateSurCharge = function(paymentMethod, firstSix, force) {
var amount = $('[name="amount"]').val();
if (!paymentMethod) {
paymentMethod = prevMethod;
}
if (!firstSix) {
firstSix = prevFirstSix;
}
if (paymentMethod) {
prevMethod = paymentMethod;
if (!force && paymentMethod === 'Creditcard' && (!firstSix || firstSix.length !== 6 || prevFirstSix === firstSix)) {
return;
}
prevFirstSix = firstSix;
if (!amount) {
return;
}
$.post(window.surchargeCalculationUrl, {
firstSixDigits: firstSix,
paymentMethod: paymentMethod,
amount: amount,
}).done(function(responseData) {
if (responseData.surchargeAmount && responseData.newTotalAmount) {
surchargeComplete(responseData.surchargeAmount, responseData.newTotalAmount);
} else {
surchargeComplete(null, null);
}
});
}
}
var checkPaymentSurcharge = function() {
var selectedPaymentMethodContainer = document.querySelector('#stored-payments-container .payment-method-container.selected');
if (selectedPaymentMethodContainer) {
calculateSurCharge(selectedPaymentMethodContainer.dataset.type, selectedPaymentMethodContainer.dataset.firstsix);
}
}
checkPaymentSurcharge();
/**
* validate and tokenize credit card
*
* @param callback
*/
function tokenized(callback) {
let expiry = ccForm.querySelector('select[name="expiry"]').value;
let expiryParts = expiry.split('/');
let data = {
cardHolder: ccForm.querySelector('input[name="cardHolder"]').value,
};
data.month = expiryParts[0];
data.year = expiryParts[1];
paymentJs.tokenize(data, function(token, cardData) {
ccForm.querySelector('input[name="cardToken"]').value = token;
callback(true);
}, function(errors) {
const errorMessages = [];
Object.values(errors).forEach(function(item) {
if (item.attribute === 'card_holder') {
errorMessages.push({
field: ccForm.querySelector('[id^="number_div_"]').id,
message: item.message,
});
} else if (item.attribute === 'number') {
errorMessages.push({
field: ccForm.querySelector('[id^="cvv_div_"]').id,
message: item.message,
});
}
});
if (errorMessages.length) {
renderErrors(errorMessages);
}
callback(false);
}, );
}
const removeUnusedPaymentFormElements = function() {
document.querySelectorAll('.payment-form').forEach(function(element) {
const container = element.closest('.payment-method-container');
if (!container.classList.contains('selected')) {
element.remove();
}
});
if (storedPaymentsContainer) {
storedPaymentsContainer.remove();
}
};
/**
* Tokenize Callback
*/
function tokenizeFinished(success) {
if (success) {
removeUnusedPaymentFormElements();
paymentForm.submit();
} else {
return false;
}
}
function setMerchantMetaData() {
let accountNumber = document.getElementById('accountNumber').value;
let invoiceNumber = document.getElementById('invoiceNumber').value;
document.getElementsByClassName("merchantmetadata")[0].setAttribute('value', accountNumber.trim() + ' ' + invoiceNumber.trim());
}
/**
* Submit Form
*/
if (paymentForm) {
paymentForm.addEventListener('submit', function(event) {
event.preventDefault();
setMerchantMetaData();
errorMessageContainer.style.display = 'none';
document.querySelectorAll('.has-error').forEach(function(element) {
element.classList.remove('has-error');
});
let useStoredMethod = false;
if (storedPaymentsContainer) {
useStoredMethod = window.getComputedStyle(storedPaymentsContainer).display === 'block';
}
if (useStoredMethod) {
paymentSelectionContainer.remove();
storedPaymentsContainer.querySelectorAll('.payment-method-container').forEach(function(element) {
if (!element.classList.contains('selected')) {
element.remove();
}
});
paymentForm.submit();
} else {
let validMandatory = true;
const errorMessages = [];
document.querySelectorAll('.global-inputs .mandatory, .payment-method-container.selected .mandatory').forEach(function(element) {
if (element.value === '') {
errorMessages.push({
field: element.id,
message: (element.dataset.name || element.getAttribute('name')) + ' is required.',
});
validMandatory = false;
}
});
var invoiceInput = document.getElementById('invoiceNumber')
if (!/^[a-zA-Z0-9]{1,13}$/.test(invoiceInput.value)) {
errorMessages.push({
field: invoiceInput.id,
message: (invoiceInput.dataset.name || invoiceInput.getAttribute('name')) + ' needs to be alphanumeric with a maximum length of 13 characters.',
});
}
if (!document.querySelector('.payment-method-container.selected')) {
errorMessages.push({
field: null,
message: 'Payment Method is required.',
});
validMandatory = false;
}
if (errorMessages.length) {
renderErrors(errorMessages);
}
if (validMandatory) {
let useTokenize = false;
const ccPaymentForm = document.querySelector('.payment-form[data-apimethod="Creditcard"]');
if (ccPaymentForm) {
if (ccPaymentForm.closest('.payment-method-container').classList.contains('selected')) {
useTokenize = true;
}
}
if (useTokenize) {
tokenized(tokenizeFinished);
} else {
removeUnusedPaymentFormElements();
paymentForm.submit();
}
}
}
});
}
var paymentJsBraintree = new PaymentJs("1.2");
function initPaypal() {
$('#paypalButtonDiv').html('');
var amount = $('[name="amount"]').val();
if (!amount) {
return;
}
var buttonOptions = {
style: {
color: 'gold'
},
locale: 'en_US'
};
var paypalOptions = {
amount: amount,
currency: "AUD",
button: buttonOptions,
flow: 'checkout'
};
paymentJsBraintree.initBraintreePaypal("IVLJmvy1VuiDMiF5ca6P", 'paypalButtonDiv', false, // gatherDeviceData, set true for merchant initiated card-on-file transactions
function(data) {
// success
$('#paypalToken').val(data);
setMerchantMetaData();
$('#payment-form').get(0).submit();
},
function(error) {
// error
$('#paypalMsg').text('Paypal payment has failed, please try a different payment method.');
},
function(data) {
// cancel
$('#paypalMsg').text('Payment has been cancelled. Please try again or use a different payment method.');
}, paypalOptions);
}
initPaypal();
});
</script>
</form>Text Content
DHL INVOICE PAYMENT PAGE Account Number* Invoice Number* Paying multiple invoices? Amount Payable* AUD Email Address* PAYING MULTIPLE INVOICES? If you have multiple invoices against a single account that you wish to pay, please supply just one invoice number in the invoice number field and submit a payment for the total amount of all invoices you wish to pay. Please send your remittance details to au.remittance@dhl.com PLEASE SELECT YOUR PREFERRED PAYMENT METHOD Creditcard CREDITCARD INFORMATION Card Holder* Credit Card Number* Expiry Date* 12 / 2022 01 / 2023 02 / 2023 03 / 2023 04 / 2023 05 / 2023 06 / 2023 07 / 2023 08 / 2023 09 / 2023 10 / 2023 11 / 2023 12 / 2023 01 / 2024 02 / 2024 03 / 2024 04 / 2024 05 / 2024 06 / 2024 07 / 2024 08 / 2024 09 / 2024 10 / 2024 11 / 2024 12 / 2024 01 / 2025 02 / 2025 03 / 2025 04 / 2025 05 / 2025 06 / 2025 07 / 2025 08 / 2025 09 / 2025 10 / 2025 11 / 2025 12 / 2025 01 / 2026 02 / 2026 03 / 2026 04 / 2026 05 / 2026 06 / 2026 07 / 2026 08 / 2026 09 / 2026 10 / 2026 11 / 2026 12 / 2026 01 / 2027 02 / 2027 03 / 2027 04 / 2027 05 / 2027 06 / 2027 07 / 2027 08 / 2027 09 / 2027 10 / 2027 11 / 2027 12 / 2027 01 / 2028 02 / 2028 03 / 2028 04 / 2028 05 / 2028 06 / 2028 07 / 2028 08 / 2028 09 / 2028 10 / 2028 11 / 2028 12 / 2028 01 / 2029 02 / 2029 03 / 2029 04 / 2029 05 / 2029 06 / 2029 07 / 2029 08 / 2029 09 / 2029 10 / 2029 11 / 2029 12 / 2029 01 / 2030 02 / 2030 03 / 2030 04 / 2030 05 / 2030 06 / 2030 07 / 2030 08 / 2030 09 / 2030 10 / 2030 11 / 2030 12 / 2030 01 / 2031 02 / 2031 03 / 2031 04 / 2031 05 / 2031 06 / 2031 07 / 2031 08 / 2031 09 / 2031 10 / 2031 11 / 2031 12 / 2031 01 / 2032 02 / 2032 03 / 2032 04 / 2032 05 / 2032 06 / 2032 07 / 2032 08 / 2032 09 / 2032 10 / 2032 11 / 2032 12 / 2032 01 / 2033 02 / 2033 03 / 2033 04 / 2033 05 / 2033 06 / 2033 07 / 2033 08 / 2033 09 / 2033 10 / 2033 11 / 2033 12 / 2033 01 / 2034 02 / 2034 03 / 2034 04 / 2034 05 / 2034 06 / 2034 07 / 2034 08 / 2034 09 / 2034 10 / 2034 11 / 2034 12 / 2034 CVV/CVC* Paypal Proceed with PayPal Please be aware that all online payments may incur a surcharge between 1.1% and 2.1%. -------------------------------------------------------------------------------- Surcharge AUD Total Amount AUD Fields marked with * are mandatory Cancel Proceed DHL Express (Australia) Pty Ltd GPO BOX 7028 SYDNEY NSW 2001 ABN: 62 001 112 929 Ph: 1300 301 307 Account Queries: http://www.dhlinvoices.com Remittance Details: au.remittance@dhl.com Terms & Conditions 2021 © DHL International GmbH. All rights reserved.