How to disable right click on photos

New Page

How to add no right click on WordPress images

Last Updated on November 5, 2019 by Editorial Team | Reader Disclosure Disclosure : Our content is endorsed by the reader. This means that if you click on some of our links, we may earn a commission. See how WPBeginner is funded, why it’s important, and how you can support us.

Shares 162 Share Tweeter Share Facebook Messenger WhatsApp E-mail

Do you want to prevent users from stealing images on your WordPress site?

While there is no solution to prevent image theft from your website, there are some steps you can take to make it a little more difficult for users to save images from your website.

One such solution is to not add any right-click popups to your images. You can do this in WordPress by using plugins that disable right-clicking and make it difficult to download images from your website.

Dans cet article, we will show you how to add WordPress images and galleries without right-clicking. We’ll also discuss alternative approaches to deter users from stealing images from your website.

Easily disable right-clicking on WordPress images Easily Disable Right Click on WordPress Images

Video tutorial

Subscribe to WPBeginner

If you notice the video or need more instructions, continue reading.

Pas d’agrégation click on the right on the WordPress images

First, you need to install and activate the images plugin without right click. For more details, check out our step-by-step guide on how to install a WordPress plugin.

Upon activation, go to the Settings » Do not right-click on the images page to configure the plugin settings.

No right click images setup No right click images settings

The default options would work for most users, but you can still review and change them as needed.

The first option allows logged in WordPress users to right-click images. The “Disable image dragging” option prevents users from dragging an image from their browser to their computer.

Les options “Désactiver les événements tactiles” empêchent les utilisateurs d’utiliser des appareils tactiles comme les téléphones portables pour télécharger des images. C’est la solution sans clic droit pour les téléphones intelligents et les tablettes.

Vous pouvez également désactiver les gestes et le menu contextuel sur les appareils Apple.

Après avoir examiné les paramètres, n’oubliez pas de cliquer sur le bouton “Enregistrer les modifications” pour enregistrer vos modifications.

You can now log out of WordPress and then visit your website to see the plugin in action.

Adding No Right Click on Image Galleries

The above solution works for all images on your website. However, a lot of users who want to protect their images are photographers and people sharing their work through galleries.

This is where Envira Gallery comes in. It is one of the best WordPress gallery plugin on the market and comes with a protection addon that disables right-click for your image galleries.

First thing you need to do is install and activate the Envira Gallery plugin. For more details, see our step by step guide on how to install a WordPress plugin.

Upon activation, you need to visit Envira Gallery » Settings page to enter your license key. You can find this information under your account on the Envira Gallery website.

Entrez la clé de license Envira Gallery Entrez la clé de license Envira Gallery

Next, you need to visit Envira Gallery » Addons page. Scroll down to the Protection addon and then click on the Install and Activate button.

Install the protection add-on Install the protection add-on

Now you can start creating image galleries using the Envira Gallery plugin.

Let’s create your first image gallery and enable no-right-click protection for images in that photo gallery.

First, you need to visit Envira Gallery » Add New page to create a new gallery. Provide a title for your image gallery and then upload the files you want to add to the gallery.

Creating image gallery Creating image gallery

After that, you need to scroll down to the gallery setting section below and click on the Misc tab. From here, go to the image protection settings section.

Image protection settings Image protection settings

You need to check the ‘Enable Image Protection’ checkbox to disable right-click for this particular image gallery. Optionally, you can also show a popup notification when users try to use right-click.

You can now click on the publish button to save your image gallery.

Adding Your Gallery to a WordPress Post or Page

Your image gallery is ready, and you can now add it to any WordPress post or page. Simply edit the post or page where you want to add the gallery and add the Envira Gallery block to the editor.

Add Envira Gallery Add Envira Gallery

After that, you need to select the image gallery you created earlier from the dropdown menu. Envira Gallery will load your image gallery with a live preview.

Gallery preview in post editor Gallery preview in post editor

You can now save your post and visit your website to see the no right-click feature in action. If you have enabled the popup feature then this is how it would look when a user tries to right-click on an image in the gallery.

Right click disabled popup in WordPress Right click disabled popup in WordPress

Pros and Cons of Disabling Right Click on WordPress Images

The number one reason users want to add no right-click on WordPress images is to prevent website visitors from illegally using those images elsewhere.

Adding no right-click to your images makes it harder for users to download images. It also serves as a reminder to users that the website owner does not want them to download images or reuse them without permission.

However, it does not completely stop users from stealing images from your website.

A user can still download an entire web page which will also include all images on that page.

They can also use the browser’s view source or inspect tool without right-clicking. This will give access to the direct image file which they can download and save on their computer.

