Getting feedback from your website (with the feedback widget)

Freshdesk lets you collect feedback and support requests directly from your website, portal or any third party web page. This lets your customers submit a ticket to your helpdesk without having to look around for your self-service portal or remember your support email.

To set up your feedback widget, you need to configure it in Freshdesk and put up the code snippet on your website. To make it available across several pages, you can set up a pop-up widget that will appear as a small tab on the side of your screen and will open up a form when clicked. You could also set up an embeddable widget, which will put a form directly on one of your pages (for example, the Contact Us page). 

Either way, the widget will automatically display the ticket form with all the ticket fields you have configured inside Freshdesk. Follow these instructions if you want the widget to appear on a Wordpress site.  

You can choose to allow users to attach screenshots, take screenshots or search through your knowledge base through the feedback widget. You can also pre-populate the ticket form with requester information.  

Note: If you can't see the Feedback Widget in your admin settings, you can make use of Widgets and the Feedback form. The Feedback widget is being phased out in batches due to the availability of the better and more functional help widget.  

A quick guide to customizing and adding a feedback widget:

  • Log into your support portal as an administrator
  • Click on Admin > Channels > Feedback Form
  • You can place the ticket form inside your web page as a pop-up widget (accessible through a button available across all pages in your website) or as an embedded widget (the ticket form will be placed on the page), or both

Pop-up Widget Button Customization

You can customize the widget button in the case of a pop-up widget. The button could display text or an image.

  • If you choose to have text in the button, you can specify the display text under Label and pick a color for the button that suits your website from the Background option. 
  • If you choose to have an image in the button, you need to specify the URL of the image under Image URL.
  • You can also choose the position of the widget button. The drop-down lets you choose where on the page the button should appear. The offset box lets you choose how far away from the corner the button should appear.
  • Every customization you make here will be reflected in the prototype widget button. You can make changes accordingly.

Form Customization

You can customize the ticket form in both pop-up and embedded widgets. If you choose pop-up widget, the ticket form opens when you click the button.

  • Give a title for your ticket form under Form Heading.
  • Form submit message will be shown to the ticket requester after they submit a ticket through the form. You could include a message telling your requesters when they can expect a solution to their problem.
  • You can specify the height of the ticket form in pixels based on the number of ticket fields you have in the form.
  • Under Form Options, you can add more capabilities to your ticket form like:Letting users take a screenshot of the screen which is open (not available in embedded widget)Letting users attach files to their ticketAllowing them to search your knowledge base directly from the ticket formUsing the widget in SSL encrypted pages. In this case, enable the Use Https toggle before copying the codePreventing spam by enabling CAPTCHA in the formMaking the form visible on mobile phones
  • Letting users take a screenshot of the screen which is open (not available in embedded widget)
  • Letting users attach files to their ticket
  • Allowing them to search your knowledge base directly from the ticket form
  • Using the widget in SSL encrypted pages. In this case, enable the Use Https toggle before copying the code
  • Preventing spam by enabling CAPTCHA in the form
  • Making the form visible on mobile phones

Widget code

The widget code would have changed to reflect the customization update. You can copy it and paste it in the page where you want the widget to appear.

  • In case of a pop-up widget, paste the code within <title> and </title> tags of the page. If you are putting it on your website, make sure that you paste the code on every page. 
  • You can use the Mobile view toggle to enable the widget on your mobile-optimized page.
  • If you are using the embedded widget, paste the embedded widget code at the exact place in the page where you want the form to show up.
  • If you are using the widget in SSL encrypted pages, enable the Use HTTPS toggle and then copy the code.

If you make any customization changes after you put the codes in place, make sure that you copy paste the new code again.

Internal Links

