[](https://www.usersnap.com?utm_medium=referral&utm_source=npm&utm_campaign=npm_package)
npm install @usersnap/browser
Collect customer feedback and capture screenshots or recordings with Usersnap's website widget.
Install the code in minutes. This NPM package is written in TypeScript for installation on browser environments. If you are having issues or wants to help us improve, please visit our help center.
Next, customize the feedback form, enable screen capturing and automatic console log recording, and define audience targeting all in Usersnap's easy-to-use dashboard. Integrate projects to project management tools or service desk platforms, such as Jira, Zendesk, Salesforce.
Install the package using your preferred package manager.
``bash`
npm install @usersnap/browser
or
yarn add @usersnap/browser
Load and control widgets using your spaceApi key. Recommended way for full support of configured targeting options.
`js
import { loadSpace } from '@usersnap/browser'
const spaceApiKey = '
loadSpace(spaceApiKey).then((api) => {
api.init()
})
`
Embed your feedback form seamlessly on your website.
`js
import { loadEmbed } from '@usersnap/browser'
// DOM node of the page where the widget should get appended to
const targetNode = document.getElementById('embedWidget')
const projectApiKey '
loadEmbed(projectApiKey).then((api) => {
api.init({
mountNode: document.getElementById(targetNode)!,
})
})
`
For additional examples, see examples in our testPages folder.
1. Clone GitHub repo
2. Install dependencies
`bash`
git clone git@github.com:usersnap/usersnap.git
yarn
yarn dev
Browsers for playwright must be installed to run e2e tests:
`bash``
npx playwright install