On the other hand, adding no right-click on images may also stop several users who may have some genuine reason to save images from your website. Some users may find it annoying and this would affect their user experience on your website.

Alternative Approaches to Discourage Image Theft on Your Website

If you don’t want to affect user experience by adding no-right-click to your WordPress images, then there are a few things you can do to discourage improper use of your work.

1. Add a Copyright Notice Below Your Images

You can add a copyright notice below your images in plain text. This serves as a deterrent without affecting user experience.

Copyright reminder text Copyright reminder text

You can do this by using Gutenberg blocks. See more details in our Gutenberg tutorial.

2. Give Users a Chance to Ask for Permission

If you want users to be able to reuse your images with your permission and conditions, then you can simply let them know. We recommend using WPForms to create a simple contact form for users to send requests.

3. Add Watermark to Your Images

You can also add watermark to your images. This will affect the quality and aesthetics of your images, but it will definitely discourage users from stealing and reusing those images.

Watermark images to discourage image theft Watermark images to discourage image theft

We hope this article helped you add no right-click on WordPress images. You may also want to see our guide on how to optimize your image SEO, and how to optimize images for web performance (without losing quality).

If you liked this article, then please subscribe to our YouTube Channel for WordPress video tutorials. You can also find us on Twitter and Facebook.

Shares 162 Share Tweet Share Facebook Messenger WhatsApp Email

Home How To 4 Ways to Enable Right-Click on Websites That Disable it

Enable Right-Click on Websites That Disable it

4 Ways to Enable Right-Click on Websites That Disable it

author-Kishalaya KunduKishalaya Kundu – Last Updated: March 1, 2021 4:00 pm

Have you ever opened a website that didn’t let you right-click to open the context menu? It is annoying, but many websites block right-click context menu to prevent users from copying content. However, proponents of the free web, like me, see this as the misuse of a browser feature. Instead of building their context menus for right-clicks, website owners choose to block users from accessing the browser’s default menu. So today, we will show you 4 different ways to re-enable the right-click context menu on all websites. It involves using a JS code snippet, installing a browser extension, disabling JavaScript on your browser, and using a web proxy on non-compliant websites.

Enable Right-Click on Websites That Disable it

The methods described in this article will help you re-enable the full right-click context menu on all websites. It will allow you to not only copy text but also image and video URLs. These methods work on pretty much all major desktop platforms, including Windows, macOS, and Linux. Most of them work on all major browsers, including Chrome, Firefox, and Edge. So without further ado, let’s check out 4 ways to enable right-click menu on websites that disable it.

Table Of Contents

  • Using Browser Extensions or Add-ons
  • Turn Off JavaScript in Web Browser
  • Using Code
  • Using Web Proxy

Method 1: Using Browser Extensions or Add-ons

The easiest way to enable right-click menu on any website is by using an extension or add-on. Various extensions serve the purpose, but the one I have used for the better part of the last decade is Absolute Enable Right Click and Copy. It is available on both Chrome (download) and Firefox (download). The extension allows you to remove copy-protection on all websites by enabling the right-click context menu on your browser. You can also use the ‘Absolute Mode’ to force-remove all types of right-click restrictions.

{}

Enable Right-Click on Websites That Disable it Method 1: Using Browser Extension

Method 2: Disable JavaScript in Web Browser

Another way to easily enable the right-click context menu globally is by disabling JavaScript in your web browser entirely. However, it is worth noting that this method can and will break core functionality on some websites. Most HTML5-based modern websites extensively use JavaScript for user activity and actions on webpages. Be that as it may, here’s how you can turn off JavaScript in Chrome, Firefox, and Edge.

  • On Chrome, go to ‘Settings -> Privacy and Security -> Site Settings -> JavaScript’ and then switch off the toggle. You can switch it back on any time you want. You can also whitelist or blacklist particular sites so that they will be exempt from the global setting.

Google Chrome Settings

  • On Firefox, go to ‘about:config’ and search for JavaScript. Find the javascript.enabled entry, which should be ‘True’ by default. Double-click on it to change the value to False. JavaScript is now disabled in your Firefox browser. You can re-enable it by double-clicking on it once more.

Mozilla Firefox Settings

  • On the Chromium-based Microsoft Edge browser, go to ‘Settings -> Cookies and Site Permissions -> JavaScript’. Like Chrome, you will find a toggle here that you can turn off to disable JavaScript. Of course, you can re-trace your path and re-enable it at any time.

Microsoft Edge Chromium Settings

Method 3: Using JavaScript Code

Another easy way to enable the right-click menu on any webpage is by using a simple code snippet. For that, navigate to the target webpage and copy + paste the following line of code in the address bar: javascript:void(document.oncontextmenu=null); and hit Enter.

