Installing BugHerd using JavaScript

  • Last updated on June 19, 2024 at 1:54 AM

Embedding the BugHerd script directly into your site is the recommended way of using BugHerd. Although browser extensions are an easy way to get started, any members or guests on your project would need to install them too. But with the script embedded in your site, extensions are no longer required - BugHerd is always there ready to use once a user is invited. All members and guests you invite to leave feedback need to be logged in to BugHerd to view the sidebar. The Javascript snippet is also needed if you'd like to use BugHerd on mobile devices.

Step 1: Copy your Project's embed code

Click on "⚙️ Settings" then "Install BugHerd":


Copy the JavaScript code from the "Install Javascript code" dialogue box:


Step 2: Paste the code into "head" of your website

Next, paste the code into the "head" tag of your website and that's it! Simple. 😀

If you don't have access to the code, you can click the "Send instructions" tab and request help from a developer. 

 

A few other things to keep in mind

The BugHerd widget can pretty much be placed anywhere within your HTML. There are few simple things to keep in mind, however.

  1. To get the best performance out of BugHerd, we recommend placing the embed script in your HEAD tags.

  2. Make sure you put the script in a Master page or your application-wide layout to ensure the widget is available on all your pages.

  3. You need to be logged into BugHerd (the website) in the same browser you use BugHerd (the widget).