For the SDK to work, you need an API key, which you can get for free at app.gleap.io.
Installing the Gleap SDK takes only a few seconds. We do offer the following two installation methods.
Code snippet: This method always loads the latest version of Gleap and is suitable for all use cases.
npm / yarn: This method allows you to install the Gleap SDK locally and ship it together with your application. This method is usually used with frameworks like Angular, React or Vue.js.
- Code snippet
- npm / yarn
Add the following code snippet to the
<head>-tag of your website or web app. Replace
API-KEY with your API key. The snippet below will load the Gleap widget asynchronously, to ensure it won't affect your page speed.
Install the Gleap package via npm or yarn.
npm install gleap --save
Initialize the Gleap SDK
import Gleap from "gleap";
// Please make sure to call this method only once!
Congrats! You are now all set 🎉 Report your first bug by using the feedback button
😵💫 Common pitfalls
Some application stacks clear all HTML & CSS while soft reloading (for example with Ruby on Rails). This results in the widget being removed. In order to re-initialize the widget, we recommend doing a soft re-initialization after the soft reload did take place.
// Usage with Turbo (https://turbo.hotwired.dev/handbook/building)
// Depending on your stack, you might need to add the following eventlistener.
Screenshot rendering issues
If you are facing any screenshot rendering issues, there are a few different action items you could try right away. We have written a complete help page that you can find here.
🤝 Need help?
We are here to help! [email protected]