Introduction: Embed a Barcode on Your Website

About: We're an ecommerce site that sells supplies and develops point of sale systems for small to medium businesses. The core of our business is focused on Microsoft Windows solutions as they are the most proven an…

There are a few different barcode generators out there, but to add the barcode to your website most require you to create the barcode, download it, then upload it to your website. Here is an option using the barcode generator at to generate a permanent barcode that you can hot link to.

Step 1: Enter in Your Barcode Information

From the barcode generator page, select your symbology: For 1D barcodes that will be used for things like item labeling, select "Code 128" in most cases it's the most compact and accepts alpha and numeric characters. For a 2D mobile barcode with a lot of data or a URL select QR Code.

Enter in your content: For 1D with Code128 you can put in an item number with alpha numeric characters, for QR codes a url including using "http://" is common.

Set your height and width, in most cases default is fine.

Check if you want to hide the text. This will hide the human readable characters at the bottom of the barcode. For 2D barcodes the text will always be hidden.

Click Generate when ready.

Step 2: Generated Barcode

The barcode you see on screen is your generated barcode, if you right click the image you can download it to your PC. If anything looks incorrect you can edit the content and then click generate again.

To create a hotlink to the image click the "Perma-Link" button. The URL in the browser address bar is the hot linkable address for your barcode.

Step 3: Hot Linking to the Barcode

Your image is now ready to hot link to.

Copy the URL in the address bar and you can use standard HTML to link to it.

Example: <img src = "{barcode identifier}">