Bug Tracking

Using Typo3? Add the Bug Tracker Usersnap to your CMS!

TYPO3 is an enterprise-class, open source content management system, used to build and manage websites of all types. One of the great things about TYPO3 is that one can add new types of content elements fairly easily. Say, for instance, a feedback button for your visitors and customers. We are working on a plugin, but in the meantime, here are the needed steps to include Usersnap – the visual bug tracker for web development – into your Typo3 site.

  1. Log into your backend
  2. Left Menu: Click on “Template”
  3. Select your start page (earth icon)
  4. Select “Info/Modify” in the Dropdown menu of the template
  5. Click on the edit button next to setup (pencil icon) – it’s the last entry in the table
  6. A editor opens, insert this code (with your Usersnap snippet) at the end:

page.footerData.9999 = TEXT
page.footerData.9999.value (
<script type="text/javascript">
(function() {
var s = document.createElement("script");
s.type = "text/javascript";
s.async = true;
s.src = '//api.usersnap.com/load/'+
'YOUR-API-KEY-HERE.js';
var x = document.getElementsByTagName('script')[0];
x.parentNode.insertBefore(s, x);
})();
</script>
)

Make sure your Usersnap snippet is inserted between the two parentheses () after page.footerData.9999.value. The snippet (and the tools available under the feedback button) can be customized using the Usersnap configurator.

Next time you’ll open your Typo3 page, you’ll notice the feedback button. Make sure to try it out and send an annotated screenshot to your inbox (or to the project management / customer service tool, you’ve selected in your Usersnap dashboard). Nifty, huh?

Happy developing!

Gregor Dorfbauer

Recent Posts

How to Create a B2B Ideal Customer Profile (ICP) with Examples of Research from Leah Tharin

Imagine fishing without bait. You might get lucky, but most of the time, you’ll be…

3 days ago

9 Product Discovery Techniques/Methods to Build the Right Product

Product managers often feel stuck during discovery. The pressure to ship fast turns discovery into…

2 weeks ago

Product Discovery Process: Aligning Insights with the PDLC

Imagine launching a product feature that no one uses. The team spent months building it,…

1 month ago

10 Best Customer Feedback Examples to Improve PDLC

Customer feedback isn’t just a checkbox—it’s the fuel that drives great products forward. 🚀 We’re…

2 months ago

30 Essential Product Discovery Questions to Uncover User Needs

The key isn’t just understanding users but unlocking insights that lead to solutions they can’t…

2 months ago

17 Excellent Open Source Bug Tracking Tools in 2025

Over the last few years, the role of developers has evolved dramatically. They’re no longer…

4 months ago