Fancy QR Code Generator Documentation

Overview

A WordPress plugin that generates customizable QR codes with multiple design options, logo integration, frames, and support for various content types. Provides both frontend and admin interface access.

Key Features

• 7+ Content Types (Text, URL, Email, Phone, WiFi, SMS, vCard)
• 8 Design Styles (Standard, Rounded, Gradient, Neon, AI Theme, etc.)
• 10+ Frame Styles
• Logo Integration
• Real-time Preview
• Download Capability
• Responsive Design
• Admin Dashboard Integration

Installation

1. Upload the plugin ZIP file to your WordPress plugins directory
2. Activate the plugin through “Plugins → Installed Plugins”
3. (Optional) Add shortcode code to any page/post
4. Access admin interface via “Dashboard → Fancy QR Code”

Usage

Frontend Implementation

Use shortcode: [fancy_qr_generator]

Admin Interface

Access via WordPress dashboard menu:

1. Navigate to “Fancy QR Code”
2. Use the generator form identical to frontend version

Generating QR Codes

1. Select Content Type

• Choose from Text, URL, Email, Phone, WiFi, SMS, or vCard
• Form fields update dynamically based on selection

1. Input Content

• Example formats:
  • Email: mailto:user@domain.com?subject=Hello&body=Message
  • WiFi: WIFI:T:WPA;S:SSID;P:password;;
  • vCard: Automatic formatting from inputs

1. Customize Design

• Size: 100px-500px (draggable slider)
• Colors: Foreground/Background color pickers
• Design Style:
  • Standard/Rounded/Dots
  • Gradient/Cutout/Neon
  • AI Theme/Cyberpunk
• Frame Style:
  • 10+ options including Classic, Tech, Neon Glow, Vintage
  • Custom frame color selection

1. Add Logo

• Input direct image URL
• Recommended: 200x200px transparent PNG
• Auto-centered with 40% size ratio

1. Download

• Click “Download QR Code” to get PNG
• Includes frame and logo in final image

Customization Options

Content Types

Type	Fields	Example Output
Text	Free text	Plain text
URL	Website URL	https://example.com
Email	Address, Subject, Body	mailto:test@test.com?subject=Hello
Phone	Number	tel:+1234567890
WiFi	SSID, Encryption, Password	WIFI:T:WPA;S:MyNetwork;P:pass123;;
SMS	Number, Message	sms:+1234567890?body=Message
vCard	Name, Phone, Email, Org	VCARD 3.0 formatted text

Design Parameters

1. Size Control

• Range: 100-500px
• Real-time size preview

1. Color Options

• HEX code input or color picker
• Separate foreground/background colors

1. Design Styles

• Gradient: Linear color transitions
• Cutout: Rounded corners with dot markers
• Neon: Glowing green/cyan effect
• AI Theme: Purple gradient with rounded corners

1. Frame Styles

• Multiple border types (solid, double, ridge)
• Shadow effects
• Special styles:
  • Neon Glow: Colored shadow effect
  • AI Frame: Asymmetric border
  • Vintage: Dashed border

Important Notes

Logo Requirements

• Must be CORS-enabled (hosted on same domain or allowed origin)
• Recommended format: PNG with transparent background
• Max recommended size: 40% of QR code dimensions

Browser Compatibility

• Requires modern browsers (Chrome 80+, Firefox 76+, Edge 84+)
• Internet Explorer not supported

Dependencies

• QRCodeStyling Library (v1.5.0)
• html2canvas (v1.4.1)
• jQuery (WP-included version)

FAQs

Q: How do I add the generator to my page?
A: Use the “[fancy_qr_generator]” shortcode in any page/post content.

Q: What WiFi encryption types are supported?
A: WPA/WPA2, WEP, and Open networks.

Q: Why is my logo not appearing?
A: 1) Check CORS permissions 2) Verify image URL validity 3) Ensure PNG format

Q: Can I use custom frame colors?
A: Yes – color picker works with all frame styles.

Q: Why is my QR code blank?
A: 1) Check required fields 2) Verify valid content input 3) Test with simpler design

Q: Download not working?
A: 1) Disable ad-blockers 2) Check browser console for errors 3) Try different browser

Security

• All user input sanitized client-side
• No server-side data storage
• Admin access requires manage_options capability

Support

• Author: Web Mite
• Plugin URL: https://titly.site/qr-code-generator-with-logo/
• YouTube Channel: Web Mite

---

License: GPLv2
Version: 1.0
Last Updated: [Insert Date]