Freshdesk Products
Customer Data Management Import and export customer data easily.
Learn More
Helpdesk activity checking Reviewing the latest support tickets and helpdesk interactions.
Learn More
One contact across multiple companies Linking a single contact to multiple associated companies.
Learn More
Sender name customisation Using sender's name as ticket requester in forwarded emails
Learn More
Finding API Key Steps to locate and access your API key from your account settings.
Learn More
Knowledge base setting Guidelines to create and organize your Knowledge Base for easy customer access.
Learn More
Organising agents into group Grouping support agents based on roles or departments for better workflow Management
Learn More
setting up sand box Instructions to configure your Sandbox environment for safe testing and development.
Learn More
Freshdesk help widget on WordPress Steps to embed and display the Freshdesk help widget on your WordPress site.
Learn More
Default fields in ticket form Overview of the standard fields included in your Freshdesk ticket form by default.
Learn More
Configure custom email server How to configure custom email servers for sending and receiving support emails.
Learn More
Run automation on ticket Set up automation rules for tickets submitted via a specific form.
Learn More
Merging contacts Combining duplicate contacts into a single profile in Freshdesk.
Learn More
Freshdesk Multilingual ticket fields & forms Creating and managing ticket fields and forms in multiple languages in Freshdesk.
Learn More
Creating companies and contacts Steps to create and manage companies and their associated contacts in Freshdesk.
Learn More
Freshdesk App Log in & Log out Instructions for logging in and out of the Freshdesk Android mobile app.
Learn More
Forward Emails as Tickets Forward and convert your support emails to tickets in Freshdesk
Learn More
Freshdesk help widget setup Steps to configure and customize your Freshdesk help widget for your website
Learn More
Freshdesk - Freddy self service Guide to creating a basic bot flow using Freddy Self-service in Freshdesk.
Learn More
Freshdesk - Feedback Widget Collecting user feedback directly from your website using the feedback widget.
Learn More
Custom field creation adding and configuring custom fields in your Freshdesk ticket form.
Learn More
Adding new support agents Steps to add and manage new support agents in your Freshdesk account.
Learn More
Custom Support using Customer Segments Use Customer Segments to tailor and personalize your support responses in Freshdesk.
Learn More
Customer portal - Log in & Access Instructions for logging in and navigating the Freshdesk customer support portal.
Learn More
Freshdesk - Customer Tab Overview of the Customers tab features for managing contacts and companies in Freshdesk.
Learn More
Freshdesk - Ticket Status Explanation of different ticket statuses and their roles in the support workflow.
Learn More
Multiple ticket forms - Freshdesk Overview of using multiple ticket forms in Freshdesk to handle various support queries.
Learn More
Customer tickets - Auto solve Set up the Email Bot to automatically resolve customer tickets based on predefined rules.
Learn More
Live Chat - Freshdesk Using live chat as a support channel in Freshdesk for real-time customer assistance.
Learn More
Field service management - Freshdesk Overview of Field Service Management in Freshdesk for managing on-site service
Learn More
Freshdesk Reporting & Analytics Gain insights and track performance metrics using Freshdesk Analytics for smarter support decisions.
Learn More
Dependant field in ticket forms Configure dependent fields in your Freshdesk ticket form to show relevant options based on user input.
Learn More
Single Sign-On in Freshdesk Enable Single Sign-On (SSO) in Freshdesk for seamless and secure user authentication.
Learn More
Multi-channel support Provide customer support across multiple channels like email, chat, phone, and social media in Freshdesk.
Learn More
Multi-channel support Provide customer support across multiple channels like email, chat, phone, and social media in Freshdesk.
Learn More
Adding twitter accounts - Freshdesk Connect your Twitter account to Freshdesk to manage and respond to tweets as support tickets.
Learn More
Ticket submitting via email Allow customers to create support tickets by sending an email to your Freshdesk support address.
Learn More
Adding phone channels - Freshdesk Integrate a phone channel into Freshdesk to handle voice calls as part of your support system.
Learn More
Editing, cloning and deleting a ticket form Manage your Freshdesk ticket forms by editing, duplicating, or deleting them as needed.
Learn More
Adding new customer agents Learn how to invite and set up new support agents in Freshdesk to handle customer queries efficiently.
Learn More
Freshdesk Automation updates Review the latest updates and improvements to Freshdesk’s automation features for better ticket management.
Learn More
Dynamic sections - Freshdesk Learn to build dynamic sections in Freshdesk forms that display fields based on user input or conditions.
Learn More
Customizing Customer Fields Modify and manage customer fields in Freshdesk to capture specific information relevant to your business needs.
Learn More
Help Desk Reporting Best Practices: 7 Essential Tips Discover key strategies to optimize your help desk reports, improve decision-making, and enhance customer support efficiency.
Learn More
Customer 360 – Get Complete Context on Your Customer Gain a holistic view of each customer with Customer 360 in Freshdesk, consolidating interactions, tickets, and data for personalized support.
Learn More
Understanding Full-time vs Occasional Agents Learn the difference between full-time and occasional agents in Freshdesk to manage roles, access, and billing effectively.
Learn More
Introduction to Apps Explore how Freshdesk apps enhance your helpdesk by adding new features, integrations, and custom workflows
Learn More
Creating a New Ticket from Agent Portal Learn how agents can manually create support tickets directly from the Freshdesk agent portal.
Learn More
User Guide Template Example Explore a sample user guide template that outlines structure, formatting, and content flow for creating effective documentation.
Learn More
Getting Started with FreshThemes Learn how to customize your Freshdesk portal’s appearance using FreshThemes for a branded support experience.
Learn More
Changing Customer Password Guide to help customers reset or change their Freshdesk portal password securely.
Learn More
Identifying Contacts with an External ID Learn how to use external IDs in Freshdesk to match and manage contacts from third-party systems.
Learn More
Getting-started-multiple-customer-support-agents
Learn More
Manually Create Tickets from the Agent Portal
Learn More
Getting-started-multiple-customer-occasional-agents
Learn More

Empower Your Business with Cutting-Edge Solutions Smart B2B solutions for your business

-

let’s connect and grow together!

Email : sales@fgrade.com

Call : +91 916 056 5554

We are present in 

  • Delhi

  • Mumbai

  • Pune

  • Ahmedabad

  • Bangalore

  • Chennai

  • Chandigarh

  • Hyderabad