document.addEventListener("DOMContentLoaded", function() { const popup = document.getElementById("popup"); const iframe = document.getElementById("gumroadIframe"); const close = document.querySelector(".close"); const buttons = document.querySelectorAll(".checkoutButton"); // Select all buttons with the class 'checkoutButton' buttons.forEach(function(button) { button.addEventListener("click", function() { const gumroadCheckoutUrl = this.getAttribute("data-url"); // Get the URL from the data-url attribute iframe.src = gumroadCheckoutUrl; // Set the iframe source to the Gumroad checkout URL popup.style.display = "block"; // Show the popup }); }); close.addEventListener("click", function() { popup.style.display = "none"; // Hide the popup iframe.src = ""; // Clear the iframe source to stop the checkout process }); window.addEventListener("click", function(event) { if (event.target === popup) { popup.style.display = "none"; // Hide the popup if clicked outside iframe.src = ""; // Clear the iframe source } }); });