View Product Page

Create watermarks for product categories

The plugin allows you to globally apply a watermark to all product images of the shop or only to products of selected categories.

To start creating your watermarks, go to YITH -> Watermark -> Watermarks and click on +Add watermark.

Global watermark

Now choose the type of watermark from text or custom image.

Choose text or image watermark

Watermark from text

After selecting From text, you can start configuring the following options:

Text watermark settings
  • Watermark text: (required field) enter the text that will be used as a watermark;
  • Typography: choose the font of the watermark among the available ones (Dancing Script, Gochi Hand, Kurale, Open Sans, Play for Display, and Shadows into light two); the color (main color and opacity), and the size (in PT);
  • Rotate text: define an angle between 0 and 360° to rotate your text;
  • Show the text inside a box: by enabling this option, you can customize the background of the text:
    • Padding: define the values to add the padding;
    • Background color: choose the background colors (main color and opacity) of the box;
  • Repeat text: enable this option if you want to apply the watermark to the whole product image by repeating the text;

Example

Watermark with repeated text

Other options are:

Text watermark options

By leaving the option Repeat text disabled, you can configure the text position, alignment, and margin.

Now, you can choose the categories to which apply the watermark from All categories or Only specific categories. By choosing Only specific categories, an additional required field will be added, through which you can select the product categories.

Through the option Apply the watermark to these shop images (required field), you must add the image formats to apply the watermark to:

  • Product page: featured image on the single product page;
  • Archive pages: product thumbnail shown on the Shop page;
  • Product gallery: product thumbnail shown in the Gallery section of the product page (under the featured image);
  • Full size (visible in modal):  image with its original size visible in the modal window.

Text watermark on product page

Textual watermark

Finally, to see a preview of the watermark you are creating, click on the button Preview watermark. A modal will open and you will be able to have a preview to check what the watermark will look like.

Watermark preview

After saving the watermark you have created, it will be added to the Watermarks table. To apply it to your product images, just enable the option Applied.

Apply watermark

The plugin automatically creates a backup of all product images when applying the watermark.

The files are stored in wp-content/uploads/yith_watermark_backup.

Watermark from custom image

After selecting From a custom image, you can start configuring the following options:

Image watermark settings
  • Watermark image: (required field) upload here the image that will be used as a watermark;
  • Repeat image: enable this option to apply the watermark to the whole product image;

Example

Watermark with repeated image
  • Position: (available only if Repeat image is disabled) choose the position of the watermark (top, middle, or bottom);
  • Alignment: (available only if Repeat image is disabled) choose the alignment of the watermark on the image (left, center or right);
  • Margin: (available only if Repeat image is disabled) enter a value to set the margin between the watermark and the border of the image;
  • Scale: define the width of the watermark as a percentage of the image. Values go from 0 to 100. If set to 100, the width of the watermark image will be the same as the width of the image it is applied to. If set to 0, no scale is applied;
  • Opacity: define the opacity of the watermark. Values go from 0 to 100, where 0 is transparent, 100 is solid color;
Image watermark options
  • Apply watermark to: choose whether to apply the watermark to all categories or only specific ones. By choosing Only specific categories, an additional required field will be added, through which you can select the product categories;
  • Apply the watermark to these shop images: (required field) add the image formats to apply the watermark to:
    • Product page: featured image on the single product page
    • Archive pages: product thumbnail shown on the Shop page
    • Product gallery: product thumbnail shown in the Gallery section of the product page (under the featured image)
    • Full size (visible in modal):  image with its original size visible in the modal window

Image watermark on the shop page

Watermark on shop page

Finally, to see a preview of the watermark you are creating, click on the button Preview watermark. A modal will open and you will be able to have a preview to check what the watermark will look like.

Image watermark preview

After saving the watermark you have created, it will be added to the Watermarks table. To apply it to your product images, just enable the option Applied.

Apply watermark

The plugin automatically creates a backup of all product images when applying the watermark.

The files are stored in wp-content/uploads/yith_watermark_backup.

Apply watermarks to specific products

Create watermarks for specific products

If you need to create one or more watermarks for a specific product, you can override the global ones directly from the product edit page. From the section Watermark, click on the button + Add watermark.

You will be now able to choose the type of watermark to create from text and image and configure it according to your needs.

Add watermark to product

The options available are the same as the global ones. Learn about how to create text and image watermarks here.

In each created watermark, you will find two buttons:

Update/Delete watermark
  • Update watermark: when editing the watermark, click on the button to save your changes;
  • Delete watermark: by clicking on the button, you will remove the current watermark applied to the product.
Reset watermarks

If you have applied more than one watermark to the product, you can easily remove them all by clicking on the button Reset all watermarks.

Please note: when adding a new image from the product edit page, the watermark will be automatically applied in the case of active rules.

Bulk actions

From the tab Watermarks, you can easily apply, remove, and delete watermarks with a bulk action.

Select the watermarks you want to apply, remove or delete and click on Apply.

Bulk actions

When choosing Delete, you’ll be asked for confirmation as this action can not be undone and it won’t be possible to recover watermarks data after deleting them.

Delete watermark

General options

In this tab, you can find some global options to set the mode to be used to apply watermarks, the quality of your images, apply a reset, and enable the plugin log.

General options

These options are:

  • Assignment mode: choose how to apply the watermarks from:
    • Ajax: by selecting this option, watermarks will be immediately applied to all the images. This process can’t be undone and might be longer;
    • Scheduled: by selecting this option, watermarks will be applied in the background and might not all be visible at the same time;
Notice
  • Images Quality: the value entered in this field will allow keeping the original quality of the images or reducing it. Values go from 0 to 100 (the higher the value, the higher the quality). This option works only with jpg and png images.
  • Reset and regenerate the thumbnails: through the Reset button, all product images with watermarks will be removed and the thumbnails will be regenerated.

When clicking on the Reset button, you’ll be asked for confirmation before proceeding since all the thumbnails will be regenerated and the action can not be undone.

Confirm reset
  • Enable log: by enabling this option, the plugin will generate a list of applied actions. This can be useful to developers and to provide technical support.

YITH WooCommerce Product Gallery & Image Zoom

YITH WooCommerce Product Gallery and Image Zoom enables zoom functions on the featured images of your product. Since this plugin uses a different image size, YITH WooCommerce Watermark will add this specific image size to the available ones.

Integration with YITH Product Gallery & Image Zoom
zoom and watermark

For further details about YITH WooCommerce Product Gallery & Image Zoom settings, please refer to the official documentation.