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!
Page 1 / 1
Are you aware of the product Site Intercept from Qualtrics? This will do what you're asking with way less hassle
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?
I have programming skills; isn't there any way to do this with the API?
@aberry3 Embedding in an iframe may be easiest using the anonymous link.
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
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
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
Enter your E-mail address. We'll send you an e-mail with instructions to reset your password.