How to Add Watermark to WooCommerce Product Images?

Adding Watermark to WooCommerce Product Images

To add watermarks to the product images using the Image Watermark for WooCommerce Plugin, you can follow these steps:

  • From the dashboard, go to WooCommerce > Watermark > General 
  • By checking the Enable Plugin checkbox, enable the Image Watermark for WooCommerce
  • Click “Save Settings when you are done

Next, go to Apply Watermark section on the top and make the following changes:

  • Add the rule you want to apply for the watermark (e.g., picture-based watermark, text-based watermark, etc.)
  • Click on “Apply Watermark to save the changes

If you want to create a new watermark rule and apply a new watermark on WooCommerce products, follow these steps:

  • Go to WooCommerce > Watermark > Watermark Rules > Add New Rule.
  • Assign a unique title to the newly created rule, as this will be required for future reference
  • Then choose the watermark type. You can opt for either a text-based or image-based watermark 

For Text-based Watermark Rule:

By selecting Create Watermark Type > Text, you’ll be provided with these additional settings:

  • Watermark Text: Input the desired custom text to be shown as a watermark on product images.
  • Font Family: Select your preferred font style from a range of 11 font families available
    • Arimo
    • Black Ops One
    • Dancing Script
    • DroidSerif Regular
    • Josefin Sans
    • Josefin Sans Regular
    • Lobster 
    • Lobster Regular
    • Orbitron
    • Russo One
    • Shadows Into Light
  • Fonts: Personalize your watermark by selecting from the available options below:
    • Watermark Font Color: Select the watermark font color
    • Watermark Font Opacity: Select the watermark font opacity (min=0, max=127)
  • Font Size: Adjust the font size of the watermark
  • Select Text Type: Enhance the text style settings by selecting one of the following options:
    • Watermark with only text
    • Watermark with background box
  • Box Width: Choose the width of the box. The width will be in percent compared to the size of the shop
  • Box Height: Select the desired height of the box. The height will be in percent compared to the size of the shop
  • Rotation of Image: Specify the desired rotation angle for your watermark, ranging from 0 to 360 degrees 
  • Watermark Background Color: Select the background color for the watermark that will be displayed
  • Image Repeat: Toggle the option to enable replication of the watermark across the entire image
  • Watermark Opacity: Adjust the opacity of the watermark background using a value between 0 and 127
  • Watermark Margin: Specify the horizontal and vertical margins of the watermark box
  • Shop Size: From the dropdown menu, select the image(s) where you would like to apply the watermark. You can choose from the available options for placing the watermark.
  • Woocommerce Full
  • Woocommerce Medium Large
  • Woocommerce Medium
  • Woocommerce Thumbnail
  • Woocommerce Catalog
  • Woocommerce Single
  • Woocommerce Shop Thumbnail 
  • Apply By: Select Apply by Product to apply watermarks to the products
  • Products: Add the products on which you want to apply the watermarks
  • Watermark Position: Finally, choose the position of the watermark.

For Image-based Watermark Rule: 

By selecting Create Watermark Type > Image, you’ll be presented with these additional settings:

  • Rotation of Image: Select an angle ranging from 0 to 360 degrees to rotate your watermark
  • Watermark Image Opacity: Adjust the transparency of the watermark on the image (minimum = 0, maximum = 127).
  • Watermark Image: Choose the image that will be displayed as a watermark on product images
    • Upload Image:  Import an image from your computer or the store’s media library
    • Remove Image: Delete a watermark image
  • Image Repeat: Activate this feature to duplicate the watermark across the entire image
  • Watermark Margin: Specify the margins of the watermark
    • Horizontal Margin: Set horizontal margin
    • Vertical Margin: Set vertical margin
  • Shop Size: Select the images to which you want to apply the Watermark. If empty, this rule will not be effective. You can choose from the following places to apply the Watermark.
    • Woocommerce Full
    • Woocommerce Medium Large
    • Woocommerce Medium
    • Woocommerce thumbnail
    • Woocommerce catalog
    • Woocommerce single
    • Woocommerce shop thumbnail 
  • Apply By: Next, set the watermark application settings. Select “Apply By Products” to apply watermarks on products
  • Products: Select the products on which you want to apply the watermarks
  • Watermark Position: Choose the position of the Watermark 
  • Click “Publish” to save the changes you have made

After creating the new rule, go to WooCommerce > Watermark  > Apply Watermark

  • Add the new rule you want to apply for the watermark 
  • Click on “Apply Watermark” to save the changes