GrinString Guitar

₹4000.00

Preview
Code

Get ready to meet the happiest guitar on the planet—say hello to the GrinString Guitar! This whimsical instrument is here to turn your musical journey into a non-stop giggle-fest. With its built-in smile and infectious positive vibes, this guitar will have you grinning from ear to ear as you unleash your inner rockstar.

PCI Compliant Secured Customizable

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}",
				payInParts: "allow_if_possible",
			}).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`	`payInParts: "allow_if_possible",`
`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`