JSFiddle - React, Tailwind, and code Playground

by Milan Gladiš

HTML

<html>
	<head>
		<title>My Checkout</title>
		<meta charset="utf-8" />
		<script src="https://cdn.paddle.com/paddle/paddle.js"></script>
	</head>
    <body>
	    <div class="checkout-container"></div>
		<script type="text/javascript">
			Paddle.Setup({
				vendor: 12345          // Replace with your Vendor ID.
			});
			Paddle.Checkout.open({
				method: 'inline',
				product: 543210,       // Replace with your Product or Plan ID
				allowQuantity: false,
				disableLogout: true,
				frameTarget: 'checkout-container', // The className of your checkout <div>
				frameInitialHeight: 366,
				frameStyle: 'width:448px; background-color: transparent; border: none;'
			});
		</script>
	</body>
</html>