Best answer by Anonymous
View original
Embed Qualtrics Survey on webpage
What is the best method to embed a qualtrics survey on a webpage? I found some posts regarding issues with iframes, but is there any embed code that doesn't use iframes? Thanks!
Userlevel 7
+6
If you have Site Intercept, you can do a "Custom HTML" creative type. This creative is contained in a div containers.
So the options appear to be either you pay for the 'Customer Experience' module or whatever it's called which allows you to create Site Intercepts. Or you can use an iframe. Is that the two options?
I can't believe there isn't just an embed code, that is a pretty standard feature for online form and survey applications.
I can't believe there isn't just an embed code, that is a pretty standard feature for online form and survey applications.
A
Hello @nhurst ,
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_WEBSITE_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_WEBSITE_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
having an embed code is very standard and would be way better I agree
Leave a Reply
Enter your username or e-mail address. We'll send you an e-mail with instructions to reset your password.