How to Add or Embed a QR Code Generator on Your Website

Are you looking for a free static QR code generator solution you can use in your web application, WordPress site, e-Commerce sites like Shopify, or even any static website?

We have made a free QR code software popup and the widget you can embed in your online space fast and easy. 

How to embed our QR code generator in your website? A step-by-step tutorial

Simply follow these three easy steps to insert a button in your page that opens to a free QR code generator popup.

Our tool comes with zero dependencies, so with just a few lines of code, you can make your page 10x more engaging with a button that pops up to a free QR code generator. You can easily create an embedded QR code following these steps: 

Step 1: Copy the following code in your HTML page to insert a regular square button

<script type="text/javascript" src="https://media.qrtiger.com/js/qrtiger_widget.js" async></script> <div class="qrtiger"></div>

(Alternative) Step 2: Copy the following code in your HTML page to insert a rounded button

<script type="text/javascript" src="https://media.qrtiger.com/js/qrtiger_widget.js" async></script> <div class="qrtiger rounded"></div>

Step 2: Customize the button by overriding the CSS color, background color, height, width

.qrtiger a { height: 50px; width: 300px; color: #ffffff; background-color: #ff8c2a; }

Use Cases

1. Educational Websites, Teachers and Students

Add our tool to your educational website. Allow your staff and students to create free QR codes for their online materials, books, class activities, and recreational activities. 

FAQs

1. How many free static QR codes can I make or create?

You can make as many static QR codes as you like; your QR code will never expire and will be valid for a lifetime.

2. Which colors should I avoid using in QR codes?

Light colors, such as yellow and pastel colors, are not good for scanning, so it is best to use darker colors and light backgrounds.