This method will disable the JavaScript alert on that page temporarily. Do note that you will have to do this every time you want to access the right-click menu.

Disable JavaScript

Method 4: Using Web Proxy

You can also use a proxy service to enable right-click context menus on websites. That’s because most proxy sites offer the option to switch off scripts that can identify the user. You can use services like HideMe, which include this feature. Just remember to check-mark the ‘Remove Scripts’ option before you navigate to the target website. Do note that using this option might break some website functionality.

Web Broxy Disable Script Enable Right-Click on Websites That Disable it

Easily Enable Right Click on All Websites

Using the methods described above, you can easily enable right-click on websites that have disabled it. Of course, you shouldn’t use them to recycle or steal content from publishers, but you can access resources for personal use. Using an extension/add-on is probably the easiest way for most users, but it’s always nice to have more options. So go ahead, try these methods when you come across a site with a disabled right-click context menu. Also, drop us a comment if you know of more user-friendly ways to enable right-click on any website on the web.

Sites Web TAGS

8 comments

you might like

New

Ce jeu hilarant vous permet de frapper Chris Rock et de mesurer la vitesse de frappe ; Vérifie le maintenant!

Nouvelles

Ce site Web vous permet de calculer votre empreinte carbone numérique à partir d’applications de médias sociaux

Nouvelles

Instagram, Snapchat, and Twitter Faced the Most Outages in the Past Year

News

Several Major Websites Including Amazon, Reddit, Spotify Went Down Due to CDN Issues

News

This Website Shows Books Recommended by Popular People

Recommended Articles

30 Best Websites to Learn Something New

40 Best Websites to Learn Something New

10 Best Fact-checking Websites on The Internet

10 Best Fact-checking Websites on The Internet

12 Royalty Free Stock Photo Websites in 2020

20 Best Royalty Free Stock Photo Websites

bird website feat.

This Website About Soothing Bird Sounds Might be Perfect for Quarantine

8 Comments

  1. 35ac032e327adc5262a4105af65e3057 adeeb says:

    Jun 22, 2022 at 6:18 pm

    just use chrome extension and you are good to go.

    Reply

  2. 7d255ae6faf56c278fe1e4d63eb798d3 HWil says:

    Apr 9, 2022 at 11:42 am

    Thank you!

    Reply

  3. 12b18afb3919c6b09ed82cb76e15d142 Adam Sandler says:

    Mar 25, 2022 at 3:36 am

    Thank you!!!

    Reply

  4. 5b92396e7f817ee4736988e555229c88 SeoMyWebsite.Net says:

    Mar 1, 2022 at 3:24 am

    I found a solution to this problem, by using free chrome extensions, like “Enable Copy Paste” and “Allow Right-Click”. Nice article!

    Reply

  5. 290b975e457911f900161db8ae74edf5 abdo ayman says:

    Jan 30, 2022 at 5:38 pm

    thank you so much ♥ (first method)

    Reply

  6. fb84a1bc009a8b8c2d5d5a68ff339787 shanaya says:

    Jan 2, 2022 at 1:02 am

    i disabled on a site, it’s no longer opening

    Reply

  7. 611c1770047120d9cd1c4cdfad6e8413 Rat King says:

    Dec 21, 2021 at 11:18 am

    a real internet cultured chad, you have our thanks

    Reply

  8. 9f8de83fa38d028c5feae90b17b143e5 rezas says:

    Aug 14, 2021 at 3:21 am

    tanks

    Reply

Leave a Reply Cancel reply

Your Comment

Your Name

Your Email *

Δ

REVIEWS

montre dizo r talk exam

Dizo Watch R Talk Review: Makes an Affordable Smartwatch Worthwhile!

8.2

The last time I reviewed a smartwatch, it was more about getting the basic health features right. But in 2022, these health features are still there, but the focus has shifted to an aspect that’s rightly considered as important as […]

Test the MSI Raider GE67 HX

MSI Raider GE67 HX Review: Buy for Gaming, Stay for OLED

8.5

Any gamer worth their salt know that after a particular threshold of budget, it’s better to build a gaming PC to get the best experience. But what if you’re someone who travels frequently? Or perhaps, you could be someone who […]

Lenovo Ideapad Slim 3 a vedette

Lenovo Ideapad Slim 3 (2021) Review: A House Without a View

7

Portable computing is not wanton spending anymore, it’s basically a requirement and requires careful deliberation. With the laptop market chock full of companies and laptop models, it’s difficult to filter through the noise. Even more difficult is finding a laptop […]

How to disable right-clicking and dragging of images

