Update survey logo with a hyperlink/url back to website | XM Community
Skip to main content

I am wondering if anyone knows of a way to add a hyperlink to the logo within custom survey theme.  The intent here is to make a survey feel more legitimate and integrated into our web experience.

Our survey’s are emailed, so not looking to set up an intercept which we have separately to these programs.  This enables users to click the logo on any survey page to take them back to our organisations main website.  

If possible I assume it requires custom CSS code, which I’d need to get help doing.  Hopeful to check if feasible before engaging more on this. 

Hi, try adding the below to the Header of the survey over in the General section of the Look & Feel:

<script>

jQuery("#Logo img").click(function() {
window.location.href = "https://www.qualtrics.com/";
});

jQuery("#Logo img").hover(function() {
jQuery("#Logo img").css({"cursor":"pointer"});
});

</script>

On every page, this code will add a click event handler to the Logo image and also change the cursor to pointer on hover to indicate a clickable link.


Thanks Tom, looks like that does the job.   


This is really cool. What would the additional code be to have the link when click open in a new tab (so that the survey could remain open as well)?

Thank you,

Kristine


Hi @KKeizer , try using the below:

<script>

jQuery("#Logo img").click(function() {
window.open('https://www.qualtrics.com/');
});

jQuery("#Logo img").hover(function() {
jQuery("#Logo img").css({"cursor":"pointer"});
});

</script>

 


Thank you so much! That work beautifully. I think that my people will like this new to us feature!


Leave a Reply