E-Commerce Sandbox Integration

Explore and test Zimswitch Online integration code. Select your preferred language and download ready-to-use sample files for your platform.

Amount

Currency

Payment Method

Language:

Download Current File

Download All (.zip)

<!DOCTYPE html>
<html lang="en-US">

<head>
    <meta charset="utf-8">
    <meta name="viewport" content="width=device-width, initial-scale=1" />
    <title>Donate</title>
    <link rel="stylesheet" href="mystyles.css" />
    <link rel="icon" type="image/x-icon" href="/favicon.png">
</head>

<body>
    <div class="container">
        <div class="row">
            <div class="column">
                <img src="AFC Logo 1.jpg" alt="AFC logo" width="200" height="100">


                <p>
                     Lorem ipsum dolor sit amet, consectetur adipiscing elit, sed do eiusmod tempor incididunt ut labore
                    et dolore magna aliqua. Ut enim ad minim veniam, quis nostrud exercitation ullamco laboris nisi ut
                    aliquip ex ea commodo consequat. Duis aute irure dolor in reprehenderit in
                    voluptate velit esse cillum dolore eu fugiat nulla pariatur. Excepteur sint occaecat cupidatat non
                    proident, sunt in culpa qui officia deserunt mollit anim id est laborum.
                </p>
            </div>

            <div class="column">
                <h1>Donate</h1>
                <form action="./pay.php" method="post">
                    <label for="amount">Amount:</label>
                    <input id="amount" type="number" name="amount" value="1.00" size="12"
                        step="1" /><br /><br />

                    <label for="currency">Currency:</label>
                    <select id="currency" name="currency">
					 <option value="ZWL">ZWL</option>
                       <option value="USD">USD</option>        
                    </select><br /><br />

                    <label for="paysource">Payment Method:</label>
                    <select id="paysource" name="paysource" style="padding: 5px">
                      <option value="VMC">Zimswitch</option>
					  <option value="ZIMSWITCH">Zimswitch</option>
					  <option value="ECOCASH">Zimswitch</option>

                    </select><br /><br />

                    <label for="paymode">Payment Mode:</label>
                    <select id="paymode" name="paymode" style="padding: 5px">
                        <option value="TEST_EXTERNAL">TEST:EXTERNAL</option>
						 <option value="TEST_INTERNAL">TEST:INTERNAL</option>
                    </select><br /><br />

                    <input type="submit" name="Submit" value="PAY" />
                </form>
            </div>
        </div>
    </div>
</body>

</html>

<!DOCTYPE html>
<html lang="en">

<head>
	<meta charset="utf-8">
	<meta name="viewport" content="width=device-width, initial-scale=1">
	<link rel="stylesheet" href="mystyles.css">
	<link rel="preconnect" href="https://fonts.googleapis.com">
	<link rel="preconnect" href="https://fonts.gstatic.com" crossorigin>
	<link href="https://fonts.googleapis.com/css2?family=Roboto:wght@400;700&display=swap" rel="stylesheet">
	<link rel="icon" type="image/x-icon" href="/favcon_eft.png">

	<script src="https://code.jquery.com/jquery.js" type="text/javascript"></script>
	<script type="text/javascript">
		function disableBack() { window.history.forward(); }
		setTimeout("disableBack()", 0);
		window.onunload = function () { null };	</script>
	<title>Pay</title>
	<style>
		body {
			background: #f7f9fb;
			font-family: 'Roboto', sans-serif;
		}
		.card-modern {
			background: #fff;
			border-radius: 18px;
			box-shadow: 0 4px 24px rgba(0,0,0,0.07);
			padding: 2.5rem 2rem 2rem 2rem;
			max-width: 540px;
			margin: 40px auto 0 auto;
		}
		.logo-modern {
			display: block;
			margin: 0 auto 2rem auto;
			height: 64px;
			width: auto;
			background: #fff;
			border-radius: 10px;
			box-shadow: 0 2px 8px rgba(0,0,0,0.08);
			padding: 8px 16px;
		}
		.pay-title {
			font-size: 2rem;
			font-weight: 700;
			color: #222;
			margin-bottom: 1.5rem;
			text-align: center;
		}
		.pay-section {
			margin-bottom: 2rem;
		}
		.pay-info {
			font-size: 1.1rem;
			color: #444;
			margin-bottom: 1.5rem;
		}
		.pay-test {
			background: #fffbe6;
			border: 1px solid #ffe066;
			border-radius: 8px;
			padding: 1rem;
			margin-bottom: 2rem;
			text-align: center;
			color: #856404;
		}
		@media (max-width: 600px) {
			.card-modern { padding: 1.2rem 0.5rem; }
		}
	</style>
</head>

<body>


	<?php
	setcookie('cookie_eftcorp', 'https://eftpaygateway.com/', ['SameSite' => 'Strict']);
	$filePath = file_get_contents('auth.json');
	$authDataSet = json_decode($filePath, true);

	$authDataVMC = $authDataSet["VMC"];
	$authDataEcoCash = $authDataSet["EcoCash"];
	$authDataZIMSWITCH = $authDataSet["ZIMSWITCH"];



	$header_text = "";

	session_start();
	$_SESSION["paysource"] = $_POST['paysource'];


	if ($_POST['paymode'] == "TEST_INTERNAL") {
		$header_text = 'This is a TEST:INTERNAL transaction. Do not use decimal values other than "00".';

	} else if ($_POST['paymode'] == "TEST_EXTERNAL") {
		$header_text = 'This is a TEST:EXTERNAL transaction. Do not use decimal values other than "00".';

	} else {
		$header_text = "This is a production site and funds will be deducted from your personal account when performing a transaction.";
	}


	function request_checkoutid($bearer, $entityID, $oppwaURL, $paytype, $currency, $amount, $paymode)
	{
		$data = "entityId=" . $entityID . "&amount=" . $amount . "&currency=" . $currency . "&paymentType=" . $paytype;

		//echo '*' . $data . '*';
		if ($paymode == "TEST_INTERNAL") {
			$data = $data . "&testMode=INTERNAL";
		} else if ($paymode == "TEST_EXTERNAL") {
			$data = $data . "&testMode=EXTERNAL";
		}


		$ch = curl_init();
		curl_setopt($ch, CURLOPT_URL, $oppwaURL);

		curl_setopt(
			$ch,
			CURLOPT_HTTPHEADER,
			array(
				$bearer
			)
		);
		curl_setopt($ch, CURLOPT_POST, 1);
		curl_setopt($ch, CURLOPT_POSTFIELDS, $data);
		curl_setopt($ch, CURLOPT_SSL_VERIFYPEER, false);
		curl_setopt($ch, CURLOPT_RETURNTRANSFER, true);
		$responseData = curl_exec($ch);
		if (curl_errno($ch)) {
			return curl_error($ch);
		}
		curl_close($ch);
		return $responseData;
	}


	?>

	<div class="card-modern">
		<img src="/images/zsonline.png" alt="Zimswitch Logo" class="logo-modern">
		<div class="pay-title">Complete Your Payment</div>
		<div class="pay-section pay-info">
			<?php echo $header_text; ?>
		</div>
		<div class="pay-section pay-test">
			You may use any TEST card in TEST mode.<br>
			You may use the following card details for testing:<br>
			Card number: 4242 4242 4242 4242<br>
			Expiry Date: 12/24 (any future date)<br>
			Card holder: abcd (any string longer than three character)<br>
			CVV: 123 (any three digits)<br>
		</div>
		<div class="pay-section">
			<?php
			echo "Transaction details: Amount: " . $_POST['amount'] . " " . $_POST['currency'] . " (" . $authDataVMC['payType'] . ")<br> <br>";
			echo ("source" . $_POST['paysource']);
			// VMC -----------------------------
			if ($_POST['paysource'] == "VMC") {


				$responseData = request_checkoutid($authDataVMC['authorizationBearer'], $authDataVMC['entityId'], $authDataVMC['oppwaUrl'], $authDataVMC['payType'], $_POST['currency'], $_POST['amount'], $_POST['paymode']);
				$decodedData = json_decode($responseData);
				?>
			</div>
			<script type="text/javascript">
				var wpwlOptions = { style: "card", brandDetection: true, showPlaceholders: false, }
			</script>
			<script async
				src="https://<?php echo $authDataVMC['checkoutUrl'] ?><?php echo $decodedData->id; ?>"></script>


			<form action="http://<?php echo $authDataVMC['shopperUrl']; ?>/pay_result.php"
				class="paymentWidgets" data-brands="VISA MASTER"></form>
			<div class="center">
				<button onclick="location.href='/';">CANCEL</button>
			</div>


			<?php
			} else if ($_POST["paysource"] == "EcoCash")
			// ECOCASH-----------------------------
			{

				$responseData = request_checkoutid($authDataEcoCash['authorizationBearer'], $authDataEcoCash['entityId'], $authDataEcoCash['oppwaUrl'], $authDataEcoCash['payType'], $_POST['currency'], $_POST['amount'], $_POST['paymode']);
				$decodedData = json_decode($responseData);
				?>
				<script type="text/javascript">
					var wpwlOptions = {
						style: "plain",
						brandDetection: false,
						showPlaceholders: false,
						requireCvv: false,
						onReady: function () {



							$('.wpwl-group-brand').before("<img src='http://www.zimswitchonline.co.zw/wp-content/uploads/2022/06/ecocash-logo.png'></img>");
							//$('.wpwl-brand-PRIVATE_LABEL').css("background", "url(http://www.techzim.co.zw/wp-content/uploads/ecocash-logo.png)"); check why



							$('.wpwl-control-brand option[value="PRIVATE_LABEL"]').text("EcoCash");
							$(".wpwl-group-cardHolder").after($(".wpwl-group-expiry"));
							$('.wpwl-control-cardHolder').val("EcoCash");
							$('.wpwl-label-cardHolder').hide();
							$('.wpwl-control-cardHolder').hide();
							$("input[name='card.expiryMonth']").val("12");
							$("input[name='card.expiryYear']").val("2028");
							$('.wpwl-label-expiry').hide();
							$('.wpwl-control-expiry').hide();
							$('.wpwl-control-card');
							$('.wpwl-label-cardNumber').text("Mobile Number");



						}
					}
				</script>



				<script
					src="https://<?php echo $authDataEcoCash['checkoutUrl'] ?><?php echo $decodedData->id; ?>"></script>


				<form action="http://<?php echo $authDataEcoCash['shopperurl']; ?>/pay_result.php"
					class="paymentWidgets" data-brands="PRIVATE_LABEL"></form>

				<div class="center">
					<button onclick="location.href='/';" class="button">CANCEL</button>
				</div>
			<?php
			} else
			// ZIMSWITCH/OTHER -----------------------------
			{
				$responseData = request_checkoutid($authDataZIMSWITCH['authorizationBearer'], $authDataZIMSWITCH['entityId'], $authDataZIMSWITCH['oppwaUrl'], $authDataZIMSWITCH['payType'], $_POST['currency'], $_POST['amount'], $_POST['paymode']);
				$decodedData = json_decode($responseData);
				?>

				<script type="text/javascript">
					var wpwlOptions = {
						style: "plain",
						brandDetection: false,
						showPlaceholders: false,

						onReady: function () {
							$('.wpwl-group-brand').before("<img src='http://www.zimswitchonline.co.zw/wp-content/uploads/2022/06/favicon.1ee90efd.svg' width='200' style='vertical-align:middle;margin:50px 50px'></img>");
							$('.wpwl-control-brand option[value="PRIVATE_LABEL"]').text("ZimSwitch");
							$('.wpwl-control-card');
							$('.wpwl-label-cardNumber').text("ZimSwitch Card");
						}
					}
				</script>

				<script
					src="https://<?php echo $authDataZIMSWITCH['checkoutUrl'] ?><?php echo $decodedData->id; ?>"></script>

				<form action="http://<?php echo $authDataZIMSWITCH['shopperUrl']; ?>/pay_result.php"
					class="paymentWidgets" data-brands="PRIVATE_LABEL">
				</form>
				<div class="center">
					<button onclick="location.href='/';" class="button">CANCEL</button>
				</div>
			<?php
			}
			?>
		</div>
	</div>
