Migrate contact form from 99inbound to FormSubmit.co

Author: bmuschko

layouts/contact/single.html

@@ -73,7 +73,11 @@ <h3>Denver, Colorado, USA</h3>
 	<div class="container">
 		<div class="row">
 			<div class="col-11 m-auto">
-				<form id="contact">
+				<form action="https://formsubmit.co/hello@automatedascent.com" method="POST">
+					<input type="hidden" name="_subject" value="New contact form submission">
+					<input type="hidden" name="_next" value="https://automatedascent.com/contact/">
+					<input type="text" name="_honey" style="display:none">
+					<input type="hidden" name="_captcha" value="false">
 					<div class="row">
 						<!-- Name -->
 						<div class="col-md-6">
@@ -117,24 +121,12 @@ <h3>Denver, Colorado, USA</h3>
 									  maxlength="5000"
 									  aria-label="Your message"></textarea>
 						</div>
-						<!-- Honeypot field (hidden from users, catches bots) -->
-						<div class="col-md-12 honeypot-field" aria-hidden="true">
-							<input type="text" id="honeypot" name="website" tabindex="-1" autocomplete="off">
-						</div>
 						<!-- Submit Button -->
 						<div class="col-12 text-right">
-							<button type="submit" class="btn btn-main-md" id="submit-btn">Submit</button>
+							<button type="submit" class="btn btn-main-md">Submit</button>
 						</div>
 					</div>
 				</form>
-                <div class="alert alert-success alert-hidden" id="contact-success">
-                    <h4 class="alert-heading">Great!</h4>
-                    <p>We received your details and will be in touch shortly.</p>
-                </div>
-                <div class="alert alert-danger alert-hidden" id="contact-error">
-                    <h4 class="alert-heading">Something went wrong!</h4>
-                    <p>Please send us an email instead.</p>
-                </div>
 			</div>
 		</div>
 	</div>

static/js/custom.js

@@ -81,90 +81,6 @@
             var video = '<iframe allowfullscreen src="' + $(this).attr('data-video') + '"></iframe>';
             $(this).replaceWith(video);
         });
-
-        // -----------------------------
-        //  Contact Form
-        // -----------------------------
-
-        // Rate limiting: Track last submission time
-        var lastSubmissionTime = 0;
-        var submissionCooldown = 60000; // 60 seconds between submissions
-
-        // Simple input sanitization function
-        function sanitizeInput(input) {
-            var div = document.createElement('div');
-            div.appendChild(document.createTextNode(input));
-            return div.innerHTML;
-        }
-
-        $('#contact').submit(function(event) {
-            event.preventDefault();
-
-            // Rate limiting check
-            var currentTime = Date.now();
-            if (currentTime - lastSubmissionTime < submissionCooldown) {
-                var remainingTime = Math.ceil((submissionCooldown - (currentTime - lastSubmissionTime)) / 1000);
-                alert('Please wait ' + remainingTime + ' seconds before submitting again.');
-                return false;
-            }
-
-            // Honeypot check - if filled, it's likely a bot
-            if ($('#honeypot').val() !== '') {
-                console.log('Spam detected');
-                $('#contact').remove();
-                $('#contact-error').fadeIn();
-                return false;
-            }
-
-            // Get and sanitize form values
-            var name = sanitizeInput($('#name').val().trim());
-            var email = sanitizeInput($('#email').val().trim());
-            var message = sanitizeInput($('#message').val().trim());
-
-            // Additional validation
-            if (name.length < 2 || name.length > 100) {
-                alert('Name must be between 2 and 100 characters');
-                return false;
-            }
-
-            if (email.length > 255) {
-                alert('Email address is too long');
-                return false;
-            }
-
-            if (message.length < 10 || message.length > 5000) {
-                alert('Message must be between 10 and 5000 characters');
-                return false;
-            }
-
-            // Disable submit button to prevent double submission
-            var submitBtn = $('#submit-btn');
-            submitBtn.prop('disabled', true);
-            submitBtn.text('Sending...');
-
-            $.ajax({
-                method: "POST",
-                url: "https://app.99inbound.com/api/e/74bnVMQv",
-                data: {
-                    name: name,
-                    email: email,
-                    message: message
-                },
-                timeout: 30000, // 30 second timeout
-                success: function (data) {
-                    lastSubmissionTime = Date.now();
-                    $('#contact').remove();
-                    $('#contact-success').fadeIn();
-                },
-                error: function (xhr, status, error) {
-                    console.error('Form submission error:', status, error);
-                    submitBtn.prop('disabled', false);
-                    submitBtn.text('Submit');
-                    $('#contact').remove();
-                    $('#contact-error').fadeIn();
-                }
-            });
-        });
     });
 
 })(jQuery);