Free touchable qr code generatotor

Touch QR Code Generator

Create QR codes that can be touched/clicked to open the link directly. Perfect for mobile users!

Enter URL

Enter URLs (one per line)

QR code will link to the first URL, others will be encoded as backup.

Enable Touch-to-Open

Customization Options

QR Code Color

QR Code Shape

Square

Rounded

Dots

Add Logo (Optional)

Click to upload a logo

Max size: 100KB. PNG or JPG recommended.

Logo Size

20%

How to use this tool

• Enter a URL and enable "Touch-to-Open" feature
• Customize colors, shape, and add a logo if desired
• Click "Generate QR Code" to create your QR code
• Touch/click the QR code on mobile to open the link
• Download the QR code in PNG or HTML format
• Embed the QR code in your Blogger post by uploading it to your blog

QR Code Preview

Your QR code will appear here

Touch/Click to open link

(Touch-to-Open enabled)

Test Link (Opens in new tab)

On mobile devices, touch the QR code to open the link directly.

Download PNG Download HTML

Touch-to-Open Feature

When "Touch-to-Open" is enabled, the QR code becomes clickable/tappable. On mobile devices, users can touch the QR code to open the encoded link directly without needing a separate QR scanner.

Touch QR Code Generator for Blogger | Compatible with all modern browsers | Made with for the Blogger community

`; } // Reset form function resetForm() { urlInput.value = 'https://www.blogspot.com'; urlList.value = ''; colorInput.value = '#000000'; currentColor = '#000000'; colorPicker.style.backgroundColor = currentColor; bgColorInput.value = '#ffffff'; currentBgColor = '#ffffff'; bgColorPicker.style.backgroundColor = currentBgColor; logoUpload.value = ''; currentLogo = null; logoPreview.style.display = 'none'; logoUploadArea.innerHTML = `

Click to upload a logo

Max size: 100KB. PNG or JPG recommended.

`; logoSize.value = 20; logoSizeValue.textContent = '20%'; touchToggle.checked = true; touchEnabled = true; // Reset shape to square shapeOptions.forEach(opt => opt.classList.remove('selected')); document.querySelector('[data-shape="square"]').classList.add('selected'); currentShape = 'square'; // Generate default QR code generateQRCode(); } // Initialize the app document.addEventListener('DOMContentLoaded', init);