NOTE: Beginning with Chrome version 69 and in later versions, a defect was introduced which prevents users from adding bookmarks to the Chrome bookmarks bar via drag-and-drop. To install the HUD bookmark in your Chrome bookmarks bar, see the alternative installation method near the end of this page. You can help expedite a fix for the Chrome issue by voting for this post in the Google Chrome Help Forum.
How to install Heads Up Display on your browser
Before you Start
To add the bookmarklet on Chrome make sure your bookmarks bar is viewable. If it's not, you can use the keyboard shortcuts Ctrl+Shift+B (Windows and Chrome OS) or Command+Shift+B (Mac).
Drag this icon:
Up to your bookmark bar
Open a new tab and go to your website.
Click the Activate HUD bookmarklet. Don't worry if nothing happens right away.
Refresh the page.
Once the page has finished loading, you should see the Heads Up Display dock in the upper right hand of your screen.
Select the toggle to open the Heads Up Display dock.