Chrome Extension Update: New Shortcut Feature & Tab Update

We are happy to announce new features for our Usersnap Chrome Extension! We added a new keyboard shortcut to the chrome extension, as well as an update for managing the browser tabs.

New Keyboard Shortcut

We added a new shortcut (default: Alt + U) to the Chrome extension which lets you open the extension in a very simplistic way. Instead of clicking on the extension icon you can open Usersnap by pressing “Alt + U” (or any other shortcut of your choice). Find the option in the extension options by right-clicking on the Usersnap icon.

keyboard-shortcut-for-usersnap-chrome-extension

 

The added feature is particularly helpful for annotating mouse-over popups, dropdown boxes or any other pull-down menu. By using the shortcut you can now annotate all these “dynamic contents”.

keyboard-shortcut-for-usersnap-chrome-extensio-2

Tab Update

With the updated Chrome extension we improved the behaviour of the extension. If you open the Usersnap extension by clicking the extension icon in your browser, the screen for your annotations will now open in a tab right next to your opened browser tab. After finishing your annotations you are redirected to your “old” browser tab which allows you to continue browsing the web just where you stopped beforehand.

Do you miss any features?

If you have any feature ideas, don’t hesitate to contact us: help@usersnap.com or leave us a tweet @usersnap.

You don’t have the Chrome extension installed?

Visit the Chrome Web Store and download the Usersnap browser extension.

How to integrate Usersnap in your development workflow

Usersnap can be integrated easily to any type of web page. The Usersnap help page offers an overview of how to integrate Usersnap in your site using a simple JavaScript snippet. We offer various CMS plugins for WordPress, Drupal or Joomla – but it doesn’t end there!

If you want to customize your Usersnap integration – for example: show it only to logged-in users, or add additional backend information to the report – you need to include Usersnap manually in your template. Are you a PHP, Python or RoR dev? Then you’re in luck, as we describe how to integrate Usersnap using those languages in this post! Speed up your development workflow!

Include Usersnap with PHP

Save your Usersnap snippet in a file called usersnap.inc.php which includes your API-Key. You can even fetch this API key from a config file or environment variable.

Continue Reading “How to integrate Usersnap in your development workflow”