We decided to build and port the Websnapr website preview module for Drupal 5.1 since there was no previous website preview modules submitted to Drupal.

With the help of Gurpartap Singh , we had the module built in no time. The module provides fast preview bubbles of the website when you hover over them. To see how the preview bubbles look, simply hover your cursor over one of the example links below (currently disabled on SocialSEO.com):

  • Yahoo
  • CNN
  • Drupal

If you'd like to download this module, grab the latest copy below from the official Websnapr module page on Drupal.


The WebSnapr Preview Bubble module is a simple, unobtrusive script used to display an overlay bubble showing a hyperlink target thumbnail using WebSnapr. It's a snap to setup and works on all modern browsers. Check the demo at:



Decompress the .tar.gz file and drop the entire uncompressed directories into 'sites/all/modules'. If this directory does not exist you may need to create it.

Enable the module at "example.com/drupal/?q=admin/build/modules" in Javascript package.


The module should be ready for use for links in node pages as soon as it's enabled. However, for continuous usage, you'll need to go at http://www.websnapr.com/ and get a "developer key". Feed this "developer key" in the module's settings form at example.com/drupal/?q=admin/settings/websnapr. There's also a CSS Selector option on the module's settings page for filtering hyperlinks to enable the WebSnapr Preview Bubbles for. Examples are provided for ease of understanding.

Bubbles are always enabled for hyper-links having class "previewlink", irrespective of any configuration. Do not forget to configure permissions for user roles to view WebSnapr Preview Bubbles at http://www.example.com/drupal/?q=admin/user/access#module-websnapr.

Please post any comments or questions you have about the Websnapr module below.

Drupal Development : : 


Thank you very much for sharing Was looking for it for a long time..

For D6, the module permissions are at "/admin/user/permissions#module-websnapr".

By default, snapshots will appear only for links which are within a Drupal "node" context, not (for example) a menu. You can change that via the CSS selector at "/admin/settings/websnapr".

Each snapshot is generated by sending the relevant page's URL to a specialized server at "websnapr.com", which returns a possibly cached thumbnail image. So if you're developing on "localhost", all snapshots will be blank unless you're connected to the Internet. Conversely, snapshots for "localhost" or private intranet links will be blank. That's why the test snapshot of "drupal.org" offered at "/admin/settings/websnapr" will work once the module is enabled, but your own internal links will not until you deploy your Drupal tree to an externally accessible domain.

When you search for website thumbnail generation services most of them are expensive for starters and there is no guarantee that you will always get refreshed thumbnails. I used couple of such services to get disappointed each time. Latest service I am using is www.sitethumbshot.com. I am using paid services and it is working great for me. Thumbnails are always fresh and response it is very low. Worth trying.

Add new comment

Filtered HTML

  • Web page addresses and e-mail addresses turn into links automatically.
  • Allowed HTML tags: <a> <em> <strong> <cite> <blockquote> <code> <ul> <ol> <li> <dl> <dt> <dd>
  • Lines and paragraphs break automatically.

Plain text

  • No HTML tags allowed.
  • Web page addresses and e-mail addresses turn into links automatically.
  • Lines and paragraphs break automatically.