Create a project first
Installation
Browser extension
Displaying and hiding the feedback button and widgets
Testing your configuration
General
The Usersnap feedback platform widgets work on all major desktop and mobile browsers.
Examples for popular frameworks
We've got some sample code for installing widgets in different popular frameworks in the repository below:
What is the Global Snippet?
The Usersnap snippet code (which is a global snippet) is a central installation code snippet (written in JavaScript) that you or your developers have to install on your web application or website. You don't need to install one per project, you just need this global one.
Find detailed information about the Usersnap snippet code
Install via HTML code
To install it on your website or in your digital product just follow these steps:
- Step 1. Go to the installation menu outside of all projects (on the left menu)
- Step 2. Click on "Copy Code" to copy the Usersnap snippet code
- Step 3. Paste this code snippet at the end of your website, just before the closing </ body > tag
Done. You can start using Usersnap.
Install via Google Tag Manager
It is possible to add the Usersnap Platform Project widget to your website by using Google Tag Manager.
- Step 1. Create a new tag
- Step 2. Choose "Custom HTML" as tag type
- Step 3. Insert the Usersnap code snippet
- Step 4. Add a trigger and save your new tag
Once you've applied these changes to your website or web application, your users and website visitors can start sending QA feedback and customer satisfaction ratings to your team.
Install on WordPress
Usersnap is available as WordPress plugin, installing it is straightforward. You can download it here.
Concerning the installation via Wordpress of the Global snippet, you only need to enter the API key of the global widget and then it works.
It’s like having the global snippet installed on your Wordpress page, and you can configure everything else in the project settings/display rules from the dashboard.
What is a project-specific snippet?
When to use the project-specific snippet code?
If you want to make sure that your projects are clearly separated, you can use the project-specific snippet code. If you install this one, you can't use the "display rules" to change the visibility via the dashboard. But it is clearly separated from all other projects.
In case you are doing quality assurance or your client is approving their website, it may make sense to use this project-specific snippet code.
You can still install the feedback widget per project with the project-specific widget, you will find this in the advanced section of the installation.
Installation of Usersnap Classic (legacy)
Usersnap Classic (Legacy) installation
If you are still using our legacy project types, please read about the installation here - Install the Usersnap Classic Widget
Updated about a month ago