Plugins
IE6 Upgrade Option
IE6 Upgrade Option utilizes the 25K script created by Free the Foxes: http://www.freethefoxes.com/ as a WordPress plugin. Originally this plugin utilized a smaller 7K script but it’s limits had been met in terms of language support, ease-of-use and options for using the warning messages on browsers other than IE6 (refer to the ie6-upgrade-option.php file for instructions on multiple browser usage).
The warning message is displayed using a Lightbox effect that hovers over the page content. The idea is to display a warning message, simply and politely, informing the user that their browser is out of date while providing links to download newer, more optimal browser choices. Optional browser links included are: IE9, Firefox, Opera, Safari, and Chrome. While this plugin was originally intended for use with IE6 it has now been expanded, due to popular demand, to include a warning message capable of being displayed in any browser. Don’t like Firefox? Simply adjust the FTF rating and ask your users to use IE8. This is not limited to a a single browser either, feel free to use the multi-browser version to display the warning in IE6, IE7 and Chrome simultaneously as a example.
The web page will remain visible through the transparent Lightbox and the user is given the option of closing the window, agreeing that their experience may be severely degraded or downloading a new browser. The javascript then installs a cookie preventing the window from appearing again. The script is loaded in the site footer in two ways: selectively (as in the case of the basic setup) or permanent (if desiring to use this for browsers other than IE6).
To change the text to reflect the language of your choice simply open the “lang” folder and create your own .json file to replace the default message, then be sure to add your new language code to the ie6-upgrade-option.php file. Current translations include: English, French, German, Spanish, Hungarian, Swedish, Brazilian Portuguese, Dutch and Norwegian Bokmâl.
Installation
BASIC INSTALLATION:
- Download the plugin and expand it.
- Copy the ie6-ppgrade-option folder into your plugins folder ( wp-content/plugins ).
- Log-in to the WordPress administration panel and visit the Plugins page.
- Locate the ie6-upgrade-option plugin and click on the activate link.
- Replace the ie6-upgrade-option with the version from the "multi-browser" folder to enable use of this plugin within more browsers than IE6.
- Open the "lang" folder and duplicate one of the language files.
- Alter the warning message to the language of your choice.
- Change the file name to your language code: "en.json" for English.
- Upload the file into the "lang" folder.
- Open the "ie6-upgrade-option.php" file.
- Change line 60 by replacing the "en.json" url with your new language file name.
Screenshot
100 Comments
Trackbacks
- Our top 10 must-have and must-avoid WordPress plugins
- Inform users of IE6 to Upgrade Their Browsers
- Stop IE6 Users Browsing Your Website | Templaget Get
- IE6 Upgrade Option Review – Best Wordpress Plugins
- Les nouvelles du Pixel Solitaire » Mise à jour du plugin Wordpress « IE6 Upgrade Option »
- Stop IE6 Users Browsing Your Website - WP Mods
- WordPress Plugin Releases for 09/05 : UK Asian
- WordPress Plugin Releases for 09/17 | Tolly Blog
- WordPress Plugin Releases for 09/17 | The best Tutorials
- Weblog Tools Collection: WordPress Plugin Releases for 09/17 - Wordpress Creator
- WordPress Plugin Releases for 09/17
- WordPress Plugin Releases for 09/17 « Weblog Tools Collection
- WordPress Wednesday: IE6 Upgrade Option « BlueFur.com
- WordPress Plugin Releases for 09/05 » wordpressorg
- WordPress Plugin Releases for 09/05 | Tolly Blog
- wp-popular.com » Blog Archive » IE6 Upgrade Option | Doc4
- WordPress Plugin Releases for 09/05 | The best Tutorials
- WordPress Plugin Releases for 09/05 « Weblog Tools Collection
- Angry Creative ~ Jimmy Rosén - Multidesciplinär Art Director & Designer i Norrköping
- IE6 Upgrade Option | Doc4 | WpMash - WordPress News
- Wordpress plugin – Upgrade internet explorer 6 warning | Web Design & SEO Services
- IE6 Upgrade Option | Doc4 | Drakz Free Online Service
- IE6 Upgrade Option | Doc4 | Drakz Free Online Service
- WP IE6 Upgrade Option | WordPress News
- IE6 Upgrade Option für WordPress
- IE6 Upgrade Option
- IE6 Upgrade Option | ByU4U
Hi, I have a site in different languages, how can I automatically set the language to use for the alert?
Thanks.
Hemanth,
I’m not sure what you mean.
Is there any way to make it have ‘moda’l behaviour?
Sheena,
Nice website. Okay, I tested it out and it seems to be working I did need to click the “Return to Site” button twice, once on the home page and again on a sub page to get the cookie going. I will look into this.
Hi Doc4,
Thanks for your reply. No i haven’t changed any code, only changed the warning message text output in the json file. I have clicked on the button but it still appeared on different pages. I’ll try it again and let you know… thanks
Sheena,
This is the default setting. Have you changed any of the code or is it just not functioning properly out of the box? As a side note, you must click the “continue” button to install the cookie, the user cannot just skip the window by clicking around it.
Hi Doc4,
Great plugin. I’ve installed it and it works great, except for the fact that the lightbox pops up on every page. Is there any setting which i need to edit to get this to work properly. You mentioned in the description that there is a cookie in place so the lightbox only appears once. I thought this would be the default setting?
Can you let me know how i can get it to work as it was intended?
Thanks
TOnin,
Thank you for the translation. It will be added to the next update.
lang/fr.json
{
“text_upgrade_now” : “Mettre à jour maintenant”,
“text_you” : “TOI”,
“button_continue” : “Continuer malgré tout”,
“button_close” : “Fermer”,
“text_you_are_using” : “”,
“message_failed” : “Savez-vous que cette version d’Internet Explorer est obsolète ?”,
“message_acceptable” : “C’est pas grave. Essayer d’utiliser nos autres recommandations.”,
“message_recommended” : “Bon choix. Adoptez-le.”,
“message_description” : “Nous ne supportons plus Internet Explorer 6. Des fonctionnalités marchait mal ou était inutilisables. Nous recommandons la mise à jour d’Internet Explorer ou d’utiliser un autre navigateur. Une liste des navigateurs les plus populaires se trouve ci-dessous.”,
“message_warning” : “Si vous choisissez de continuer sans faire la mise à jour, sachez que l’utilisation du site en sera dégradée.”,
“message_error” : “Désolé, ça n’a pas marché. Nous allons corriger ce problème.”,
“status_loading” : “Chargement…”,
“status_approved” : “Navigateur approuvé.”,
“status_acceptable” : “Navigateur acceptable.”,
“status_failed” : “Navigateur défectueux.”,
“link_check” : “Vérifier”
}
Lisa,
I’m currently working on getting better localization in place and a method for selecting which browsers to show the popup for. In the meantime skip through the comments and you will see the answer to your question about removing unwanted browsers.
Thank you for this plugin. 2 questions.
How do I only show the icons and info for IE8 and FF?
How can this plugin also be used for IE7 users, with a different message?
Kjetil,
Thank you for the translation, it has been included in the next release.
Trying out your ie6 plugin I’ve translated the warning text to Norwegian. (Actually, we have two forms of written Norwegian – bokmål and nynorsk. This is the most used form, bokmål – nb_NO )
Cheers,
Kjetil
msg1 = “Visste du at du bruker en eldgammel utgave av Internet Explorer?”,
msg2 = “Vi støtter ikke lenger Explorer 6. Nettstedet kommer til å vises feil, mye vil ikke fungere – og du får garantert en dårlig opplevelse. Vi anbefaler sterkt at du bruker en annen nettleser eller i hvert fall en nyere utgave av Internet Explorer. Noen av de mest populære nettleserne finnes under”,
msg3 = “Bare klikk på et ikon, og du kommer rett til nedlastingssiden”,
msg4 = “Ved å lukke dette vinduet godtar du en slett opplevelse av dette nettstedet”,
msg5 = “LUKK”;
Marc,
Thank you, I will include the translation.
I have translated your plugin to the Dutch language for the Netherlands and Belgium (Flanders).
You can include on the next update. Thanks!
Great plugin!
THANK YOU so very much for co-creating such a helpful as well as timely WordPress plugin. Please do keep up the great development!
Hi,
I have just translated your plugin to Portuguese Brazil. Can you include in the next update?
Here it is:
// Portuguese Brazil
default:
var
msg1 = “Você sabia que essa versão do Internet Explorer está fora de uso??”,
msg2 = “Esse website não suporta mais o Internet Explorer 6. Algumas partes do site podem aparecer desconfiguradas ou nem aparecer!. Nós recomendamos que você atualize a sua versão do Internet Explorer ou instale algum outro navegador mais atual. Segue abaixo uma lista com os navegadores mais atuais”,
msg3 = “É só clicar no ícone para ir para a página de instalação”,
msg4 = “Se você não quiser instalar, clique no botão fechar. Mas você estará perdendo todas as novidades que temos em nosso site!”,
msg5 = “FECHAR”;
break
Sean, I just updated the plugin to version 1.8, a few very minor issues on my part. I noticed I’m not seeing the code show up in the footer at all on your site. Do you see
<?php wp_footer(); ?>in the footer.php file just above the</body>tag? You might also double check that you have<?php wp_head(); ?>in the header.php file as well. Let me know if this corrects the issue.I also noticed you’re using W3 Total Cache, assuming the IE6 Upgrade Option plugin was recently activated you may not see the results as of yet. Try disabling W3 Total Cache and test the plugin again.
Looks like a great plugin. Unfortunately, I can’t get it to display with my theme.. (Not a WordPress expert here)
The site is http://roberson.org
I currently have the plugin enabled.. Any suggestions?
Thanks!
Robert,
Thanks for letting me know about this. The image has been replaced.
Thanks for the plugin! It would be good on your page here to see a demo of the window so we can be sure we want to use it on our client site.
First of: Thanks a bunch, great plugin, great script.
Secondly, I’ve noticed that the German translation is missing msg4.
This would be a suiting translation:
msg4 = “Schliessen Sie dieses Fenster, sollte Ihnen bewusst sein, dass diese Website und viele andere deutlich besser dargestellt werden könnten.”,
Jeferson,
At this time the language selection is done manually. Open the ie6-upgrade-option plugin folder and look for the warning.js file. Open the warning.js file and change the default message to the language of your choice. Below is the default code you are looking for:
Hello,
I would like to know how to add my language to file. The language is Brazilian Portuguese
Yo,
I must have completely missed your comment. To change the background color open the warning.js file and look for lines: 138 and 139. They should look like this:
Alter the hex code #FFF to any color you wish. #000 for black.
Sorry – I’m SO swamped with work atm
Is there any way to change the bg colour to transparent black.. Where would you edit this.
thx
If you have the time, could you make it possible to have an option for the site admin to configure the plugin to ban IE6 or lower visitors to the site.
Thanks
Jimmy,
Thank you for confirming this Flash zindex issue. I have a newer version which includes this setting though it hasn’t been released yet. I would be interested in any help with the language selection, we’re just too busy to get to it at this time. I would be happy to pass along credit to you if you’re interested.
By the way;
added
_dd.style.zIndex = "50";to my warning.js to force it to stay on top. Thanks for a great plugin!Proposals for GUI-stuff:
I would really like to see an option where I could select what IE versions I would like to show this message for – Internet Explorer 7 ie.
Selecting what browsers should be included / excluded would be cool.
It would be cool if the user could have language options
Keep it simple though, some ppl might like to integrate it with Qtranslate.
Also, Experiencing the z-index thing, but with “regular” content (adwords) Annoying
Swedish translation:
var msg1 = “Visste du att denna versionen av Internet Explorer är utdaterad?”,
msg2 = “Denna webbplats stödjer inte Internet Explorer 6. Sidan kommer sannolikt vara trasig eller till och med oandvändbar. Vi rekommenderar att du uppgraderar till en nyare version av Internet Explorer eller en annan webbläsare. En lista på de mest populära webbläsarna kan ses nedanför”,
msg3 = “Klicka bara på ikonen för att komma till nedladdningssidan”,
msg4 = “Genom att stänga detta fönster bekräftar du att du förstår att din upplevelse av denna webbplats inte är optimal.”,
msg5 = “STÄNG”;
Dan,
We recently checked your site in IE6 and it appears the lightbox warning is placed over the Flash content. You may need to refresh your browser a few times to see the results. Is this due to the updated warning.js we sent or tweaking of your own? Let us know.
Spanish Translation:
case (userLang = “es”) :
var msg1 = “¿Sabías que esta versión del Internet Explorer esta desactualizada?”,
msg2 = “Este sitio web no es compatible con Internet Explorer 6. Algunas cosas podrían ver se mal y tal vez no funcionar. Se recomienda la actualización a una versión más reciente del Internet Explorer u otro navegador web. Debajo se encuentra una lista de los navegadores web más populares.”,
msg3 = “Solo tienes que hacer clic sobre el icono para ir a la página de descarga”,
msg4 = “Al cerrar esta ventana usted reconoce que su experiencia en este website será degradada”,
msg5 = “CERRAR”;
break
Yael,
I believe the issue is related to the z-index of 50 on your menu. We’re currently working on an update to resolve this issue along with the Flash related problem.
For my site http://www.millermosaicllc.com which uses the Thesis theme, (according to Browser Sandbox) in IE6 the lightbox appears under the nav bar so part of the message gets covered. What should I do?
To Dans’ Question,
try adding a in your object.
<param name="wmode" value="transparent" />Hope it helps
~Gerry
Dan,
Please send an email address that I can contact you at, by using the contact form on this site. I have an updated file that I would like you to try.
Thanks,
For some reason, this lightbox pops *under* the Flash element on our front page.
The flash is called, for IE, using an
object type="application/x-shockwave-flash"declaration.Any thoughts? There are no Z-position declarations in the site’s CSS.
Doesn’t work with the WP Minify plugin. Took about an hour to figure out before I finally disabled that plugin, which did the trick!
hi doc4,
this is my translation:
var msg1 = “Sapevi che la tua versione di Internet Explorer è ormai datata?”,
msg2 = “Questo sito non supporterà più Internet Explorer 6 e ti raccomanda di aggiornare il tuo browser ad uno più recente Ecco una lista dei browser più popolari del momento”,
msg3 = “Ti basterà cliccare sull’icona del browser da installare per andare alla pagina di download”,
msg4 = “Con la chiusura di questa finestra sei a conoscenza che la tua esperienza su questo sito non sarà al 100%”,
msg5 = “Chiudi”;
greeting from italy
pubarena,
1. Keep Italian as the default language for now and I will look into the issue. If you don’t mind sharing the translation I would be happy to add it for the next update and pass along credit as well.
2. The difference between version 1.0 and 1.2 is the default output. We mistakenly left our company name in the message which has been removed in favor of a more general explanation in version 1.2.
hi,
Thanks for this plugin, i have two question for you:
1. I modified the plugin and traslate the warning message also in Italian, but I had to put as default because I can not locate it (It, it-IT, IT-it does not work) do you know the right way?
2. Is it possible to know the differences between the verson 1.0 and 1.2? because i compared the code and it’s look like the older version
sorry for my english
thank you
Nonaoco,
Refer to Kathy’s comment below on altering the browsers.
kathy,
Open the warning.js file and edit the following to suit your needs even if that means deleting a line or two:
Lines 40 – 49
Then alter the image icons on lines 225 – 229
Howto remove others image web browsers links!! for upgrade?
Can I edit this to recommend FF, Safari, Opera nd Chrome, but not IE?
This seems to only work for IE6. Why not make it more compatible and have it popup for every out of date browser from the ie6 and below era. I also have a small issue, on my site I have a dropdown menu translator bar that is over the top of the lightbox display for this plugin. Great idea though, just doesn’t cover enough browsers to be very useful to me. I have users still using 5.5 and they do not see the message, so its a bit too specific.
Jake,
What other browsers besides IE 5.5 would you like to see this work with? The plugin name specifies IE6 but maybe we can work out a general plugin to cover a broader base.
Thanks for making this awesome Plugin.
I hate IE