Redirect delay after submitt message is displayed

I have a simple form for a contact page, in the post function of the send button I have it set to display a message and redirect back to the home page.  The redirect happens too fast and you barley see the message.  How can I delay the redirect as there doen't seem to be an option to delay it.  Any help would be great. 

Can you share link to contact page? We can check easier

I'm having this same issue, though my redirect goes to a file that people can download. Is there a fix?

 You can add this code to

<script>
         setTimeout(function(){
            window.location.href = 'https://google.com';
         }, 3000);
</script>

3000 = 3 seconds

replace google with new page url

On 6/20/2023 at 3:31 AM, tuanphan said:

 You can add this code to

<script>
         setTimeout(function(){
            window.location.href = 'https://google.com';
         }, 3000);
</script>

3000 = 3 seconds

replace google with new page url

How can I delay the form submission before displaying a post message?

On 3/16/2024 at 7:33 PM, JamIsJam88 said:

How can I delay the form submission before displaying a post message?

You mean

users submit > after X seconds > Show post message?

4 hours ago, tuanphan said:

You mean

users submit > after X seconds > Show post message?

Hey tuanphan. I found some Javascript to delay any action if a button is pressed, but any delay with forms, results in a 403 forbidden error probably due to a security feature on Squarespace. I was able to use Javascript to delay other specific buttons by 500ms for the button animations to play out. If you know of a workaround to delay form submit buttons, that would be greatly appreciated!

On 3/18/2024 at 9:15 PM, JamIsJam88 said:

Hey tuanphan. I found some Javascript to delay any action if a button is pressed, but any delay with forms, results in a 403 forbidden error probably due to a security feature on Squarespace. I was able to use Javascript to delay other specific buttons by 500ms for the button animations to play out. If you know of a workaround to delay form submit buttons, that would be greatly appreciated!

Which code did you use?

3 hours ago, tuanphan said:

Which code did you use?

This is the code I am using to delay actions from buttons being pressed, such as any links from opening in new windows or sending an email. I removed the code to delay the form post-submit message because I kept getting a 403 forbidden error.

<!-- BUTTON DELAY AND ANIMATION -->
<script>
  document.addEventListener('DOMContentLoaded', function() {
    var targetSelectors = '.sqs-block-button-container a, header#header a.btn';
    var buttons = document.querySelectorAll(targetSelectors);
    buttons.forEach(function(button) {
      var timeoutId;
      // Function to handle the animation
      function animateButton() {
        button.classList.add('pressed');
        // Ensure animation lasts 500ms
        timeoutId = setTimeout(function() {
          button.classList.remove('pressed');
        }, 500);
      }
      // Function to perform the button's action after a delay, including animation time
      function performAction(e) {
        // Delay only if it's a link with an href attribute
        var url = button.getAttribute('href');
        if (url) {
          e.preventDefault(); // Prevent default immediately to handle manually later
          clearTimeout(timeoutId); // Clear any ongoing animation timeout
          animateButton(); // Animate button press
          setTimeout(function() {
            // Handle link target attribute for correct behavior
            var target = button.getAttribute('target');
            if (target === '_blank') {
              window.open(url, '_blank');
            } else {
              window.location.href = url;
            }
          }, 500); // Total delay includes animation time
        }
      }
      // Touch events for mobile
      button.addEventListener('touchend', performAction);
      // Click event for desktop and fallback for mobile
      button.addEventListener('click', performAction);
    });
  });
</script>