Is there some way I can pass the form data to blank web page?

Hello

Is there some way I can pass the data in the thank you page of my people-pleaser quiz, to a web page?

Hi MarléneRose,

Thanks for reaching out to Jotform Support. Can you try to share your webpage so we can get a better idea of what you want to do? If you add a link for a second form on the Thank You page, that will redirect people to the second form once the first form is submitted. Let me show you how to set that up: 

• In Form Builder, in the orange navigation bar at the top of the page, click on Settings.
• In the menu that opens on the left side of the page, click on Thank You Page.
• Now, select Redirect to External Link and paste in the URL for the second form. That's it, you're done.

You can easily pass the parameters entered on the form to the website by using the Thank You page to redirect to the external link feature and Pass Form Data to Another Form or website.

After we hear back from you, we’ll have a better idea of what’s going on and how to help.

Thank you.

No I do not want to pass data from one form to another.

No I do not want to simply redirect to a web page.

I want the user to be redirected to a webpage with their results carried across and showing on that web page.

Here is a blank web page. I want their results to show on this page.

Hi MarléneRose,

If I correctly understood your request, you want to pass the quiz result to an external webpage. In this case, you can use the HTTP POST data feature. Let me show you how:

1. In Form Builder, click on Settings and select Thank You Page in the left pane.
2. Click Redirect to an external link after submission and Redirect with HTTP POST.
3. Enter your endpoint or destination URL.

Now, when a form filler submits an entry to your form, the setup will send the data via a POST request and redirect them to the destination URL, so don’t forget to create a confirmation message on the landing page. You can check out this guide about How to Send Submission Data via a POST Request.

Give it a try and let us know if you need any other help.

I have cloned my quiz and tested this. Nothing shows on the web page at all.

You can definitely pass data from your thank you page to another web page. One way to do this is by using URL parameters or session storage. If you need more detailed guidance, check out this which offers great tutorials on web development.

Hi MarléneRose,

