Update! (Jan 6, 2010)
I have made a HootSuite Fluid app that you can download from http://hootsuite.com/apps. It’s the exact same one outlined in this blog post, but saves you the work! Also check out my Translator script to translate tweets in HootSuite.

HootSuite is a very powerful web-based Twitter client. It runs inside your browser, meaning that there’s nothing to install, and you can access it and use it the same way from any computer.

(Disclosure: I am currently a developer on the HootSuite team)

However, I came from a background of Twitterrific, Tweetdeck, and other desktop Twitter apps, and running HootSuite inside a tab in my browser just doesn’t feel right.  I need my Twitter fix right on my dock!

Fortunately, there’s an app on the Mac called Fluid, which allows you to create a site-specific browser that acts as a separate application.  Download Fluid and open it up!  Also, download this HootSuite icon – we will use it as the app icon (for displaying in the dock).

This is the main Fluid set up screen, here you can enter http://hootsuite.com as the URL, and give a name to the app (HootSuite, HootSuite Twitter client, etc):

HootSuite on fluid.app

Next, click on the Icon dropdown and choose “Other…”, and choose the HootSuite icon downloaded earlier.  Fluid should give you a preview of it:

HootSuite on fluid.app

That’s it!  Click “Create” and let Fluid do its magic.

HootSuite on fluid.app

Success!  Choose “Launch Now” and don’t forget to keep the icon in your dock (right-click on the dock icon and choose “Keep in Dock”).

HootSuite on fluid.app

Update:

You may have experienced your new HootSuite fluid app opening the site in a new browser window (instead of inside the fluid app itself).  That surely defeats the point of having a site-specific browser!  To fix it, goto your HootSuite fluid app’s preference:

HootSuite on fluid

Choose “Advanced”, and edit the very first entry in the “Pattern” list (double click on it), and change it to *.hootsuite.com*:

HootSuite on fluid

That should do it!  (Thanks to commenter Tim for pointing the issue out)

10 Responses to “HOW TO: HootSuite on your Mac dock with fluid.app”

Tried setting up hootsuite with Fluid earlier today (before I saw this post). Followed the basic instructions you outlined here, but it wouldn’t work for me. When I tried to login through the SSB it kept opening hootsuite in a FF tab instead. Then followed these instructions and now it works:
http://groups.google.com/group/fluidapp/web/making-fluid-ssbs-browse-only-pages-you-want

Comment by Tim — July 30, 2009 @ 6:02 pm

also, these were the specific links I added to Preferences –> Advanced
http://img.skitch.com/20090731-mw9maerpw3er21d2fdnwsux5pw.png

Comment by Tim — July 30, 2009 @ 6:07 pm

Thanks Tim, I’ve updated the post to address the issue. Cheers!

Comment by David Chan — July 30, 2009 @ 6:25 pm

thanks! great app, and neatly tight explanations to get a good grip on it.

one small detail. above the last screenshot, you finish the line with:

*.hootsuite.com*

it should be

*hootsuite.com*

best
m

Comment by mlelao@vientiane — September 11, 2009 @ 1:57 pm

I run Hootsuite as an app on both my Mac and my PC using Firefox and the Prizm add-on. This makes converting a Web site to an app very simple.

I run Hulu the same way, preferring it overall to the Hulu Mac client.

Another option to consider :)

Comment by Rob S. — September 11, 2009 @ 2:13 pm

Thanks for the icon David! Good tutorial too. You should add the HootSuite icon to the Flickr Fluid Icon pool – http://www.flickr.com/groups/fluid_icons/ …. that’s where I always go to find Fluid icons. The pool needs one for HootSuite! :)

Comment by Colin Pritchard — November 12, 2009 @ 2:35 pm

[...] install this script in your HootSuite Fluid app (Mac), visit the script page and save the script to your desktop, then drag it into your HootSuite [...]

[...] How to use Fluid to create a HootSuite Mac Widget [...]

[...] I quote this article from : adavidchan.com [...]

Funnily enough, I found this page while looking for a better icon after turning HootSuite into an application in Firefox using Prism, which does the same thing but with Firefox. It puts the app on your Desktop or in Applications, from which you could drag it onto the dock.

Comment by Simon Greenwood — July 17, 2010 @ 3:04 am

leave a reply?