WebSnapperPro Tutorial

TESTIMONIALS

I had excellent technical service experience with the crew at Tasty Apps. In this modern age, it can very hard to get quality service, especially on a technical level. These guys really knew their stuff and were so detailed in their advice, that it actually restored my troubled Mac Pro back to peak performance. Very, very impressed. Tasty Apps sets a standard of service that the whole country can and should follow as an example. — Sean Davey, http://seandavey.com


(...) diligent, tenacious and relentless product support (...) — Danny McCall, http://www.talentsphere.com


A ground-breaking & revolutionary array of software for Mac, Tasty-Apps' products and further tech support is so reliable - I would thoroughly recommend them to anyone. — Ryan


I've been using TastyApps' products (Videobox, Musicbox, Web Snapper, and FlagIt!) since 2009. I'm a huge fan of their products, and have also become a huge fan of their Technical Support. As a Macintosh Consultant and Software Instructor, this is not a phrase I often have the opportunity to say, and in the case of TastyApps, I'm more than pleased to be able to say it. (...) I can't say enough good things about TastyApps' Support Services. I heartily recommend their software, their company, and their Tech Support. — Stephanie Gans, http://www.aym4training.com


I didn’t use my copy of VideoBox much UNTIL I discovered that it can convert Elgato EyeTV MPEG2 files (QuickTime Pro cannot). If ever Easy VHS to DVD crashes while converting a recording (It records in MPEG2 format) – the ONLY App I have that CAN convert the leftover MPEG2 files to QuickTime MOV is VideoBox. So, Instead of paying Apple $20 for a Quick time MPEG2 Converting Plugin: I recommend you Buy VideoBox for $15 to do the Exact same Job! — Carl McCall, http://softwaresanta.com/


(...) the renew license was very easy to use and in minutes my VideoBox was working. In a time where support for most companies really sucks—I appreciate your quick and thorough turnaround to my issue—thanks for the support. — Scott Medina, http://www.isminc.com

POSTED ON
November 10, 2017

AUTHOR
Tom

CATEGORY
WebSnapperPro
Featured Apps
Tutorials

OVERVIEW

WebSnapperPro allows you to capture full web pages from your web browser with a single mouse click without the need to “stitch” or cut and paste individual screenshots.

You can save the page capture as an image file – most popular types supported – or as a vector based PDF file. You can also print the captured page, send it as an email attachment, send it to Evernote (if installed), or export it to your DropBox account, right from the WebSnapperPro interface.

INSTALL

Installation is easy. After downloading WebSnapperPro click the websnapperpro.dmg file in your downloads folder to launch the WebSnapperPro installer.

On the WebSnapperPro installation screen drag the WebSnapperPro icon and drop it onto the Applications folder icon on the installation screen and you are done.

On some systems the .dmg file might put a virtual disk on your desktop named WebSnapperPro. Click on the virtual disk to launch the WebSnapperPro installer. When done you can right click the virtual WebSnapperPro disk icon on your desktop and select “Eject” or just drag it to your Trash Bin to eject it.

SETUP

To set up the default Preferences for WebSnapperPro, launch WebSnapperPro and open the WebSnapperPro menu by clicking on “WebSnapperPro” in your Mac toolbar.



Select “Preferences…” from the WebSnapperPro dropdown menu.

Preferences General Tab



The General tab of the Preference settigs lets you set how you want WebSnapperPro to work. Here is what each option does:

Process automatically to my default location
Saves each capture immediately to the "Default Download Location" below.

Prepend title with website's domain
Adds source domain to file name of snap.

Automatically remove items from queue once processed
Whether automatically or manually saved, they can also be automatically removed from the Downloads Queue.

Maximum Number of Concurrent Downloads
Used to limit CPU usage.

Default Download Location
Use the "Change" button to set your defalut download location.

Revert to Factory Defaults
Resets all Preference options on all tabs back to orginal default settings.


Preferences Snapshot Tab



The Snapshot Tab allows you to set image details.
Here is what each option does:

Output Format:
Select PDF, BMP, GIF, JPEG, JP2, PNG, TIFF (Default is PDF)

Conversion Mode:
Available with PDF Output, Conversion Mode allows you to select either "Vector" or "Image". Image mode will provide the best visual results, Vector mode provides 'live'links and selectable text. (Default is "Image").

Compression:
Available in JPEG or JP2, used to reduce file size.

