Installation

Install the Usersnap Widget on Your Site or on Your App

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


Installation


Install the Usersnap Widget on Your Site or on Your App

Suggested Edits are limited on API Reference Pages

You can only suggest edits to Markdown body content, but not to the API spec.