QR-Code Blocks

[TS-VCSC-Spacer height=”20″]

“Composium – Visual Composer Extensions” provides you with the option to quickly create so called QR-Code blocks and show them on your site. A “QR-Code” means “Quick Responsive Code” and is a barcode, representing a machine-readable optical label that contains information about the item to which it is attached. Originally used in the automotive industry, it is now widely used to store URL’s and email addresses that can be read with any smartphone.

[TS-VCSC-Divider divider_type=”ts-divider-border” divider_text_position=”center” divider_text_border=”#eeeeee” divider_image_position=”center” divider_image_border=”#eeeeee” divider_icon_position=”center” divider_icon_content=”transparent” divider_icon_color=”#cccccc” divider_icon_border=”#eeeeee” divider_border_type=”solid” divider_border_thick=”2″ divider_border_color=”#eeeeee” margin_top=”20″ margin_bottom=”20″]
[TS-VCSC-Spacer height=”20″]
[TS-VCSC-QRCode render=”canvas” color=”#000000″ responsive=”true” size_r=”100″ size_min=”100″ size_max=”400″ size_f=”100″ value=”http://www.codecanyon.net” margin_top=”0″ margin_bottom=”0″]
[TS-VCSC-QRCode render=”canvas” color=”#dd3333″ responsive=”true” size_r=”100″ size_min=”100″ size_max=”400″ size_f=”100″ value=”[email protected]” margin_top=”0″ margin_bottom=”0″]
[TS-VCSC-QRCode render=”canvas” color=”#8224e3″ responsive=”true” size_r=”100″ size_min=”100″ size_max=”400″ size_f=”100″ value=”http://codecanyon.net/item/visual-composer-extensions/7190695″ margin_top=”0″ margin_bottom=”0″]
[TS-VCSC-QRCode render=”canvas” color=”#1e73be” responsive=”true” size_r=”100″ size_min=”100″ size_max=”400″ size_f=”100″ value=”Visual Composer is awesome!” margin_top=”0″ margin_bottom=”0″]
[TS-VCSC-Spacer height=”20″]

The QR-Code can be created in three different ways: Using a canvas element (supported by all modern browsers), as an actual image that can easily be saved and used elsewhere or as a  DIV element. You can also use different colors for the code blocks, although it is advised to stick with basic colors that are easy to recognize by code reader apps.

[TS-VCSC-Spacer seperator_1=”” height=”20″ el_file=””][TS-VCSC-Divider seperator_1=”” divider_type=”ts-divider-border” divider_border_type=”solid” divider_border_thick=”2″ divider_text_border=”#eeeeee” divider_image_border=”#eeeeee” divider_icon_border=”#eeeeee” divider_border_color=”#eeeeee” divider_top_border=”#eeeeee” divider_border_width=”100″ seperator_2=”” divider_text_position=”center” divider_text_content=”” divider_image_position=”center” divider_image_content=”” divider_image_repeat=”1″ divider_icon_position=”center” divider_icon_content=”transparent” divider_icon_color=”#cccccc” divider_icon_repeat=”1″ divider_top_content=”” seperator_3=”Background Settings” divider_border_background=”#F2F2F2″ divider_border_radius=”” seperator_4=”Other Settings” margin_top=”20″ margin_bottom=”20″ el_id=”” el_class=”” el_file=””][TS-VCSC-Spacer seperator_1=”” height=”20″ el_file=””]

QR code (abbreviated from Quick Response Code) is the trademark for a type of matrix barcode (or two-dimensional barcode) first designed for the automotive industry in Japan. A barcode is a machine-readable optical label that contains information about the item to which it is attached. A QR code uses four standardized encoding modes (numeric, alphanumeric, byte / binary, and kanji) to efficiently store data; extensions may also be used.

The QR Code system became popular outside the automotive industry due to its fast readability and greater storage capacity compared to standard UPC barcodes. Applications include product tracking, item identification, time tracking, document management, and general marketing.