Destination: Options include, Disk, E-Mail, Pasteboard, Evernote (if installed) and DropBox.

Use pagination: Only available with PDF format - used to insert page breaks in long (physical length) PDF's for printing.

Orientation: Only available with Pagination - Select "Portrait" or "Landscape".

Margins (in points): Only available in Pagination - sets the top, bottom, left, and right margins.

Include headers and footers: Only available with Pagination. The "header" is the "Title" (if defined in the page HTML) at the top left, with the Date and Time at the top right. The "footer" is the page URL at the bottom left with the page number at the bottom right.

Note: A note or identification that will be inserted above the footer.

You can set the Font Face, and Size for the header, footer, and Note using the font button.


DropBox Tab

The DropBox tab has a single option - Link/Unlink - button. See "DropBox Integration" below, for details.


INTERFACE



For Safari and Chrome users, WebSnapperPro comes with simple 1-click Insta-Link buttons at the upper left of Drop Zone. But you are not limited to Safari and Chrome, any browser can be used as explained in the Operation section below.

The white area beneath the Drop Zone is the downloads queue. As you add pages for processing you will see them here, along with options for capturing the pages.

At the bottom of the Interface there are two multipurpose buttons, "Multiple Saving..." and "Manage...". Each button has multiple, selectable functions.



OPERATION

WebSnapperPro provides 4 different capture methods: Insta-Link, Bookmarklet, Drag N Drop, and the MiniBrowser. For most pages the the results will be the same, but there can be differencess. See "Advanced Capture Techniques" below.

Captures are easy with Insta-Link – when you want to capture a page you are viewing in Safari or Chrome just click the Insta-Link button and the target page will be added to the WebSnapperPro downloads queue. The Insta-Link buttons will capture the page source with any dynamic modifications you made on the page - even if the page is protected by a login/password, as the page source is copied directly from your browser. This is usually the most reliable method...but there can be exceptions. See "Advanced Capture Techniques" below.

For other browsers WebSnapperPro has an available Bookmarklet that works in all browsers and provides 1-click captures by automating the "Manual Drag N Drop" procedure.

You can also manually drag and drop the target page URL from your browser address box and drop it onto the green “Drop Zone”. See the "Manual Drag N Drop" section below.

And WebSnapperPro has an internal MiniBrowser that can be called for difficult pages that rely heavily on external content. See "Advanced Capture Techniques" below.



In the example above three pages have been added to the downloads queue. You can process all the pages in the download queue with a single click using one of options of the multipurpose button at the bottom of the interface.

The "Manage..." multipurpose button allows you to: Process All, the items in the queue; Clear All, the items; or just Clear Completed, items.

The "Multipage Saving..." multipurpose button allows you to Save or Email, all the pages in the downloads queue to a single multipage PDF.

Don’t confuse the “Multipage Saving...” options with the "Pagination" option in the Preferences settings. Pagination is automatically enabled when using any of the "Multipage Saving..." options,and page breaks (8.5 X 11) will be inserted into long PDF documents for printing and easy on-screen viewing. Without automatic pagination, long webpages would be reduced to fit on a single sheet and the result could be a narrow image - the longer the page, the narrower the image.

You can also download or delete pages individually using the buttons just to the right of each item in the queue.

NOTE: Pagination is NOT automatically enabled when downloading pages individually.


Snapping Local Pages: WebSnapperPro is not only for capturing pages from the Web. You can also capture a local HTML page by dragging an HTML file to the Drop Zone. The file will be added as a regular item to the queue

Creating Multi-Page PDFs: You can also drag several PDF files to the Drop Zone and WebSnapperPro will create a single, multipage PDF file for you.

DropBox Integration : WebSnapperPro has the ability to export snapshots in any format to your DropBox account. To use this feature, just select DropBox as your destination in the Snapshot preferences. You will need to link WebSnapperPro to your DropBox account in WebSnapperPro Preferences.



Click on the "Link to DropBox" button. Your default browser will appear and you will see a webpage asking you to allow WebSnapperPro to access its own folder inside your DropBox.



Click "Allow".

Depending on your browser, you might be asked "Do you want to allow this page to open WebSnapperPro"?



It is important that you click "Allow" on this screen.

You can confirm the integration was successful by checking the DropBox tab in WebSnapperPro Preferences. The button should now read "Unlink from DropBox".

Now, if you select "DropBox" as your Destination in WebSnapperPro Preferences, your snapshots will appear under the folder Apps/WebSnapperPro.

