Note: The help widget is being rolled out in batches. Click here to request early access for your account.
With the Freshdesk help widget, you can embed solution articles and/or a contact form within your website or product. When your customers need help, they can open the widget to search through solution articles or to submit a ticket.
Here's a screenshot of the help widget with both solutions and the contact form:
If you don't have a knowledge base, you can use the help widget to just embed a contact form. Here's a screenshot of the help widget with the simple contact form:
A quick guide to setting up the help widget:
Log into your support portal as an Administrator.
Go to Admin > Support Channels > Widgets.
Click on Create a new widget button. Give the widget a name relevant to where the widget will be embedded.
If you have multiple products set up in Freshdesk, choose the product you want the widget to be associated with. When a widget is associated with a product, tickets submitted using the widget will have that product associated with them.
Once you click the create button, you'll see the widget setting. Any changes you make to the widget can be seen on a live preview on the right.
In the General tab, add a welcome message relevant to where the widget will be placed. This will appear on the top of the widget.
The widget launcher text will be text on the button that your customers will click to open the help widget.
Select the type of contact form you want to embed. You can choose a simple contact form with just four fields — name, email, subject, and description. Or, you can choose a form that displays all the ticket fields that you’ve configured under Admin > Ticket fields.
- Give your form a title, a name for the submit button, and the message that needs to appear once your customer submits the form.
- You can also allow users to attach files when submitting the form. When attachments are enabled, your customers can embed up to five files (not exceeding 25 MB together).
- We recommend you enable the captcha to reduce incoming spam.
- You can also have solution articles appear in the widget by enabling it using this toggle:
- Once enabled, you can select which categories of solution articles to display:
- You can choose between a neutral approach and an approach that is optimized for deflection.
Optimized for deflection
When you choose the Neutral mode, the 'contact us' option will appear along with a list of three most-viewed solution articles. Your customers can choose between reading an article or contacting you.
When you choose the Optimize for deflection mode, the contact option will be hidden in the widget's homepage. The only way your customers can reach out to you is by reading a solution article and marking it as 'not helpful'. You can use this mode if you want to encourage more of your customers to try out self-service.
You can also customize the look and feel of the help widget to match your brand. You can also remove the '⚡️by Freshworks' from the widget by toggling Freshdesk branding OFF under Admin > Helpdesk. Appearance customization of the widget is available for accounts from the Blossom plan.
Once you've chosen the customer service options that need to appear on the widget, and customized its appearance, you can go to the Embed code tab and copy the widget's code. Here's a sample embed code:
Paste this code into your website or product, where you want the widget. If you make changes to the widget's settings after you've embedded the code on your website, the widget will automatically (and instantly) reflect the new changes.
Note: Your existing embedded feedback widgets will work, and you'll be able to create new embedded widgets from a renamed section under Admin > Feedback form.