</body>

</html>

<?php
		require_once("wp-load.php");
		include('config.php');
		?>
<!DOCTYPE html>
<html lang="en">
 
<head>
    <meta charset="UTF-8" />
    <meta name="viewport" content="width=device-width, 
                                       initial-scale=1.0" />
    <title>404 Error</title>
    <link href=
"https://cdn.jsdelivr.net/npm/bootstrap@5.3.0-alpha1/dist/css/bootstrap.min.css"
          rel="stylesheet" />
    <style>
        body,
        html {
            height: 100%;
        }
    </style>
</head>
 
<body class="d-flex justify-content-center 
                 align-items-center">
    <div class="col-md-12 text-center">
	<div class="row" style="text-align: center;">  <div class="column">
      <img src="https://cerrutilodges.co.zw/wp-content/uploads/2023/08/cropped-cerruti-lodges-logo-01.png" alt="AFC logo" width="350" height="118">
    </div>
	<h1>Payment Response</h1>
		<?php
	 
		//echo('Response');
		$filePath = file_get_contents('auth.json');
		$authDataSet = json_decode($filePath, true);
		$authDataVMC = $authDataSet["VMC"];
		$authDataEcoCash = $authDataSet["EcoCash"];
		$authDataZIMSWITCH = $authDataSet["ZIMSWITCH"];

		session_start();

 	function request($bearer, $resourcePath, $baseUrl, $entityID)
		{

			$url = $baseUrl . $resourcePath;
			$url .= "?entityId=" . $entityID;
			//echo($url);
			//echo(is_user_logged_in());
			$response   = wp_remote_get( $url, array(
				'headers'   => array(
					'Authorization' => 'Bearer OGFjN2E0Y2E4ZGFmZWFkNTAxOGRiMTFkZThmZjAyMjN8QTRSRzhFdFA0ZmozNHhURg==', 
				)
			) );
				//echo($response);
				
			$response_body  = wp_remote_retrieve_body( $response );
				

			return  $response_body ;
			
			//return $responseData;
		}

		//====================================================================== 
		// CODE ENTRY POINT 
		//======================================================================
		try {
			//echo('<br/>Get Resourcez Path'.$_GET["id"]);
		 	$getId = $_GET["id"]; 
			//print "<br>getId:" . $getId; 
			$getResourcePath = $_GET["resourcePath"];
			//print "<br>getResourcePath:" . 
			$getResourcePath;
			
			session_start();
			//echo ("<br/>paysource  " . $_SESSION["paysource"]);
			
			//echo(wp_title());
			$resourcePath = $_GET['resourcePath'];
			$responseData = request($authDataZIMSWITCH['authorizationBearer'], $resourcePath, $authDataZIMSWITCH['baseUrl'], $authDataZIMSWITCH['entityId']);
				
			$result = json_decode($responseData);
			//echo json_encode($result, JSON_PRETTY_PRINT);
			 
			
			$resId = $result->{'id'};
			$resType = $result->{'paymentType'};
			$resBrand = $result->{'paymentBrand'};
			$resAmount = $result->{'amount'};
			$resCurrency = $result->{'currency'};

			$resResultDescription = $result->{'result'}->{'description'};
			$resResultCode = $result->{'result'}->{'code'};

			$resNdc = $result->{'ndc'};
			$resDescriptor = $result->{'descriptor'};
			$resResultDetailsExtendedDescription = $result->{'resultDetails'}->{'ExtendedDescription'};
			$resResultDetailsAuthCode = $result->{'resultDetails'}->{'AuthCode'};
			$resResultDetailsConnectorTxID1 = $result->{'resultDetails'}->{'ConnectorTxID1'};
			$resResultDetailsConnectorTxID2 = $result->{'resultDetails'}->{'ConnectorTxID2'};
			$resResultDetailsConnectorTxID3 = $result->{'resultDetails'}->{'ConnectorTxID3'};
			$resResultDetailsAcquirerResponse = $result->{'resultDetails'}->{'AcquirerResponse'};
			$resResultDetailsCardholderInitiatedTransactionID = $result->{'resultDetails'}->{'CardholderInitiatedTransactionID'};
			
				// Useful for debugging:
// echo json_encode($result, JSON_PRETTY_PRINT);
		
		if (isset($resResultCode)) {


			if (preg_match("/^(000\.000\.|000\.100\.1|000\.[36])/", $resResultCode)) {
				?>
				<div class="center center_text">

					<?php
					echo "<h3 style='color: green;'>Transaction successful</h3>";
					echo "Reference Number: $resId" . '<br>';
					echo "Brand: $resBrand" . '<br>';
					echo "Amount: $resAmount $resCurrency ($resType)" . '<br>';
					echo "<h3>Thank you for your booking and payment, We look forward to seeing you at our lodges!</h3>" . '<br>' . '<br>';

					?>
					<button onclick="location.href='/';">HOME</button>
				</div>
				<?php
			} else {
				?>
				<div class="center center_text">
					<?php
					echo "<h3 style='color: red;'>Transaction failed</h3>";
					echo "Please try again later or contact your bank and share the following information with them if the problem persists:<br>";
					echo "Error code: $resResultCode" . '<br>';
					echo "Extended Description: $resResultDetailsExtendedDescription" . '<br>';
					echo "Description: $resResultDescription" . '<br>';
					echo "Trace Number: $resNdc" . '<br>';
					echo "Brand: $resBrand" . '<br>';
					echo "Transaction type: $resType" . '<br>' . '<br>';
					?>

					<button onclick="location.href='/';">HOME</button>
				</div>
				<?php
			}
		} else {
			echo '<br>Internal error. Contact your system administrator.<br>';
		} 
		}
