Zendesk Form: Customizing Submit Confirmation Pop-up

Hey @brittany14 -

For that you're gonna need to customize the script.js file.

<script>
document.addEventListener("DOMContentLoaded", function() {
    const requestForm = document.querySelector('form'); // Adjust selector as necessary
    requestForm.addEventListener('submit', function(e) {
        e.preventDefault(); // Prevent form from submitting immediately

        // Collect user inputs (adjust selectors based on your form fields)
        const userInput = {
            name: document.querySelector('input[name="name"]').value, // Example for name
            email: document.querySelector('input[name="email"]').value, // Example for email
            // Add other fields as necessary
        };

        // Create confirmation message
        const confirmationMessage = `Please confirm your details:\nName: ${userInput.name}\nEmail: ${userInput.email}\n...`; // Add all necessary details

        // Show confirmation pop-up
        if (confirm(confirmationMessage)) {
            // User confirmed, submit form
            requestForm.submit();
        } else {
            // User canceled, do nothing
        }
    });
});
</script>

Hope this points you in the right direction!

Brandon

This works however after the popup appears it does not create a zendesk ticket unless you are logged in. But without the popup it does not require the user to be logged in and it will create a zendesk ticket. I am not sure why this is happening because the user is not required to be logged into zendesk for the form to be submitted.