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.

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

IntelliBuilder vs WPDevDesign – Oxygen – Browser Detect