Google Forms Submission Redirect URL Help

Design help Custom code
1

Hi Webflow Community!

I have been playing around with a solution to this for a while, but no luck. Hoping someone smarter out there reads this!

I have a form on my site, and I changed the form action to link up with my Google Form. The responses then goes to the linked Google Sheet. However, after a form submission, the user is directed to the Google Forms submission success page. I would like to redirect them to a page on my site instead. I have tried various methods, and updated the redirect URL on Webflow, but I can’t seem to get it done. I have seen other sites do it, for example: http://moneyhive.co/

Here is my public link for anyone that can offer advice.

:smile:

35%20PM
35%20PM884×980 104 KB

2

@samliew << tagging you bc you always seem to know everything, haha!

1 Like
3

@webflow any ideas here? Thank you!

1 Like
4

Hi @myonke, if you are using a custom action url (i.e. not sending the forms to Webflow) then the redirect url field in Form settings will have no effect, that is for Webflow form submissions only.

Here is an article that had some custom code that you might try: Google Product Forums

I hope this helps

5

Thanks, @cyberdave. I also came across this discussion on Google’s forum. I really wanted to be able to use Webflow’s styling along with Google Forms. And on top of that, redirect the URL. I don’t think I am able to use Webflow’s styling if I use that method. Any suggestions on being able to?

Thanks!

1 Like
6

[SOLVED]
I was trying to create a simple webflow form and submit redirect to another webflow page. But I got hit with this error.

CORS No ‘Access-Control-Allow-Origin’

I couldn’t fix it even after reading all the topics on the matter.
I then saw this video about using Google Form and styling with Webflow.

But then I still had the redirection problem. I then followed the link discussed in this thread

https://productforums.google.com/forum/#!topic/docs/90dJqCYl_fU

A user called Theresa posted this code.

    <script type="text/javascript">var submitted=false;</script>
    <iframe name="hidden_iframe" id="hidden_iframe" style="display:none;"     
    onload="if(submitted) {window.location='whateveryourredirectis.html';}"></iframe>
          <form action="YOUR-EMBEDDED-GOOGLE-SPREADSHEET-LINK" method="post" target="hidden_iframe" 
    onsubmit="submitted=true;">

After adding the code to the Head section of the Webflow Page which has the form, I was able to submit the (Google) form and redirect to the desired Webflow page.

I wish there was simpler explanation and solution to the CORS issue.

2 Likes
7

This redirects but the google form doesn’t submit.

I’m using the YouTube method as well to style the form