Thanks for getting back to us. I cloned and tested your form using our test redirection URL (https://www.jotform.com/show-post-data/) for debugging purposes, and the data was sent via POST request.

After submission, I was redirected to the URL where the submission data is shown:

Can you confirm if the webpage where you're sending the data supports HTTP POST? Also, you can try using this redirect URL (https://www.jotform.com/show-post-data/) for testing purposes. Do a test submission on the form, and check if you'll be redirected to that page where the data will be shown.

Let us know if you have any other questions.

I tried using your link as the url redirect and I get a whole load of data on the screen as in your example. Clearly I dont want any of this ...as you can see from my question which states very clearly that I want the results to be passed to the web page..... not the form input.

Hi MarléneRose,

Unfortunately, it's not possible to pass the complete Thank You page, we can only send data itself. You're welcome to work with a third party who may be able to help you. You can check out our Jotform Solutions Partner Directory for a list of consultants who've asked to be included. 

You can get in touch with the right Solutions Partner for you by sorting them by location, type of service, industry, language support, or partner tier. Just fill out the contact form for the Jotform partner you'd like to work with, so they can make the necessary preparations to help you.

Keep in mind, though, that these parties operate independently of Jotform, so we assume no responsibility or liability for their work or their actions. 

We hope you find the help you're looking for.

Is it not possible to pass it as an iframe?

Hi MarléneRose,

Unfortunately, it is not possible to do so. You can not add data to a blank webpage. I’ll need a bit of time to look for any workarounds on this. I’ll get back to you as soon as I can.

Thanks for your patience and understanding, we appreciate it.

Hi MarléneRose,

As a workaround, you need to create a form with a paragraph field and 5 fields that you want on a webpage. Let me show you how:

Now change these short text fields name, like in your form, People-Pleaser Type Quiz. And hide these field from your form so it will not visible to the submitters. Check out my screenshot:

Copy the source code of your thank-you page and paste it in your paragraph field.

Or you can paste this below code to your paragraph field source code.

<div class="wrapper" contenteditable="false">

<div class="col-1" contenteditable="false"><img class="tyBgImage" /></div>

<div class="col-2" contenteditable="true">

<div class="thankyou-wrapper" style="text-align: right;">

<p class="thank-you-icon" style="text-align: center;"><img class="notActiveTyIcon" style="display: none;" src="https://cdn.jotfor.ms/img/Thankyou-iconV2.png?v=0.1" alt="thank you check icon" width="153" height="156" /></p>

<div style="text-align: center;">

<h1 class="thankyou-main-text ty-text" style="text-align: center;"><span style="color: #434343;">Results</span></h1>

<p style="text-align: justify;"><span style="font-size: 12pt;"><strong>Categories</strong></span></p>

<p style="text-align: justify;">&nbsp;</p>

<table style="height: 151px; margin-left: auto; margin-right: auto; width: 719px;">

<tbody>

<tr>

<td style="width: 452.328px; text-align: left;"><span style="font-size: 12pt;">Rescuing</span></td>

<td style="width: 260.672px; text-align: right;"><span style="font-size: 12pt;"><strong>{rescuing}%</strong></span></td>

</tr>

<tr>

<td style="width: 452.328px; text-align: left;"><span style="font-size: 12pt;">Conflict Avoiding</span></td>

<td style="width: 260.672px; text-align: right;"><span style="font-size: 12pt;"><strong>{conflictAvoiding}%</strong></span></td>

</tr>

<tr>

<td style="width: 452.328px; text-align: left;"><span style="font-size: 12pt;">Adapting</span></td>

<td style="width: 260.672px; text-align: right;"><span style="font-size: 12pt;"><strong>{adapting}%</strong></span></td>

</tr>

<tr>

<td style="width: 452.328px; text-align: left;"><span style="font-size: 12pt;">Fixing</span></td>

<td style="width: 260.672px; text-align: right;"><span style="font-size: 12pt;"><strong>{fixing}%</strong></span></td>

</tr>

<tr>

<td style="width: 452.328px; text-align: left;"><span style="font-size: 12pt;">Over-Giving</span></td>

<td style="width: 260.672px; text-align: right;"><span style="font-size: 12pt;"><strong>{overgiving}%</strong></span></td>

</tr>

</tbody>

</table>

<p style="text-align: justify;"><span style="font-size: 16px;">These scores represent your people-pleaser behaviours. </span></p>

<p style="text-align: justify;"><span style="font-size: 16px;">Don't worry if they are quite high, most people's are.</span></p>

<p style="text-align: justify;"><span style="font-size: 16px;">Check your email for a copy of your results, and I'll give you some guidance&nbsp;on how to&nbsp;overcome people-pleasing tendencies.</span></p>

<p style="text-align: justify;">&nbsp;</p>

<p style="text-align: justify;">&nbsp;</p>

<p style="text-align: justify;">&nbsp;</p>

<p style="text-align: justify;">&nbsp;</p>

<p style="text-align: justify;">&nbsp;</p>

<p style="text-align: justify;">&nbsp;</p>

<p style="text-align: justify;">&nbsp;</p>

<p style="text-align: justify;">&nbsp;</p>

</div>

</div>

Keep in mind that the Unique Field name of the short text field is the same as in your paragraph field.

You need to change the width of the form to display the complete paragraph field.

Now create a URL for your form to pass data from one form to another. Paste this URL on your thank you page to pass data on form submissions.

https://jotform.com/241763406166053?rescuing={rescuing}&fixing={fixing}&overgiving={overgiving}&conflictAvoiding={conflictAvoiding}&adapting={adapting}

Now you need to embed this form to your webpage. But keep in mind that when a form is embedded, the URL will change. You can also embed this form on your webpage and share a link with us so we can create a URL parameter for you to pass data. Check out my screencast below for the results:

You can check out my Clone of People-Pleaser Type Quiz form and Webpage form that will be embedded on your website. You can clone these forms as well and you can use them as well. I think there is another way that does not involve creating another form but it is very technical and would require you to use your webpage. You may need a developer to build it. You may reach out again if you want to second workaround.

That's it. Let us know if you have any other questions.