“Sphinx Browser Version Checker WordPress Plugin” Help by kisded
“Sphinx Browser Version Checker WordPress Plugin”
Created: 10/10/2016
By: Kisded
Email: support@coderevolution.ro
Thank you for purchasing our plugin. If you have any questions that are beyond the scope of this help file, please feel free to email via our email. Thanks so much!
Table of Contents
About the plugin - top
Why you should tell users to update their old web browser?- Reduced development costs and time
- Newer browsers let you use more features and new technologies on your website, resulting in a better browsing experience for your users
- Numerous benefits for your visitors: security, speed, features
- Newer browsers protect you better against viruses, scams and other threats. Outdated browsers have security holes which are fixed in updates
- Users can view sites that are using the latest technology
- Have a more comfortable experience with new features, extensions and better customisability.
- We take care not to erroneously notify users by constantly tweaking and improving the detection code. Users are presented with an up-to-date list of browsers that are available for their system.
- You can customize the style of the message, the text and other options.
- Automatically detect users web browser version
- Full modern browser support - Google Chrome, Firefox, IE, Edge, Opera, Safari
- Support for adding shortcodes with information about the session of the user (browser name and version, Operating System)
- Two display modes: popup and top panel display
- Option to block your website if users browser is too old (only popup will be shown)
- Option to add links to the location of the newest browser version that the user has installed (and also, your website supports it)
- Responsive layout
- Ability to display notification only once per visitor (uses cookies)
- Customizable message: text, images, links
- Option to add links to the location of the newest browser version that the user has installed (and also, your website supports it)
- Ability to block mobile browsers from displaying your website
- Optimized for speed - no speed impact
- Lifetime updates and support.
Wordpress installation - top
Youtube video tutorial:
Sphinx Browser Version Checker WordPress Plugin live demo HERE or a live WordPress install with this working demo in it HERE.
I also provided a Quick Install Guide to feature an easy plugin installation for everyone.
First, you'll need to install the plugin. The easiest method is to take the .zip file you've downloaded and upload it via Plugins > Add New > Upload Plugin in the WordPress Dashboard. Once the plugin is installed, be sure to Activate it.
Now that you've installed and activated the plugin, you'll see a new menu item created inside WordPress called Sphinx Browser Version Checker. First thing first, let's head over to Settings > Sphinx Browser Version Checker and take a look at what options are available.
Plugin Settings - top
Refreshingly, Sphinx Browser Version Checker plugin has a super-simple settings screen. Let's look at first at the settings panel:
Here you can find the steps needed in configuring your plugin even if you have no HTML knowledge at all. You can find options for:
HINT! Don't forget to click the Save button every time you modified your settings, otherwise the modifications will be lost!
- Sphinx Main Switch: Choose if you want to enable or disable the plugin. This acts like the "main switch" of the Sphinx Browser Version Checker plugin.
- The Minimum Version of Google Chrome that your Website Supports: Here you can specify the minimum version of Google Chrome your website visitors can use, without being notified by this plugin. You can also select 'Newer than X months', to filter browsers by their release date.
- The Minimum Version of Firefox that your Website Supports: Here you can specify the minimum version of Firefox your website visitors can use, without being notified by this plugin. You can also select 'Newer than X months', to filter browsers by their release date.
- The Minimum Version of Internet Explorer that your Website Supports: Here you can specify the minimum version of Internet Explorer your website visitors can use, without being notified by this plugin. Internet Explorer is a discontinued browser, it's latest version is 11.
- The Minimum Version of Opera that your Website Supports: Here you can specify the minimum version of Opera your website visitors can use, without being notified by this plugin. You can also select 'Newer than X months', to filter browsers by their release date.
- The Minimum Version of Safari that your Website Supports: Here you can specify the minimum version of Safari your website visitors can use, without being notified by this plugin. Note that on Windows, Safari is a discontinued browser, with it's latest version being 5, released in 2009. On MacOS, Safari is being updated regularly.
- The Minimum Version of Edge that your Website Supports: Here you can specify the minimum version of Microsoft Edge your website visitors can use, without being notified by this plugin. Note that this version refers to the version of EdgeHTML (the HTML parser build in Edge), not actually the Edge browser.
- Allow Mobile Device Browsers: Does your website offer mobile support? Do you want to allow visitors on your website to access it using mobile devices? I strongly recommend that you leave this on 'YES'!
- Check Browser Version on Mobile Devices: Do you want to check browser versions on mobile devices? Same rules apply as for desktop browsers.
- Not Supported on Mobile Message Title: Title of the Message that will be shown on mobile devices, if you select to not support them.
- Not Supported on Mobile Message: Message to be shown on mobile devices, if you select to not support them.
- Not Supported on Mobile Close Text: Text of the link that will close the warning message in the upper panel.
- Not Supported on Mobile Panel Message: Message to be shown on mobile devices, in the upper panel, if you select to not support them.
- Show Only Once per Visitor: Do you want to show the popup only once per visitor? (uses cookies - cookie expiration date set to 24 hours)
- User Notification Style: How the message will be displayed to the user. You can choose between popup and top notification panel.
- Message Title: Title of the 'Browser Not Supported' message to be shown.
- Message: The 'Browser Not Supported' message to be shown to the user.
- Panel Message: The body of the 'Browser Not Supported' message to be shown in the upper panel.
- Panel Close Text: The text of the link that will close the upper panel.
- Include Download Link to Supported Browsers: Do you want to include links (with images) to download the browsers you set as supported for your webpage?
- Popup Background Color: The color of the backgound of your popup.
- Popup Text Color: The color of the text of your popup.
- Popup Closing Link Color: The color of the links (including the closing link) of your popup.
- Warn users only, do not block the website: Do you want to block your visitors from visiting your website or only warn them (if you choose to block the website, it will be blanked out, the only thing visible will be the popup)?
- Popup close text: The text of the link that will close the popup?
- Clicking outside will close the popup: Do you want to close the popup by clicking outside it (in the gray area)?
- Panel Sticks to the Top of the Page: Do you want the panel to stick to the top of the page, or you would like users to be able to scroll down and hide the panel?
- Panel Background Color: The color of the backgound of your panel.
- Panel Text Color: The color of the text of your panel.
- Panel Closing Link Color: The color of the links (including the closing link) of your panel.
- INFO: You can add the [sphinx_browser_info] shortcode to your website to display information about the user's browser, just like this:
Browser Name: Google Chrome
Browser Version: 54.0.2840.87
Browser User Agent String: Mozilla/5.0 (Windows NT 6.3; WOW64) AppleWebKit/537.36 (KHTML, like Gecko) Chrome/54.0.2840.87 Safari/537.36
Platform: Windows - After you made your changes, you must save them in order to apply them to your webpage. Click on the Save button, and the settings will be saved.
What are WordPress shortcodes?
Shortcodes in WordPress are little bits of code that allow you to do various things with little effort. They were introduced in WordPress 2.5, and the reason to introduce them was to allow people to execute code inside WordPress posts, pages, and widgets without writing any code directly. This allows you to embed files or create objects that would normally require a lot of code in just one single line. For example, a shortcode for embedding information about the user's browser looks like this:
[sphinx_browser_info]
Sometimes you may want to use the text of a shortcode in a post. To do this you have to escape it using double brackets. For example, if you want the text of the sphinx_browser_info shortcode to display rather than an actual link to you Privacy Policy page, you can do the following:
[[sphinx_browser_info]]
Shortcodes simplify the addition of features to a WordPress site. By using shortcodes the HTML and other markup is added dynamically directly into the post or page where the user wants them to appear.
Results: If everything is configures well, you can see the results of this plugin by navigating to your website by using a web browser that you defined by your pluggin settings as being not supported. You will see a popup or a top panel indicating that the browser you are using is not supported.
The popup version of the 'Old Browser Version Notification' (when user can continue to the website):
The popup version of the 'Old Browser Version Notification' (when user cannot continue to the website):
The top panel version of the 'Old Browser Version Notification':
NOTE! If the popup is not showing and you don't know why, check the 'Show Only Once per Visitor:' settings check box if it is checked. If it is, you shouldn't see the popup only once every 24 hours. You can use Incognito Mode in your browser (in incognito mode, no cookies are saved) as a workaround, to check plugin functionality in this case.
Summary - top
Sphinx Browser Version Checker plugin is a simple, yet powerful tool you can use to make your website "old browser proof". It can protect you from the hassle caused by users that complain about site functionality, but use ancient browsers. The setup and settings of the plugin couldn't have been easier. Now, let's go and enjoy the results of this great plugin! Have fun using it!
Sources and Credits - top
This component was made by Szabi Kisded, for more information and support contact us at support@coderevolution.ro
Once again, thank you so much for purchasing this item. As I said at the beginning, I'd be glad to help you if you have any questions regarding this plugin and I'll do my best to assist.
Kisded