Tip: Show only Question Mark on Web Widget

Show only Question Mark on Web Widget

Zendesk level:  Beginner
Knowledge: Javascript, HTML, CSS, Web Widget
Time Required:  10 minutes

Documentation, customizations, and troubleshooting on GitHub: https://github.com/Ajhad1/Zendesk-Customizations/tree/main/Web-Widget/Show-only-Question-Mark-on-Web-Widget

How it works (simplified):

Uses the default ability to run Javascript on Widget open to append CSS to the Web Widget itself.

Prerequisites:

• You must be using Zendesk Support
• You must have access to the Web Widget
• You must be able to modify the code where the Web Widget will be inserted as HTML

How to Install:

1. Copy the default Web Widget Script from the admin menu in the Agent interface.
2. Navigate to the website where you will be inserting the Web Widget.
3. Above where the code is to be inserted, input the code in above.js. GitHub
4. Paste the HTML code into the HTML source code of the website.
5. Below where the code has been inserted, input the code in below.js. GitHub
6. Adjust the CSS to match your specific Web Widget and your needs.
7. That's it.

Notes: