/    Sign up×
Community /Pin to ProfileBookmark

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>[/CODE]

And here’s the spreadsheet that it feeds:
[URL=”https://docs.google.com/spreadsheet/ccc?key=0ApjOXzxlxbMhdE02TlBHQ2hnVVdkTE5ya0lBYXhaMlE”]https://docs.google.com/spreadsheet/ccc?key=0ApjOXzxlxbMhdE02TlBHQ2hnVVdkTE5ya0lBYXhaMlE[/URL]

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

to post a comment
JavaScript

2 Comments(s)

Copy linkTweet thisAlerts:
@smilingmoleculeOct 11.2012 — 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.
Copy linkTweet thisAlerts:
@Roy4uAug 29.2017 — 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
×

Success!

Help @Rain_Lover spread the word by sharing this article on Twitter...

Tweet This
Sign in
Forgot password?
Sign in with TwitchSign in with GithubCreate Account
about: ({
version: 0.1.9 BETA 12.12,
social: @webDeveloperHQ,
});

legal: ({
terms: of use,
privacy: policy
analytics: Fullres
});
changelog: (
version: 0.1.9,
notes: added community page

version: 0.1.8,
notes: added Davinci•003

version: 0.1.7,
notes: upvote answers to bounties

version: 0.1.6,
notes: article editor refresh
)...
recent_tips: (
tipper: Anonymous,
tipped: article
amount: 1000 SATS,

tipper: @aldoushuxley,
tipped: article
amount: 1000 SATS,

tipper: Anonymous,
tipped: article
amount: 1000 SATS,
)...