You can both disable right-clicking and dragging of images on your client facing pages. Right-clicking can be configured with a Back office setting. Dragging can be disabled by adding script – both are explained below.

Disabling right-clicks

If you want to prevent the right-click function on your website images (or click-and-hold on a Mac), go to Site configuration in Back office. Then click on General settings in the side bar. Open the section General settings. At the top of this section you can choose any of the following options in the dropdown box:

  • A) Don’t disable right-click on images
  • B) Disable right-click on images except comps
  • C) Disable right-click on images except comps and previews

Disabling right-click on all images will also disable right-clicking on comping images. Option B however allows your users to save comping images from the browser context-menu that appears when you right-click (or click-and-hold on a Mac).

To completely disable right-clicking on all website images, you can add script to the client object in the code editor. There are many ways to achieve this, here’s an example:

$(“body”).on(“contextmenu”,function(e){ return false; });

xxxxxxxxxx

 

$(“body”).on(“contextmenu”,function(e){ return false; });

Disabling dragging of images

To prevent images to be dragged from your website, you can add script. There are many solutions that you can find it you Google it. Below is a simple example:

$(“img”).mousedown(function(e){ e.preventDefault() });

xxxxxxxxxx

 

$(“img”).mousedown(function(e){ e.preventDefault() });

Note that this disables dragging of all images. You can also add a script that will only affect certain pages or certain types of images. For example, the thumbnail images for the search results page are in an HTML div with the id searchresults. To disable dragging of images only in this div, you can use:

$(“#searchresults img”).mousedown(function(e){ e.preventDefault() });

xxxxxxxxxx

 

$(“#searchresults img”).mousedown(function(e){ e.preventDefault() });

The paragraph below explains where to add this script.

Where to add the script

Recommended reading: Using the code editor, Using JavaScript in your pages.

Under the code editor, load the Client Script file. If the model is still empty, click Load Sample and load the default skeleton.

The client object will look something like the code below (note that it may have more functions than just the init() function). The script to disable dragging and right clicking is added inside the init() function.

var client = { init: function() { var o=this; // this will disable dragging of all images $(“img”).mousedown(function(e){ e.preventDefault() }); // this will disable right click on all images $(“body”).on(“contextmenu”,function(e){ return false; }); } };

xxxxxxxxxx

 

var client = { initialize : function () { var o = this ; // cela deactivates the glissement of toutes les images $ (“img” ). mousedown ( function ( e ){ e . preventDefault () }); ​ // cell deactivates the click droit sur toutes les images $ (“body” ). at ( “context menu” , function ( e ){ return false ; }); } } ;

admin 2017-02-25T13:23:48+01:00 February 25th, 2017 |Categories: Back office functions, Customer facing functions, Configuration, Customization, Tutorials | Tags: Configuration, Personalization, Drag, Javascript, Right click |

Share this

Facebook Twitter Linkedin Google+ E-mail

Similar Items

  • Work with synchronized sub-websites

    October 15, 2022

  • Configuring Stripe for online payments

    August 25, 2022

  • Responsive image slideshow with WebP support

    July 11, 2022

  • WebP support

    June 29, 2022

  • Customizing the Dashboard and Admin Toolbar

    12 avril 2022

  • Video ingest

    29 mars 2022

Google Google translator

Google Google Translate


Video How to disable right click on photos

Related Posts

How to add seo keywords in wordpress

Contents1 Cómo agregar palabras clave de SEO en WordPress (aumentar el CTR y las clasificaciones)1.1 Post Title1.2 Headline1.3 Header Tags1.4 Introduction and Conclusion1.5 Body Copy1.6 URL1.7 Meta…

How to embed google calendar into wordpress

Contents1 How to Add a Google Calendar in WordPress (Step by Step)2 Add a Google calendar to your website3 calendario de Google3.1 Versatile plans and pricing4 Video…

How to change the logo in wordpress

Contents1 How to Add a Custom Logo to Your Site Header2 Site Logo2.1 Planes y precios versátiles3 Add, remove or edit a custom logo4 Video How to…

How to add a popup on wordpress

Contents1 Easily create a WordPress emergent form (2 forms)1.1 ¿Por qué usar un formulario emergente de WordPress?1.2 Método #1: Crear un formulario emergente con OptinMonster + WPForms1.3…

How to roll back wordpress version

Contents1 How to Revert WordPress: Undo WordPress Updates (Easy Way)2 How to Downgrade WordPress & Roll Back to a Previous Version2.1 1. A WordPress update included significant changes…

How to rollback wordpress version

Contents1 How to Downgrade WordPress and Revert to an Older Version1.1 1. A WordPress update included significant changes that are not compatible with your theme or plugins1.2…