Skip to main content

Chapter 2: Installing BugHerd

How to set up BugHerd to work on your website.

Richard O'Brien avatar
Written by Richard O'Brien
Updated over 2 weeks ago

In this chapter we’ll cover:

Choosing the install method that’s right for you

✅ How to Install BugHerd

✅ Testing BugHerd on your website


Choosing the install method that’s right for you

To make the BugHerd sidebar appear on your website, you’ll need to install BugHerd. There are 3 options to achieve this depending on your project's needs and your team’s (or client’s) technical comfort level:

Install method

Pros

Cons

JavaScript Code (Recommended)

✅ Best experience for Clients and members as they don’t need to install anything

✅ Useful for collecting client feedback after website is launched

⚠️ Standard and Studio plans don’t capture screenshots on tasks

Browser extension

✅ Great for websites that you can’t access the code

✅ Captures screenshots on every plan

⚠️ Members and clients also need the browser extension

WordPress plugin

✅ Easy to install on WordPress

✅ Captures feedback on WordPress sites and Admin

⚠️ Standard and Studio plans don’t capture screenshots on tasks

1. JavaScript Code (Recommended)

The recommended method if you're working with non-technical users. Simply embed the provided JavaScript snippet directly into your website's <head> section. This allows anyone to use BugHerd immediately, without the need for installing additional software or extensions.

To do this click on "⚙️ Settings" then "Install BugHerd" and copy the code snippet.

💡Pro Tip:

You can also use Google Tag Manager to install BugHerd on your site. See our Tag Manager guide here.

2. Browser Extension (No-Code Option)

Perfect for getting started quickly or when you don’t have access to your website’s code. Install the BugHerd browser extension to start capturing feedback right away, without embedding code. However, this option requires all users, especially non-technical team members, to also install the extension in order to use BugHerd, which can occasionally be a hurdle to smooth adoption.

Choose from one of our install guides below to learn more.

3. WordPress Plugin

If your site runs on WordPress, the BugHerd plugin is your fastest route to integration. It's easy to install and eliminates the need for manual JavaScript insertion in your website’s <head>. Plus, you'll gain the extra convenience of using BugHerd directly within your WordPress admin area.

Testing BugHerd is working on your website

Now that you have BugHerd installed using one of the methods described above, it’s important to give it a try for yourself to make sure everything is working as expected.

How to test BugHerd works on your website:

  1. Go to your website, either visit it directly or use the share link from your BugHerd project.

  2. You should see the BugHerd sidebar appear in the bottom corner. Can’t see it? Check our troubleshooting guide here.

  3. Click the + button in the sidebar to create a task.

  4. Click anywhere on the page to pin your feedback.

Once the task is created, you should see:

✅ A pin on the page where the task was placed

✅ A screenshot of the page at the time of feedback

✅ Some handy browser and OS details to help your team replicate issues

🚫 Not seeing a screenshot?

That’s usually a sign something’s not quite right with the setup. Follow this guide to troubleshoot screenshots.


💬 Have questions? We're here to help

Reach out in-app or email us at [email protected] and we’ll get you sorted. Or book a demo for a personalised walkthrough with our team.

Did this answer your question?