Sridhar Katakam

This plugin registers a <a href="https://wpdevdesign.com/conditions-in-oxygen/" rel="nofollow ugc">custom condition</a> named <code>Browser</code> using which elements in <a href="https://oxygenbuilder.com/" rel="nofollow ugc">Oxygen</a> visual site builder can be set to be output conditionally depending on the visitor’s browser.
These are the browsers available in the condition’s value dropdown:
<ul>
<li>Brave</li>
<li>Chrome</li>
<li>Firefox</li>
<li>Edge</li>
<li>Internet Explorer</li>
<li>Opera</li>
<li>Safari</li>
<li>Safari on iPhone</li>
</ul>
Operators available: 
* = 
* !=
This plugin uses <a href="https://github.com/cbschuld/Browser.php" rel="nofollow ugc">Browser.php</a> by Chris Schuld for browser detection.
Note: Browser detection using PHP may not (always) work. You are advised to test this plugin before investing a lot of time and energy in creating browser-specific Sections.
<a href="https://dev.wpdd.site/browser-detection-test/" rel="nofollow ugc">Live Demo</a>. This page has multiple headings each set to appear in a specific browser like <a href="https://share.getcloudapp.com/nOuWOw5Z" rel="nofollow ugc">this</a>.
<h3>Automatic Installation</h3>
Search for <code>wpdevdesign</code> from within your WordPress plugins’ Add New page and install.
<h3>Manual Installation</h3>
<ol>
<li>Click on the <code>Download</code> button to download the plugin.</li>
<li>Upload the entire <code>wpdevdesign-browser-detect</code> folder to the <code>/wp-content/plugins/</code> directory.</li>
<li>Activate the plugin through the <code>Plugins</code> menu in WordPress.</li>
</ol>

WPDevDesign – Oxygen – Browser Detect

Adds "Browser" condition in Oxygen for conditional output of elements in the selected browser(s).

Yaseen Taha

IntelliBuilder empowers WordPress administrators to dynamically control the visibility of Gutenberg blocks by implementing a broad range of customizable conditions. By integrating seamlessly with the Gutenberg editor, IntelliBuilder adds a new dimension to content management, allowing for finely tuned, personalized content delivery.
<h3>Key Features:</h3>
– User Roles: Target content based on specific user roles (e.g., Administrator, Editor, Subscriber). 
– Geolocation: Display or hide content based on the user’s country and city, leveraging real-time IP-based location detection. 
– Browser Detection: Customize content visibility according to the user’s browser (e.g., Chrome, Firefox, Safari). 
– Device Type: Tailor content for different device types, including Desktop, Tablet, and Mobile. 
– Operating System: Control visibility based on the user’s operating system (e.g., Windows, macOS, Linux, iOS, Android). 
– Referral Source: Show or hide content based on the user’s referral source, ideal for targeted marketing campaigns. 
– Recurring vs New Users: Differentiate content between first-time visitors and returning users. 
– User Status: Display content conditionally for logged-in or logged-out users. 
– User-Specific Rules: Target individual users by their username for a personalized experience. 
– Browser Language: Adapt content based on the language settings of the user’s browser. 
– Scheduled Content: Schedule the visibility of Gutenberg blocks to appear or disappear at specific times and dates.
<h3>Example Use Cases:</h3>
– Membership Sites: Display exclusive content to logged-in members only, enhancing membership value. 
– Marketing Campaigns: Tailor promotional content based on referral sources to improve conversion rates. 
– Localization: Serve region-specific information by utilizing the user’s geolocation and browser language. 
– Device-Specific Content: Optimize content delivery for different devices and operating systems for a seamless user experience.
<h3>How It Works:</h3>
<ol>
<li>Initialization: Hooks into WordPress actions and filters via the <code>intelli-builder.php</code> file to initialize the plugin.</li>
<li>Gutenberg Integration: React components within <code>src/blocks/visibility-settings/</code> render the visibility settings interface directly within the Gutenberg block editor.</li>
<li>Rule Configuration: Administrators configure visibility rules in the Gutenberg block settings panel.</li>
<li>Conditional Rendering: When rendering a post or page, IntelliBuilder evaluates the defined visibility rules to determine which blocks should be displayed.</li>
</ol>
<h3>Third-Party Dependencies</h3>
1. CountriesNow API 
– Purpose: Provides a list of countries and their cities for precise geolocation-based visibility rules. 
– Integration: Used in the <code>GeoLocation</code> React component to enable country and city selection.
2. IP-API 
– Purpose: Detects the user’s geographical location based on their IP address. 
– Integration: Utilized in the <code>GeoIP</code> PHP class to automatically retrieve user location data for geolocation rules.
3. hisorange/browser-detect 
– Purpose: Detects the user’s browser, device type, operating system, and language. 
– Integration: Powers several visibility rules, including browser name, device type, operating system, and browser language detection.
<h3>License</h3>
This plugin is licensed under the GPLv2 or later. See the <a href="https://www.gnu.org/licenses/gpl-2.0.html" rel="nofollow ugc">GNU General Public License</a> for more details.

IntelliBuilder

IntelliBuilder: Control Gutenberg block visibility with custom rules for user roles, devices, locations, and more.

WPDevDesign – Oxygen – Browser Detect vs IntelliBuilder