How to submit data from external page to existing Qualtrics survey? | XM Community
Solved

How to submit data from external page to existing Qualtrics survey?

  • 23 January 2019
  • 5 replies
  • 83 views
A
Hi there.

We have a feature on our website for which I'd like to gather responses, right alongside the feature, and send the responses to an existing Qualtrics survey. I figure it comes down to one of these options (please let me know if there's another way):

* build a custom frontend form, and submit answers to the Qualtrics API via JavaScript
* somehow embed the Qualtrics survey as an iframe (?)

Either is OK with me in concept, but I don't know how to proceed. I'd appreciate any pointers or help!
icon

Best answer by w.patrick.gale 29 January 2019, 22:52

View original

5 replies

K
Rank
Userlevel 7
Badge +19
Are you aware of the product Site Intercept from Qualtrics? This will do what you're asking with way less hassle 🙂
A
Sounds good. The prices aren't listed on their website, though, which means it's probably quite expensive. I'm not sure it's actually less hassle to ask my (public university's) business office to make a big purchase for one small experiment.

I have programming skills; isn't there any way to do this with the API?
w.patrick.gale
Rank
Userlevel 5
Badge +13
@aberry3 Embedding in an iframe may be easiest using the anonymous link.
A
Hello @aberry3 ,

You can use below code in your website

<script src="https://cdnjs.cloudflare.com/ajax/libs/jquery/3.0.0/jquery.min.js"></script>
<!-- jQuery Modal -->
<script src="https://cdnjs.cloudflare.com/ajax/libs/jquery-modal/0.9.1/jquery.modal.min.js"></script>
<link rel="stylesheet" href="https://cdnjs.cloudflare.com/ajax/libs/jquery-modal/0.9.1/jquery.modal.min.css" />
<div style="width:inherit;height:90%" id="ex1" class="modal">
<iframe style="width:inherit;height:inherit;"allowfullscreen src="YOUR_SURVEY_URL"></iframe>
<a href="#" rel="modal:close">Close</a>
</div>
<!-- Link to open the modal -->
<p><a href="#ex1" rel="modal:open">Visit website</a></p>

See the demo here
A
Thanks guys; these solutions were simple (perhaps even obvious, so obvious that I didn't think about them, lol). They seem to work fine. Much obliged.

Leave a Reply


Terms & Conditions