Hop-n-Hide Rabbit

₹4400.00

Preview
Code

Prepare to be amazed by the most elusive and cunning companion you'll ever encounter—the Hop-n-Hide Sneaky Rabbit! This adorable creature is not your ordinary fluffy bunny. Oh no, it's a master of disguise, a trickster of epic proportions, and a friend who will keep you on your toes with its sneaky antics.

PCI Compliant Secured Customizable

Select Bank:
HDFC
AXIS

Select Tenure:
3 Months
6 Months
12 Months

visa 4111 1111 1111 1111

Card

Expiry Date

CVV

Name on the card

You will need a payment_session_id to try out this code. Search for yourPaymentSession and replace with yours.

<!DOCTYPE html>
<html lang="en">
	
	<head>
		<meta charset="UTF-8">
		<meta http-equiv="X-UA-Compatible" content="IE=edge">
		<meta name="viewport" content="width=device-width, initial-scale=1.0">
		<title>Document</title>
		<script src="https://sdk.cashfree.com/js/v3/cashfree.js"></script>
	</head>

	<body>
		
		<div id="cardNumber" />
		<div id="cardCvv" />
		<div id="cardExpiry" />
		<div id="cardHolder" />
		<input type="button" id="payBtn" value="Pay" />
		
	<script>
		
		const cashfree = await load({ 
			mode: "sandbox", //or production
		});

		const cardComponent = cashfree.create("cardNumber", {});
		cardComponent.mount("#cardNumber");

		const cardCvv = cashfree.create("cardCvv", {});
		cardCvv.mount("#cardCvv");

		const cardExpiry = cashfree.create("cardExpiry", {});
		cardExpiry.mount("#cardExpiry");

		const cardHolder = cashfree.create("cardHolder", {});
		cardHolder.mount("#cardHolder");

		const showError = function(e){
			alert(e.message)
		}


		document.querySelector("#payBtn").addEventListener("click", async () => {
			cashfree.pay({
				paymentMethod: cardComponent,
				paymentSessionId: "yourPaymentSession",
				returnUrl: "https://merchantsite.com/return?order_id={order_id}",
				redirect: "HDFC,3",
			}).then(function (data) {
				if (data != null && data.error) {
					return showError(data.error)
				}
			});
		})
		</script>
	</body>
</html>


`1`	`<!DOCTYPE html>`
`2`	`<html lang="en">`
`3`
`4`	`<head>`
`5`	`<meta charset="UTF-8">`
`6`	`<meta http-equiv="X-UA-Compatible" content="IE=edge">`
`7`	`<meta name="viewport" content="width=device-width, initial-scale=1.0">`
`8`	`<title>Document</title>`
`9`	`<script src="https://sdk.cashfree.com/js/v3/cashfree.js"></script>`
`10`	`</head>`
`11`
`12`	`<body>`
`13`
`14`	`<div id="cardNumber" />`
`15`	`<div id="cardCvv" />`
`16`	`<div id="cardExpiry" />`
`17`	`<div id="cardHolder" />`
`18`	`<input type="button" id="payBtn" value="Pay" />`
`19`
`20`	`<script>`
`21`
`22`	`const cashfree = await load({`
`23`	`mode: "sandbox", //or production`
`24`	`});`
`25`
`26`	`const cardComponent = cashfree.create("cardNumber", {});`
`27`	`cardComponent.mount("#cardNumber");`
`28`
`29`	`const cardCvv = cashfree.create("cardCvv", {});`
`30`	`cardCvv.mount("#cardCvv");`
`31`
`32`	`const cardExpiry = cashfree.create("cardExpiry", {});`
`33`	`cardExpiry.mount("#cardExpiry");`
`34`
`35`	`const cardHolder = cashfree.create("cardHolder", {});`
`36`	`cardHolder.mount("#cardHolder");`
`37`
`38`	`const showError = function(e){`
`39`	`alert(e.message)`
`40`	`}`
`41`
`42`
`43`	`document.querySelector("#payBtn").addEventListener("click", async () => {`
`44`	`cashfree.pay({`
`45`	`paymentMethod: cardComponent,`
`46`	`paymentSessionId: "yourPaymentSession",`
`47`	`returnUrl: "https://merchantsite.com/return?order_id={order_id}",`
`48`	`redirect: "HDFC,3",`
`49`	`}).then(function (data) {`
`50`	`if (data != null && data.error) {`
`51`	`return showError(data.error)`
`52`	`}`
`53`	`});`
`54`	`})`
`55`	`</script>`
`56`	`</body>`
`57`	`</html>`
`58`