Settings

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

These options are:

• 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.

• 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.

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.

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

To learn how to create text watermarks, please go to this page.

To learn how to create image watermarks, please go to this page.

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.

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

In each created watermark, you will find two buttons:

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

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.

Let’s analyze how to create and customize your text watermarks.

Available options:

• 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;

Example

Other options are:

• Position: choose the position of the watermark (top, middle, or bottom);
• Alignment: choose the alignment of the watermark on the image (left, center or right);
• Margin: enter a value to set the margin between the watermark and the border of the image;

• 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

Textual watermark on product page

Finally, if you want to apply the watermark to the whole product image by repeating the text, just enable the option Repeat text.

This is what the image will look like.

Preview

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.

After saving the watermark you have created, it will be listed in the Watermarks tab. To apply it to your product images, set the option Applied to YES.

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.

Let’s analyze how to create and customize your image watermarks.

Available options:

• Watermark image: (required field) upload here the image that will be used as a watermark;
• 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;

• Position: choose the position of the watermark (top, middle, or bottom);
• Alignment: choose the alignment of the watermark on the image (left, center or right);
• Margin: enter a value to set the margin between the watermark and the border of the image;

• 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

Finally, if you want to apply the watermark to the whole product image, just enable the option Repeat image.

This is what the image will look like.

Preview

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.

After saving the watermark you have created, it will be listed in the Watermarks tab. To apply it to your product images, set the option Applied to YES.

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.

From the tab Watermarks, you will have the possibility to apply, remove, and delete watermarks with a bulk action.

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

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.

With this option, you can apply the watermark to those images that belong to a specific category.

Watermarks can be easily placed within the panel options “Watermark Position”.
At the right of the box, you can find a preview to let you understand how the watermark will be applied to the image.

To be sure about its position, set the right and the left margins (in pixels) of the watermark, starting from the selected position.

Let’s make an example, we have created two watermarks (one from a text and another one from an image) for the product images displayed in the shop page, and after adding them from the “Settings” tab of the plugin, we will see product images in this way: