Embed Qualtrics Survey on webpage | XM Community
Skip to main content
Solved

Embed Qualtrics Survey on webpage

  • October 30, 2018
  • 4 replies
  • 4401 views
N
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!

Best answer by Anonymous

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

    4 replies

    Akdashboard
    Level 4 ●●●●
    Forum|alt.badge.img+6
    • Akdashboard
    • Level 4 ●●●●
    • 487 replies
    • October 30, 2018
    If you have Site Intercept, you can do a "Custom HTML" creative type. This creative is contained in a div containers.
    N
    • nhurst
    • Author
    • 1 reply
    • October 30, 2018
    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.
    A
    • Anonymous
    • 0 replies
    • Answer
    • October 30, 2018
    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
    A
    • aitkwill
    • 2 replies
    • January 29, 2020
    having an embed code is very standard and would be way better I agree


    Terms & ConditionsAccessibility statement