Hiding the "powered by Qualtrics" button also on the "end survey" page

Hello ​@MartinD,

You can use basic CSS to change the font color of the 'Powered by Qualtrics' text to match your survey's background or theme. While it's not a perfect solution, it's a simple workaround, the text will still be present, but it won't be visible to users since it blends in with the background.

Hi Sachin,

thanks for your reply. I’m afraid I don’t know anything about CSS. I’m probably able to define the color but do you have any hints on how the code woul look like in general?

Use this code in header or footer HTML view.

Hi Shashi,

thanks. But that’s exactly teh code I have already in place, no? And this works on all pages except the “end of yurvey page” because I can’t add any JS on this exit page.

Please add the code in the Look & Feel → General → Header (edit) → Source View (<>)

Thanks ​@Shashi. Unfortunately, the code doesn’t work. I mean, it’s the same code as I have used above on each survey page. But adding it to the look&feel/header section (or footer) doesn’t have any effect. Am I doing sth. wrong?

And in the preview section of my survey, I’m still seeing the button: 

Hi,

You’re using the simple layout, use this:

<script>Qualtrics.SurveyEngine.addOnReady(function() {
    var plugElement = document.getElementById('plug');
    if (plugElement) {
        plugElement.style.setProperty('display', 'none', 'important');
    }
});</script>

Thanks ​@vgayraud . Obviously I’m still doing something wrong. So I went via “look & feel” => general => footer => edit => source view.

There I already have a footer code in there, so I tried to add your code. And this is what it looks like:

<div style="text-align: center;"><span style="font-size:12px;">This is my custom footer text <a href="https://testwhatever.com/sjhvdsavd" target="_blank">here</a>.</span></div>

<script>Qualtrics.SurveyEngine.addOnReady(function() {
    var plugElement = document.getElementById('plug');
    if (plugElement) {
        plugElement.style.setProperty('display', 'none', 'important');
    }
});</script>

But this doesn’t work, it still shows the “powered by Qualtrics” buttons.

Try using below CSS in Look & Feel → Style → Custom CSS (edit)

.plug-container {visibility:hidden!important;}

Not sure what’s wrong. Sometimes cache can have an impact. Both your footer code and ​@Shashi ‘s CSS work fine.

Yeah, not sure either what’s wrong here. Not sure if any setting is doing sth. evil here:

• I’m in the “engagement” module/survey
• I’m NOT using the “new survey taking experience”
• Theme is “blank”
• Layout is “classic”

I tried both of your versions, i.e. the JS code in look & feel => general => header/footer edit => source view and the one with look & feel => style => custom css, but with no success.

The only thing that I get to work is my initial JS code on all survey pages (except the “end of survey” page).

This works, thanks a ton!