Firstly, you can only add a terms and conditions checkbox on 2-step order forms within your funnel.
Before going ahead actioning the steps below, please ensure you already have a payments funnel page with a 2 step order form and at least 1 product already selected.
Click the edit button on the page with the 2-step order form and click on the 'Add Element'
2. From there, scroll down until you find 'Custom JS/HTML' and drag this element beneath your 2-step order form.
3. Click on the Custom HTML/Javascript Element and on the left hand side the element editor will appear. Click on Open Code editor and Paste the below code in to the pop-up that will appear:
<script>
var checkBoxLabel = "By checking this box, you agree to our ";
var termsURL = "https://YOURPOLICYURLHERE.com";
var termsText = "Terms and Conditions";
var ob;
function cf() {
var checkbox = document.getElementById("order-checkbox");
if (checkbox.checked == true) {
if (ob) {
ob.style.display = "block";
}
} else {
if (ob) {
ob.style.display = "none";
}
}
}
var divCheckingInterval = setInterval(function () {
var sec1 = document.querySelector(".payment-content");
ob = document.querySelector(".form-btn"); // Directly using the button's class
if (sec1 && ob) {
clearInterval(divCheckingInterval);
console.log("Found!");
ob.style.display = "none";
var nS = document.createElement("section");
nS.setAttribute("id", "order-confirmation");
nS.style.textAlign = "center";
if (termsURL !== "") {
nS.innerHTML = "<br> <br> <input type='checkbox' id='order-checkbox' onclick='cf()'><label style='padding-left:10px;'>" +
checkBoxLabel +
"<a href='" +
termsURL +
"' target='_blank'>" +
termsText +
"</a></label>";
} else {
nS.innerHTML = "<br> <br> <input type='checkbox' id='order-checkbox' onclick='cf()'><label style='padding-left:10px;'>" +
checkBoxLabel +
"</label>";
}
sec1.after(nS);
}
}, 200);
</script>
Replace the www... with your terms and conditions page within your funnel.
