How-to Add QR Codes to Your WordPress Blog

IN Shoutmeloud, WordPress

A day will come when all you have to do to download/share a file with others is just scan it using your phone and voila!!  You’re done. This is possible thanks to the very much expanding means of sharing files known as QR Codes. QR stands for Quick Response and is basically a 2/3-dimensional bar code that stores information of almost any kind. All you have to do to retrieve the data is scan it using your mobile device.

<Image Credit>

Here’s a tutorial on how to add these QR codes on your blog.

It’s really very simple, it’s just an addition of Google’s Chart API into the html of your blog.

  • First you’ll need to create the QR code of what you want to share on your blog. It can be a link, an image, some information or any data. To create a QR code, you can use Google URL shortner Goo.gl and create one in a jiffy. Create a short URL of the link, for example “http://goo.gl/2whlk” is a short link for this website and add “.qr” to it’s end, like this “http://goo.gl/2whlk.qr” . It will look something like this(below), you will find the original QR Code here.

  • Next step is to mess with your WordPress or blog theme. You’ll need to open the Single Post.php and add a line of code after the <?php – ?> tags. The code will look like this :  <img src=”http://chart.apis.google.com/chart?cht=qr&chs=150×150&choe=<?php the_permalink(); ?>” width=”100″ height=”100″ />. You can then add necessary changes to add title and give it a center layout and other format stuff.
  • Save/Update the file and you should be able to see it on your page.
  • There is another hassle free way also. That includes the installation of a QR plugin on your blog known as the Super Cool QRCode WordPress plugin. Once installed you just have to paste the Goo.gl shortened URL with the .qr extension in the required column.

If you did not get it, then watch this video below.

That’s all folks. Download the QR Reader apps for your respective mobile devices and start playing with QR Codes. This is the future of sharing.

Do tell me how you integrating QR code to your blog marketing? Is it working out for you so far or not?

Subscribe on Youtube

Click to activate Offer & visit site Discount added automatically

Subscribe to SML Newsletter

Receive Blogging Tips & Strategies

Get WordPress Guide eBook for free in the 2nd newsletter

100% privacy. we will never spam you

  • Author Bio

  • Latest Post

Blog post by Siddie

Siddie has written 17 articles.

Follow ShoutMeLoud on Twitter. Subscribe to ShoutMeLoud feed via RSS or EMAIL to receive instant updates.


Testimonials
Send Us Inquiry

Comments

  1. Geet | HobbyIdeas says

    Something new & Sounds interesting but am yet to understand how QR code will help sharing and all. Anyways…I’ll read more about it.

  2. Shailu @ New Trends says

    I’m currently not using wordpress but looking to move there very soon. But I’m keeping all important info regarding wordpress for future. This info is also an important one. Thanks for sharing.

    • Siddie says

      You can use the first method for implementing QR codes on any blog or website… :)
      Once you move to wordpress, you can also use the plug-in :)

  3. Pankaj Gupta says

    Thanks for sharing this information. I think I have to give some time to know about QR codes in deep.

    • Siddie says

      Your welcome :)
      Yes, learn more about QR codes, the technology will soon be a common thing… :)

  4. Kavya Hari says

    Hello Siddie, its one of the great work and these type of tutorial will be helpful for all the people.So, i would like to say thanks for written a great article on here.

  5. Sathish @ TechieMania says

    Hi Siddie, sounds like a good way to add the QR codes to our wordpress blog’s. Thanks for sharing with us buddy.

Leave a Reply

Your email address will not be published. Required fields are marked *

You may use these HTML tags and attributes: <a href="" title=""> <abbr title=""> <acronym title=""> <b> <blockquote cite=""> <cite> <code> <del datetime=""> <em> <i> <q cite=""> <s> <strike> <strong>