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.
⚠️ Important information about the BugHerd tab on production websites.
If you use the the javascript snippet to gather feedback (rather than a browser extension) on a production website, the BugHerd tab will be visible on the website to anyone visiting your website, not just BugHerd users. Clicking the tab will open the BugHerd login screen.
We recommend that you don’t install the BugHerd Javascript code on your production websites. If you need to gather feedback on production websites, you can get your clients to install the BugHerd chrome extension as an alternative to the javascript code snippet.
Step 1: Copy your Project's embed code
Obtain the code from the "⚙️ Project Settings" menu, by selecting "install bugherd":
The required JavaScript code can be copied from the "Install BugHerd" dialogue:
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. 😀
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.
-
To get the best performance out of BugHerd, we recommend placing the embed script in your HEAD tags.
-
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.
-
You need to be logged into BugHerd (the website) in the same browser you use BugHerd (the widget).