dcsimg
www.webdeveloper.com
Results 1 to 3 of 3

Thread: Redirect a Google Docs form to your custom 'thank you' page

Hybrid View

  1. #1
    Join Date
    Nov 2009
    Location
    Isfahan, Iran
    Posts
    82

    Redirect a Google Docs form to your custom 'thank you' page

    Here's a Google Docs form:

    Code:
    <form action="https://docs.google.com/spreadsheet/formResponse?formkey=dE02TlBHQ2hnVVdkTE5ya0lBYXhaMlE6MQ&amp;ifq" method="POST" id="ss-form">
    <br>
    <div class="errorbox-good">
    <div class="ss-item ss-item-required ss-text"><div class="ss-form-entry"><label class="ss-q-title" for="entry_0">First name
    <span class="ss-required-asterisk">*</span></label>
    <label class="ss-q-help" for="entry_0"></label>
    <input type="text" name="entry.0.single" value="" class="ss-q-short" id="entry_0"></div></div></div>
    <br> <div class="errorbox-good">
    <div class="ss-item ss-item-required ss-text"><div class="ss-form-entry"><label class="ss-q-title" for="entry_1">Last name
    <span class="ss-required-asterisk">*</span></label>
    <label class="ss-q-help" for="entry_1"></label>
    <input type="text" name="entry.1.single" value="" class="ss-q-short" id="entry_1"></div></div></div>
    <br>
    <input type="hidden" name="pageNumber" value="0">
    <input type="hidden" name="backupCache" value="">
    <div class="ss-item ss-navigate"><div class="ss-form-entry">
    <input type="submit" name="submit" value="Submit"></div></div></form>
    And here's the spreadsheet that it feeds:
    https://docs.google.com/spreadsheet/...E5ya0lBYXhaMlE

    I wonder how to redirect the form to my own custom 'thank you' page on submission.
    Thanks!

  2. #2
    Join Date
    Oct 2012
    Posts
    1
    I used a timed Javascript redirect for this the other day (redirect to a custom thank you page). Just make sure you leave users enough time to fill out the form if you use this method. I think you can also use "form Submit" to initiate a redirect.

  3. #3
    Join Date
    Aug 2017
    Posts
    1
    In order to achieve the above-mentioned goal, you need to get the Google form on your web page. No, I am not talking about embedding the form to your web page but to create a stand alone HTML page. The reason behind doing so is since Google is a third party website, editing any code in Google forms is not possible and there is no other way (at least I could not figure out Yet) to place custom thank you page URL for the Google Form. Basically you need to replace
    <form action=”Google Form link ending with form response” target=”_self” method=”POST” id=”mG61Hd“>

    with

    <script type=”text/javascript”>var submitted=false;</script> <iframe name=”hidden_iframe” id=”hidden_iframe” style=”display:none;” onload=”if(submitted) {window.location=’http://YOUR-THANK-YOU-PAGE-URL‘;}”></iframe> <form action=”Google Form link ending with formresponse” method=”post” target=”hidden_iframe” onsubmit=”submitted=true;”>

    Here is the step by step guide to create custom Google from which redirects you to your than you page and also fills up the spreadsheet with leads submites - Customized thank you page for Google Forms for tracking

Thread Information

Users Browsing this Thread

There are currently 1 users browsing this thread. (0 members and 1 guests)

Tags for this Thread

Posting Permissions

  • You may not post new threads
  • You may not post replies
  • You may not post attachments
  • You may not edit your posts
  •  
HTML5 Development Center