//catch exception
catch(Exception $e) {
  echo 'Message: ' .$e->getMessage();
}
	 
		?>
	</div>
</body>

</html>

{
    "VMC": {
        "entityId": "8ac7a4c78db125db018db12af8340018",
        "authorizationBearer": "Authorization:Bearer OGFjN2E0Y2E4ZGFmZWFkNTAxOGRiMTFkZThmZjAyMjN8QTRSRzhFdFA0ZmozNHhURg==",
        "oppwaUrl": "https://eu-test.oppwa.com/v1/checkouts",
        "payType": "DB",
        "shopperUrl": "/",
        "productionMode": false,
        "resultPage": "/pay_result.php",
        "baseUrl": "https://eu-test.oppwa.com",
        "checkoutUrl": "eu-test.oppwa.com/v1/paymentWidgets.js?checkoutId="
    },
    "EcoCash": {
        "entityId": "8ac7a4c78db125db018db12af8340018",
        "authorizationBearer": "Authorization:Bearer OGFjN2E0Y2E4ZGFmZWFkNTAxOGRiMTFkZThmZjAyMjN8QTRSRzhFdFA0ZmozNHhURg==",
        "oppwaUrl": "https://eu-test.oppwa.com/v1/checkouts",
        "payType": "DB",
        "shopperUrl": "/",
        "productionMode": false,
        "resultPage": "/pay_result.php",
        "baseUrl": "https://eu-test.oppwa.com",
        "checkoutUrl": "eu-test.oppwa.com/v1/paymentWidgets.js?checkoutId="
    },
    "ZIMSWITCH": {
        "entityId": "8ac7a4c795ff87c60195ffb2d5e200cb",
        "authorizationBearer": "Authorization:Bearer OGFjN2E0Yzc5NWNiMzgwZTAxOTVjY2NhYTM2ZTAyNjd8V3RiOmNQNjp1cnJQSnd3U0Q5N24=",
        "oppwaUrl": "https://eu-test.oppwa.com/v1/checkouts",
        "payType": "DB",
        "shopperUrl": "/",
        "productionMode": false,
        "resultPage": "/pay_result.php",
        "baseUrl": "https://eu-test.oppwa.com",
        "checkoutUrl": "eu-test.oppwa.com/v1/paymentWidgets.js?checkoutId="
    }
}