{"id":1198,"date":"2013-08-20T12:13:02","date_gmt":"2013-08-20T10:13:02","guid":{"rendered":"https:\/\/usersnap.com\/?p=1198"},"modified":"2025-10-09T10:44:21","modified_gmt":"2025-10-09T08:44:21","slug":"using-typo3-add-usersnap-to-your-cms","status":"publish","type":"post","link":"https:\/\/usersnap.com\/blog\/using-typo3-add-usersnap-to-your-cms\/","title":{"rendered":"Using Typo3? Add the Bug Tracker Usersnap to your CMS!"},"content":{"rendered":"\n

TYPO3<\/a> is an enterprise-class, open source<\/a> 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.<\/p>\n\n\n

Try Usersnap for Bug Tracking<\/h2>Try Usersnap Now<\/a><\/div>\n\n\n\n

<\/p>\n\n\n\n

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

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

    \n
    \"Usersnap<\/a><\/figure>\n<\/div>\n\n\n

    <\/p>\n\n\n\n

    Make sure your Usersnap snippet<\/a> is inserted between the two parentheses ()<\/code> after page.footerData.9999.value<\/code>. The snippet (and the tools available<\/a> under the feedback button) can be customized using the Usersnap configurator<\/a>.<\/p>\n\n\n\n

    Next time you\u2019ll open your Typo3 page, you\u2019ll 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\u2019ve selected in your Usersnap dashboard<\/a>). Nifty, huh?<\/p>\n\n\n\n

    Happy developing!<\/p>\n","protected":false},"excerpt":{"rendered":"

    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 […]<\/p>\n","protected":false},"author":10,"featured_media":1200,"comment_status":"closed","ping_status":"closed","sticky":false,"template":"","format":"standard","meta":{"_acf_changed":true,"inline_featured_image":false,"ub_ctt_via":"","footnotes":""},"categories":[855],"tags":[],"class_list":["post-1198","post","type-post","status-publish","format-standard","has-post-thumbnail","hentry","category-bug-tracking-blog"],"acf":[],"featured_image_src":"https:\/\/usersnap.com\/blog\/wp-content\/uploads\/2013\/07\/screenshot66.png","author_info":{"display_name":"Gregor Dorfbauer","author_link":"https:\/\/usersnap.com\/blog\/author\/gregor\/"},"yoast_head":"\nUsing Typo3? Add the Bug Tracker Usersnap to your CMS!<\/title>\n<meta name=\"description\" content=\"We are working on a plugin for Typo3, but in the meantime, here are the needed steps to include Usersnap into your Typo3 site!\" \/>\n<meta name=\"robots\" content=\"index, follow, max-snippet:-1, max-image-preview:large, max-video-preview:-1\" \/>\n<link rel=\"canonical\" href=\"https:\/\/usersnap.com\/blog\/using-typo3-add-usersnap-to-your-cms\/\" \/>\n<meta property=\"og:locale\" content=\"en_US\" \/>\n<meta property=\"og:type\" content=\"article\" \/>\n<meta property=\"og:title\" content=\"Using Typo3? Add the Bug Tracker Usersnap to your CMS!\" \/>\n<meta property=\"og:description\" content=\"We are working on a plugin for Typo3, but in the meantime, here are the needed steps to include Usersnap into your Typo3 site!\" \/>\n<meta property=\"og:url\" content=\"https:\/\/usersnap.com\/blog\/using-typo3-add-usersnap-to-your-cms\/\" \/>\n<meta property=\"og:site_name\" content=\"Usersnap Blog\" \/>\n<meta property=\"article:publisher\" content=\"https:\/\/www.facebook.com\/usersnap\" \/>\n<meta property=\"article:published_time\" content=\"2013-08-20T10:13:02+00:00\" \/>\n<meta property=\"article:modified_time\" content=\"2025-10-09T08:44:21+00:00\" \/>\n<meta property=\"og:image\" content=\"https:\/\/usersnap.com\/blog\/wp-content\/uploads\/2013\/07\/screenshot66.png\" \/>\n\t<meta property=\"og:image:width\" content=\"1370\" \/>\n\t<meta property=\"og:image:height\" content=\"794\" \/>\n\t<meta property=\"og:image:type\" content=\"image\/png\" \/>\n<meta name=\"author\" content=\"Gregor Dorfbauer\" \/>\n<meta name=\"twitter:card\" content=\"summary_large_image\" \/>\n<meta name=\"twitter:creator\" content=\"@dorfbauer\" \/>\n<meta name=\"twitter:site\" content=\"@usersnap\" \/>\n<meta name=\"twitter:label1\" content=\"Written by\" \/>\n\t<meta name=\"twitter:data1\" content=\"Gregor Dorfbauer\" \/>\n\t<meta name=\"twitter:label2\" content=\"Est. reading time\" \/>\n\t<meta name=\"twitter:data2\" content=\"2 minutes\" \/>\n<script type=\"application\/ld+json\" class=\"yoast-schema-graph\">{\"@context\":\"https:\/\/schema.org\",\"@graph\":[{\"@type\":\"Article\",\"@id\":\"https:\/\/usersnap.com\/blog\/using-typo3-add-usersnap-to-your-cms\/#article\",\"isPartOf\":{\"@id\":\"https:\/\/usersnap.com\/blog\/using-typo3-add-usersnap-to-your-cms\/\"},\"author\":{\"name\":\"Gregor Dorfbauer\",\"@id\":\"https:\/\/usersnap.com\/blog\/#\/schema\/person\/fd366e0037419a62e10ecc30b27d5595\"},\"headline\":\"Using Typo3? Add the Bug Tracker Usersnap to your CMS!\",\"datePublished\":\"2013-08-20T10:13:02+00:00\",\"dateModified\":\"2025-10-09T08:44:21+00:00\",\"mainEntityOfPage\":{\"@id\":\"https:\/\/usersnap.com\/blog\/using-typo3-add-usersnap-to-your-cms\/\"},\"wordCount\":224,\"publisher\":{\"@id\":\"https:\/\/usersnap.com\/blog\/#organization\"},\"image\":{\"@id\":\"https:\/\/usersnap.com\/blog\/using-typo3-add-usersnap-to-your-cms\/#primaryimage\"},\"thumbnailUrl\":\"https:\/\/usersnap.com\/blog\/wp-content\/uploads\/2013\/07\/screenshot66.png\",\"articleSection\":[\"Bug Tracking\"],\"inLanguage\":\"en-US\"},{\"@type\":\"WebPage\",\"@id\":\"https:\/\/usersnap.com\/blog\/using-typo3-add-usersnap-to-your-cms\/\",\"url\":\"https:\/\/usersnap.com\/blog\/using-typo3-add-usersnap-to-your-cms\/\",\"name\":\"Using Typo3? Add the Bug Tracker Usersnap to your CMS!\",\"isPartOf\":{\"@id\":\"https:\/\/usersnap.com\/blog\/#website\"},\"primaryImageOfPage\":{\"@id\":\"https:\/\/usersnap.com\/blog\/using-typo3-add-usersnap-to-your-cms\/#primaryimage\"},\"image\":{\"@id\":\"https:\/\/usersnap.com\/blog\/using-typo3-add-usersnap-to-your-cms\/#primaryimage\"},\"thumbnailUrl\":\"https:\/\/usersnap.com\/blog\/wp-content\/uploads\/2013\/07\/screenshot66.png\",\"datePublished\":\"2013-08-20T10:13:02+00:00\",\"dateModified\":\"2025-10-09T08:44:21+00:00\",\"description\":\"We are working on a plugin for Typo3, but in the meantime, here are the needed steps to include Usersnap into your Typo3 site!\",\"inLanguage\":\"en-US\",\"potentialAction\":[{\"@type\":\"ReadAction\",\"target\":[\"https:\/\/usersnap.com\/blog\/using-typo3-add-usersnap-to-your-cms\/\"]}]},{\"@type\":\"ImageObject\",\"inLanguage\":\"en-US\",\"@id\":\"https:\/\/usersnap.com\/blog\/using-typo3-add-usersnap-to-your-cms\/#primaryimage\",\"url\":\"https:\/\/usersnap.com\/blog\/wp-content\/uploads\/2013\/07\/screenshot66.png\",\"contentUrl\":\"https:\/\/usersnap.com\/blog\/wp-content\/uploads\/2013\/07\/screenshot66.png\",\"width\":1370,\"height\":794,\"caption\":\"Usersnap snippet in TYPO3 CMS\"},{\"@type\":\"WebSite\",\"@id\":\"https:\/\/usersnap.com\/blog\/#website\",\"url\":\"https:\/\/usersnap.com\/blog\/\",\"name\":\"Usersnap Blog\",\"description\":\"Learn more about how to collect user feedback and build better products with the magic power of feedback.\",\"publisher\":{\"@id\":\"https:\/\/usersnap.com\/blog\/#organization\"},\"potentialAction\":[{\"@type\":\"SearchAction\",\"target\":{\"@type\":\"EntryPoint\",\"urlTemplate\":\"https:\/\/usersnap.com\/blog\/?s={search_term_string}\"},\"query-input\":{\"@type\":\"PropertyValueSpecification\",\"valueRequired\":true,\"valueName\":\"search_term_string\"}}],\"inLanguage\":\"en-US\"},{\"@type\":\"Organization\",\"@id\":\"https:\/\/usersnap.com\/blog\/#organization\",\"name\":\"Usersnap\",\"url\":\"https:\/\/usersnap.com\/blog\/\",\"logo\":{\"@type\":\"ImageObject\",\"inLanguage\":\"en-US\",\"@id\":\"https:\/\/usersnap.com\/blog\/#\/schema\/logo\/image\/\",\"url\":\"https:\/\/usersnap.com\/wp-content\/uploads\/2020\/08\/Usersnap-Updated-Logo.png\",\"contentUrl\":\"https:\/\/usersnap.com\/wp-content\/uploads\/2020\/08\/Usersnap-Updated-Logo.png\",\"width\":136,\"height\":26,\"caption\":\"Usersnap\"},\"image\":{\"@id\":\"https:\/\/usersnap.com\/blog\/#\/schema\/logo\/image\/\"},\"sameAs\":[\"https:\/\/www.facebook.com\/usersnap\",\"https:\/\/x.com\/usersnap\"]},{\"@type\":\"Person\",\"@id\":\"https:\/\/usersnap.com\/blog\/#\/schema\/person\/fd366e0037419a62e10ecc30b27d5595\",\"name\":\"Gregor Dorfbauer\",\"image\":{\"@type\":\"ImageObject\",\"inLanguage\":\"en-US\",\"@id\":\"https:\/\/usersnap.com\/blog\/#\/schema\/person\/image\/\",\"url\":\"https:\/\/secure.gravatar.com\/avatar\/b5ae51f9dc4a7502a9a3f98e68ef97a4ebd1f3e7e2d7f00e6b108c69f96ae1bc?s=96&d=mm&r=g\",\"contentUrl\":\"https:\/\/secure.gravatar.com\/avatar\/b5ae51f9dc4a7502a9a3f98e68ef97a4ebd1f3e7e2d7f00e6b108c69f96ae1bc?s=96&d=mm&r=g\",\"caption\":\"Gregor Dorfbauer\"},\"sameAs\":[\"https:\/\/x.com\/dorfbauer\"],\"url\":\"https:\/\/usersnap.com\/blog\/author\/gregor\/\"}]}<\/script>\n<!-- \/ Yoast SEO plugin. -->","yoast_head_json":{"title":"Using Typo3? Add the Bug Tracker Usersnap to your CMS!","description":"We are working on a plugin for Typo3, but in the meantime, here are the needed steps to include Usersnap into your Typo3 site!","robots":{"index":"index","follow":"follow","max-snippet":"max-snippet:-1","max-image-preview":"max-image-preview:large","max-video-preview":"max-video-preview:-1"},"canonical":"https:\/\/usersnap.com\/blog\/using-typo3-add-usersnap-to-your-cms\/","og_locale":"en_US","og_type":"article","og_title":"Using Typo3? Add the Bug Tracker Usersnap to your CMS!","og_description":"We are working on a plugin for Typo3, but in the meantime, here are the needed steps to include Usersnap into your Typo3 site!","og_url":"https:\/\/usersnap.com\/blog\/using-typo3-add-usersnap-to-your-cms\/","og_site_name":"Usersnap Blog","article_publisher":"https:\/\/www.facebook.com\/usersnap","article_published_time":"2013-08-20T10:13:02+00:00","article_modified_time":"2025-10-09T08:44:21+00:00","og_image":[{"width":1370,"height":794,"url":"https:\/\/usersnap.com\/blog\/wp-content\/uploads\/2013\/07\/screenshot66.png","type":"image\/png"}],"author":"Gregor Dorfbauer","twitter_card":"summary_large_image","twitter_creator":"@dorfbauer","twitter_site":"@usersnap","twitter_misc":{"Written by":"Gregor Dorfbauer","Est. reading time":"2 minutes"},"schema":{"@context":"https:\/\/schema.org","@graph":[{"@type":"Article","@id":"https:\/\/usersnap.com\/blog\/using-typo3-add-usersnap-to-your-cms\/#article","isPartOf":{"@id":"https:\/\/usersnap.com\/blog\/using-typo3-add-usersnap-to-your-cms\/"},"author":{"name":"Gregor Dorfbauer","@id":"https:\/\/usersnap.com\/blog\/#\/schema\/person\/fd366e0037419a62e10ecc30b27d5595"},"headline":"Using Typo3? Add the Bug Tracker Usersnap to your CMS!","datePublished":"2013-08-20T10:13:02+00:00","dateModified":"2025-10-09T08:44:21+00:00","mainEntityOfPage":{"@id":"https:\/\/usersnap.com\/blog\/using-typo3-add-usersnap-to-your-cms\/"},"wordCount":224,"publisher":{"@id":"https:\/\/usersnap.com\/blog\/#organization"},"image":{"@id":"https:\/\/usersnap.com\/blog\/using-typo3-add-usersnap-to-your-cms\/#primaryimage"},"thumbnailUrl":"https:\/\/usersnap.com\/blog\/wp-content\/uploads\/2013\/07\/screenshot66.png","articleSection":["Bug Tracking"],"inLanguage":"en-US"},{"@type":"WebPage","@id":"https:\/\/usersnap.com\/blog\/using-typo3-add-usersnap-to-your-cms\/","url":"https:\/\/usersnap.com\/blog\/using-typo3-add-usersnap-to-your-cms\/","name":"Using Typo3? Add the Bug Tracker Usersnap to your CMS!","isPartOf":{"@id":"https:\/\/usersnap.com\/blog\/#website"},"primaryImageOfPage":{"@id":"https:\/\/usersnap.com\/blog\/using-typo3-add-usersnap-to-your-cms\/#primaryimage"},"image":{"@id":"https:\/\/usersnap.com\/blog\/using-typo3-add-usersnap-to-your-cms\/#primaryimage"},"thumbnailUrl":"https:\/\/usersnap.com\/blog\/wp-content\/uploads\/2013\/07\/screenshot66.png","datePublished":"2013-08-20T10:13:02+00:00","dateModified":"2025-10-09T08:44:21+00:00","description":"We are working on a plugin for Typo3, but in the meantime, here are the needed steps to include Usersnap into your Typo3 site!","inLanguage":"en-US","potentialAction":[{"@type":"ReadAction","target":["https:\/\/usersnap.com\/blog\/using-typo3-add-usersnap-to-your-cms\/"]}]},{"@type":"ImageObject","inLanguage":"en-US","@id":"https:\/\/usersnap.com\/blog\/using-typo3-add-usersnap-to-your-cms\/#primaryimage","url":"https:\/\/usersnap.com\/blog\/wp-content\/uploads\/2013\/07\/screenshot66.png","contentUrl":"https:\/\/usersnap.com\/blog\/wp-content\/uploads\/2013\/07\/screenshot66.png","width":1370,"height":794,"caption":"Usersnap snippet in TYPO3 CMS"},{"@type":"WebSite","@id":"https:\/\/usersnap.com\/blog\/#website","url":"https:\/\/usersnap.com\/blog\/","name":"Usersnap Blog","description":"Learn more about how to collect user feedback and build better products with the magic power of feedback.","publisher":{"@id":"https:\/\/usersnap.com\/blog\/#organization"},"potentialAction":[{"@type":"SearchAction","target":{"@type":"EntryPoint","urlTemplate":"https:\/\/usersnap.com\/blog\/?s={search_term_string}"},"query-input":{"@type":"PropertyValueSpecification","valueRequired":true,"valueName":"search_term_string"}}],"inLanguage":"en-US"},{"@type":"Organization","@id":"https:\/\/usersnap.com\/blog\/#organization","name":"Usersnap","url":"https:\/\/usersnap.com\/blog\/","logo":{"@type":"ImageObject","inLanguage":"en-US","@id":"https:\/\/usersnap.com\/blog\/#\/schema\/logo\/image\/","url":"https:\/\/usersnap.com\/wp-content\/uploads\/2020\/08\/Usersnap-Updated-Logo.png","contentUrl":"https:\/\/usersnap.com\/wp-content\/uploads\/2020\/08\/Usersnap-Updated-Logo.png","width":136,"height":26,"caption":"Usersnap"},"image":{"@id":"https:\/\/usersnap.com\/blog\/#\/schema\/logo\/image\/"},"sameAs":["https:\/\/www.facebook.com\/usersnap","https:\/\/x.com\/usersnap"]},{"@type":"Person","@id":"https:\/\/usersnap.com\/blog\/#\/schema\/person\/fd366e0037419a62e10ecc30b27d5595","name":"Gregor Dorfbauer","image":{"@type":"ImageObject","inLanguage":"en-US","@id":"https:\/\/usersnap.com\/blog\/#\/schema\/person\/image\/","url":"https:\/\/secure.gravatar.com\/avatar\/b5ae51f9dc4a7502a9a3f98e68ef97a4ebd1f3e7e2d7f00e6b108c69f96ae1bc?s=96&d=mm&r=g","contentUrl":"https:\/\/secure.gravatar.com\/avatar\/b5ae51f9dc4a7502a9a3f98e68ef97a4ebd1f3e7e2d7f00e6b108c69f96ae1bc?s=96&d=mm&r=g","caption":"Gregor Dorfbauer"},"sameAs":["https:\/\/x.com\/dorfbauer"],"url":"https:\/\/usersnap.com\/blog\/author\/gregor\/"}]}},"_links":{"self":[{"href":"https:\/\/usersnap.com\/blog\/wp-json\/wp\/v2\/posts\/1198","targetHints":{"allow":["GET"]}}],"collection":[{"href":"https:\/\/usersnap.com\/blog\/wp-json\/wp\/v2\/posts"}],"about":[{"href":"https:\/\/usersnap.com\/blog\/wp-json\/wp\/v2\/types\/post"}],"author":[{"embeddable":true,"href":"https:\/\/usersnap.com\/blog\/wp-json\/wp\/v2\/users\/10"}],"replies":[{"embeddable":true,"href":"https:\/\/usersnap.com\/blog\/wp-json\/wp\/v2\/comments?post=1198"}],"version-history":[{"count":0,"href":"https:\/\/usersnap.com\/blog\/wp-json\/wp\/v2\/posts\/1198\/revisions"}],"wp:featuredmedia":[{"embeddable":true,"href":"https:\/\/usersnap.com\/blog\/wp-json\/wp\/v2\/media\/1200"}],"wp:attachment":[{"href":"https:\/\/usersnap.com\/blog\/wp-json\/wp\/v2\/media?parent=1198"}],"wp:term":[{"taxonomy":"category","embeddable":true,"href":"https:\/\/usersnap.com\/blog\/wp-json\/wp\/v2\/categories?post=1198"},{"taxonomy":"post_tag","embeddable":true,"href":"https:\/\/usersnap.com\/blog\/wp-json\/wp\/v2\/tags?post=1198"}],"curies":[{"name":"wp","href":"https:\/\/api.w.org\/{rel}","templated":true}]}}