QR Codes have always been an important part of eManager. Every item within the program is able to be tracked using a QR Code. Today, someone handed me a paper copy of a record within the system and said to me: “This does not exist.”
My curiosity immediately engaged and I replied “Let me take a look, I’d love to help you find it.” After a few minutes of searching, I could not for the life of me find it. I searched every way I could think of. Then, I saw the QR code at the bottom of the printed page. Lightbulb! I whipped out my phone, scanned the code and BAM! The URL popped up! What a great and easy way to find something. The user thanked me for the help and I sat there thinking to myself that eManager does not have a QR Scanner built in to it?!
So, I went to Le Google and obviously typed in: “WP QR Scanner Plugin” to see if something already existed. Found nothing. I continued my research searching the words: “HTML5 QR Scanner,” discovering several libraries which handle QR scanning in the browser with minimal code and libraries! I decided to use one created by Daniel Ward located here:
I download his code off of github and created a handy WordPress plugin which uses HTML5 techniques to read a QR Code. The plugin is available on Github here:
It uses a shortcode with the parameters width and height to be embedded in any WordPress page or post. Feel free to use, fork, hack it for your own project. Happy coding!