The AdBlock Detector extension in Atomic Addons allows you to identify visitors who have an active ad blocker enabled on their browser. It helps you display custom messages, notices, or alternative content when ad-blocking is detected, allowing you to communicate with visitors more effectively. With simple detection settings and flexible display options, you can easily manage the experience for users who block advertisements without adding custom code. This documentation will guide you through how to use and configure the AdBlock Detector extension in Atomic Addons.
Managing AdBlock Detector Settings #

For using the AdBlock Extension you need to activate it to your browser first. If you have already added the extension to your browser then you don’t need to do anything but if you haven’t then go to your browser and then search for the AdGuard AdBlocker Extension and click on the Add to Chrome.

After clicked on the the Add to chrome button a new popup will appear to take your confirmation. You need to click to the add extension button to continue the process of adding the extension to your browser.

After that a new dashboard will appear to ask the permission for continue with extension of install AdGuard to your local. You can click on the continue with extension button.

In the last stage, you will see the settings to configure AdGuard Extension, Make changes as per your preference.
Enabling the AdBlock Detector Extension #

To use the AdBlock Detector Extension from Atomic Addons, first, you have to enable the extension.
- Go to WordPress dashboard → Atomic Addons Plugin dashboard.
- Then, click on the Elementor Tab and the sub items will open.
- Then, Click the Extensions Tab.
- Search for the AdBlock Detector Extension.
- Enable the AdBlock Detector Extension.
- Hit the Save Settings Button.
Place To Find The AdBlock Detector Extension #

You need to go to the Page first where you want to add the extension. Navigate to WP Dashboard > Pages > Select the Page you want > Edit Page with Elementor. After the page opens, then follow the below steps –
1. Click on the Page Settings icon on Elementor Editor Page.
2. Now click on the settings tab.
3. Here, below the General Settings, you will find the AdBlock Detector Extension tab.
Using the AdBlock Detector Extension #

This is a very simple task. If you have followed the upper steps then you don’t need to do anything else. Just open the AdBlock Detector tab and –
1. AdBlock Detector? : Enable the switcher to add the extension to the page.
Final Preview of The AdBlock Detector Extension #

After enable the extension, publish the page and preview it. When the page will load, a popup will appear to inform you to disable the extension in browser. Disable the extension and then you can access to the page.
All done, You have successfully customised the AdBlock Detector Extension on your website.
Video Tutorial #
You can also watch the video tutorial to learn more about the AdBlock Detector extension.
Thanks for being with us.