How to amend the Feedback widget on the portal

matthew_hughes
Kilo Sage

We're currently using the OOTB feedback widget on our portal:

matthew_hughes_0-1745505650606.png

 

However, we are wanting to amend this so that we don't see the 'Remind me later' and 'Do not share my personal info' buttons. Does anyone know how this is configured? Is is possible to add more options rather than just having the main three?

 

1 ACCEPTED SOLUTION

@matthew_hughes 

Clone that widget and then make these changes

1) comment this to remove "Remind me later"

AnkurBawiskar_0-1745566261984.png

 

 

2) add style attribute to remove that entire row (see how the changes apply and play with the HTML)

AnkurBawiskar_1-1745566649480.png

 

If my response helped please mark it correct and close the thread so that it benefits future readers.

Regards,
Ankur
Certified Technical Architect  ||  9x ServiceNow MVP  ||  ServiceNow Community Leader

View solution in original post

22 REPLIES 22

Community Alums
Not applicable

Hi @matthew_hughes ,

The widget you're using is most likely called 'experience-feedback-mobile'. You can right-click on the widget (Ctrl + right-click) and select "Open in Widget Editor" to view or edit the code.

If you want to add or remove options, first take a backup of the widget code. Then, you can safely edit the original widget to customize the buttons like "Remind me later" or "Do not share my personal info."

If you need any help, feel free to reach out to me at adhlraotejas1018@gmail.com or connect with me on LinkedIn.  

TejasAdhalrao_0-1745562713398.png

 

How would I then apply the cloned widget to my portal?

DritonC
Tera Guru

Hello, late to the party but you can also do this with CSS instead of cloning the widget

1. Find the div containing the "do not share my personal info" (see image)

DritonC_0-1751973916381.png

 

2. On the theme that your portal is using, create a style sheet

 

3. Add this in the style sheet:

.v3c757724eb523110f3da2ff2a2522832 .anonymous-info-container {
    display: none !important;
}

 

4. Do the same for the "Remind me later"

DritonC_1-1751974281526.png

 

5. Add the folowing CSS to the style sheet

.v3c757724eb523110f3da2ff2a2522832 .btn-remind-me-later {
    display: none !important;
}


Note that the buttons aligns to the left now, if you want you can keep it like that or you can find the div and change the CSS in the style sheet by adding the CSS below:

.v3c757724eb523110f3da2ff2a2522832 .feedback-modal-footer {
    justify-content: right !important;
}



DritonC_2-1751974772064.png