"+message+"

").prependTo("#content-container .content-body") window.history.replaceState(null, null, window.location.pathname); } } }); } // Redirect Function function redirect() { initializeTransaction('https://api.sandbox.datatrans.com/v1/transactions', getPayload()) .then(data => { window.location.href = "https://pay.sandbox.datatrans.com/v1/start/" + data.transactionId; }); } // Lightbox Function function startPayment() { initializeTransaction('https://api.sandbox.datatrans.com/v1/transactions', getPayload()) .then(data => { Datatrans.startPayment({ transactionId: data.transactionId }); }); } function lightbox() { const scriptSource = 'https://pay.sandbox.datatrans.com/upp/payment/js/datatrans-2.0.0.min.js'; if (document.querySelector('script[src="' + scriptSource + '"]')) { startPayment(); return; } const script = document.createElement('script'); script.src = scriptSource; script.onload = () => { startPayment(); } document.body.appendChild(script); } // Get Payload Function function getPayload() { var url = window.location.href.split('?')[0]; var successUrl = url + '?status=success'; var cancelUrl = url + '?status=cancel'; var errorUrl = url + '?status=error'; var refno = new Date().getTime(); var payload = { redirect: { successUrl: successUrl, errorUrl: errorUrl, cancelUrl: cancelUrl }, refno: refno, amount: 2000, currency: "CHF" } return payload; } // Initialize Transaction via CORS - You have to do this part on your server. Don't call our init endpoint from the client side. It won't work (CORS). It only works from the browser for this demo. async function initializeTransaction(url = '', data = {}) { const response = await fetch(url, { method: 'POST', headers: { "Content-Type": 'application/json;charset=utf-8', "Authorization": 'Basic MTEwMDAyNTgzNTozY29mTjNNeFhhQkg3VWw4' }, body: JSON.stringify(data) }); return await response.json(); } // Deprecated Docs function openNewDocs() { var docs = "https://docs.datatrans.ch/docs" window.location.href = docs; }; function openOldApiRef() { var apiref = "https://api-reference.datatrans.ch/xml" window.location.href = apiref; }; // Unwrap away from an element function unwrap(el) { if (el && el.parentNode) { // move all children out of the element while (el.firstChild) { el.parentNode.insertBefore(el.firstChild, el); } // remove the empty element el.remove(); } } // Remove gallery on images var imageContainer1, imageContainer2, imageContainerLength; async function removeLightbox() { imageContainer1 = document.getElementsByClassName("lightbox-inner"); imageContainer2 = document.getElementsByClassName("img lightbox closed"); imageContainerLength = imageContainer1.length; for (i = 0; i < imageContainerLength; i++) { unwrap(imageContainer1[0]); unwrap(imageContainer2[0]); }; } window.addEventListener('DOMContentLoaded', (event) => { setTimeout(() => { removeLightbox(); }, "500") }); var oldLocation = location.href; setInterval(function() { if(location.href != oldLocation) { removeLightbox(); oldLocation = location.href } }, 500); // check every second

Integration	Status
Payment Page	✅
Split Mode	✅
Mobile SDK	✅
Secure Fields	✅

3D Secure 2 Readiness