Flash sale: Get up to 30% off themes and extensions. Ends April 26 at 3 pm UTC. Shop the sale.
  1. Documentation /
  2. Product Image Watermark

Product Image Watermark

Note: This product is no longer for sale at WooCommerce.com. Documentation is not being updated.
This premium WooCommerce plugin allows you to easy add watermarks to your WooCommerce product images. These watermarks can be an image copyright symbol, company logo or piece of branding text as a transparent PNG image. You can have different watermarks for:

  • catalogue thumbnails (in the main product category listing)
  • main product image (the main image that appears at the top of the product page)
  • popup product image (the large image that appears when clicking on a product thumbnail)
  • small thumbnails (the additional product thumbnails that appear underneath the main product photo)
You can easily choose from 9 positions to place the watermark: middle, middle left, middle right, top left, top center, top right, bottom left, bottom center or bottom right.
This plugin will automatically add watermarks to any images that you upload to a product page. It also allows you to apply watermarks to already uploaded product images (please see instructions for more details).

Installation

↑ Back to top
  1. Download the .zip file from your WooCommerce account.
  2. Go to: WordPress Admin > Plugins > Add New and Upload Plugin with the file you downloaded with Choose File.
  3. Install Now and Activate the extension.
More information at: Install and Activate Plugins/Extensions.

Setup and Configuration

↑ Back to top
  1. Create a transparent PNG watermark image (eg: something that says “Copyright Yourname” with your logo)
  2. Go to the ‘WooCommerce’ > ‘Watermark’ menu in WordPress.
  3. Upload the watermark image using the Choose Image button
  4. Select where you would like the watermark image to appear.
  5. Create a WooCommerce product and upload an image. The watermark should appear on the image.
(if the watermarks do not appear, please try regenerating the thumbnails as below)
If watermarks do not get applied after regenerating thumbnails, make the image paths relative e.g. /2012/06/watermark.png

Regenerating Thumbnails / Applying Watermarks to Existing Images

↑ Back to top
If you change your watermark, or need to add your new watermark to old product images, you need to regenerate your thumbnails. Below is the correct process to follow when changing the watermark. This process ensures your old watermark is not left behind when swapping to a new watermark.
  1. Download and install the free Regenerate Thumbnails plugin from here: http://wordpress.org/extend/plugins/regenerate-thumbnails/
  2. Go to the WooCommerce > Watermark menu in WordPress.
  3. Tick “None” next to all the watermark settings.
  4. Go to the Regenerate Thumbnails page (Tools > Regen Thumbnails)
  5. Regenerate your thumbnails. This will regenerate all your thumbnails without watermarks
  6. Go back to  the ’WooCommerce’ > ‘Watermark’ menu in WordPress.
  7. Tick the position you would like each watermark to appear in (eg: bottom right)
  8. Go back to the Regenerate Thumbnails page (Tools > Regen Thumbnails)
  9. Regenerate your thumbnails. This will regenerate all your thumbnails with the correct watermarks