After a snap is completed with a Destination: DropBox, the URL of the WebSnapperPro folder in your DropBox will automatically be copied to your Pasteboard.


Manual Drag N Drop

If you are not using Safari or Chrome you can use the manual Drag N Drop method to capture webpages. When viewing a page in your browser, just click and drag the little ‘favicon’ just to the left of the URL in your browser address bar and drop it onto the green Drop Zone on the WebSnapperPro interface screen. If WebSnapperPro is not open you can drop the ‘favicon’ onto the WebSnapperPro icon on your Dock to open WebSnapperPro and add the page to the queue.

And we have a WebSnapperPro Bookmarklet that automates the Manual Drag N Drop method. The Bookmarklet works in all browsers. Just drag this button

WebSnapperPro

and drop it onto the bookmarks bar in your browser, The Bookmarklet will appear on your browser bookmarks bar.

When viewing a web site in your browser just click the WebSnapperPro Bookmarklet on your browser bookmarks bar and WebSnapperPro will capture the current page. If WebSnapperPro is not already opened when you click the Bookmarklet, the Bookmarklet will open WebSnapperPro and add the target page to the Downloads Queue for processing.


ADVANCED CAPTURE TECHNIQUES

As stated above, WebSnapperPro provides 3 different capture methods (Drag & Drop/Bookmarklet , Insta-Link Buttons, Mini Browser). For most pages the results of these 3 methods will be the same, but there can be differences.

Drag N Drop and the Bookmarklet: When using Drag & Drop or the Bookmarklet, WebSnapperPro will use its internal Mini-Browser behind the scene, using the URL in your browser address box, to make the capture. If the page has dynamic content it may not all finish downloading when the Mini-Browser makes the capture and some images and/or content may be missing. And with pages behind a logon screen, the URL in your browser address box may not change and the Mini-Browser will just capture the logon page.

WebSnapperPro does not communicate with your browser in these methods, so it means that if you modified the page dynamically (e.g. by opening tabs, or clicking on some elements) this changes will not be reflected in the capture. Also, if the page you are trying to capture is protected (login/password), WebSnapperPro will most likely capture the login page instead of the page you want.

In both these cases, you will have to use the Insta-Link buttons (available for Safari and Chrome) or the Mini Browser methods.

Insta-Link Buttons: There are some cases were the insta-link buttons will not work properly: when the images or other resources of the page you are capturing are also protected by a login/password. In these cases, you will probably see some blank spaces instead of the images you are expecting. The only solution for this is to use the Mini Browser.

Mini-Browser: The Mini Browser can be invoked for an specific item in the queue by clicking in the blue URL just above the page title of the item in queue. (See Operation screenshot above) The minibrowser will open and reload the target page. You can then modify the page dynamically (by clicking on buttons, expanding tabs, etc). When you are done, click the snap button in the top left (down arrow in black cloud - see screenshot below) and WebSnapperPro will re-prepare the item.




With the mini-browser, you can also resize the mini-browser window to trigger web responsive changes in the web page. For example, if you reduce the window size, the aspect of the page might vary (by hiding menus or triggering a mobile view, for example). If you then hit the snap button at the top left of the mini-browser, WebSnapperPro will capture the page with these modifications. Finally, the Mini Browser is the safest approach to bypass password protected pages. Just log in as you would usually do in your regular browser, and get to the page you want to capture.

Sierra and High Sierra: Vector mode is less reliable in Sierra and High Sierra. Beginning with Sierra OS X 10.12, Apple's implementations of PDFKit (e.g. Preview) and WebKit (the Apple engine WebSnapperPro uses), have caused some problems.

If you are capturing a page with PDF output format, Vector conversion mode, you might get a PDF so "big" that Preview or Acrobat Reader might not be able to handle. Namely, preview might show a blank or distorted PDF in Sierra and High Sierra, and Acrobat Reader might display the page trimmed in OS X 10.9 and above, or in Windows.

The solution to this problem is to enable the "Use Pagination option" in WebSnapperPro Preference settings, or alternatively use an image format instead of PDF (e.g. PNG). Or, you can use Google Chrome to open the PDF, as it is the only engine for OS X that is able to properly handle these PDFs.

Missing images or content in the webpage: This started in Sierra and continues in High Sierra. The only fix is to use Image Conversion Mode instead of Vector Conversion Mode in WebSnapperPro > Preferences > Snapshot.