How To Make Qr Code Generator Website

Installation

Copy all files and folders from /qrcdr directory to your web space via FTP (put everything in the root if you will use the whole domain as QR-code generator, otherwise create a custom directory and upload everything in it).

How To Make Qr Code Generator Website

Navigate with your browser to the url where you uploaded the files.

That’s all! You are ready to use QRcdr with its default settings.


Options

Default settings are adjustable inside the file config.php:

  1. $_CONFIG = array(
  2. 'lang' => 'en', // main language
  3. 'qrcodes_dir' => 'qrcodes', // qr codes directory
  4. 'delete_old_files' => true, // delete periodically old files
  5. 'file_lifetime' => 24, // delete files older than..(hours) from /uploads_dir and /qrcodes_dir
  6. 'uploader' => true, // let users upload their own logo
  7. 'upload_max_filesize' => 1000, // max filesize in Kb
  8. 'thumb_size' => 130, // size of the squared thumbnail after uploads
  9. 'qr_bgcolor' => '#FFFFFF', // default background color for generated qrcodes
  10. 'qr_color' => '#000000', // default foreground color for generated qrcodes
  11. 'session_name' => 'qrSession', // custom session name for the script
  12. 'placeholder' => 'images/placeholder.png', // default placeholder
  13. 'link' => true, // activate link tab
  14. 'location' => true, // activate location tab
  15. 'email' => true, // activate email tab
  16. 'text' => true, // activate text tab
  17. 'tel' => true, // activate telephone tab
  18. 'sms' => true, // activate sms tab
  19. 'wifi' => true, // activate wifi tab
  20. 'vcard' => true, // activate v-card tab
  21. 'paypal' => true, // activate PayPal tab
  22. 'bitcoin' => true, // activate BitCoin tab
  23. 'whatsapp' => true, // activate WhatsApp tab
  24. 'default_tab' => '#link', // available options: #link | #location | #email | #text | #sms | #wifi | #vcard | #paypal | #bitcoin | #whatsapp
  25. 'detect_browser_lang' => false, // detect browser language
  26. 'google_api_key' => 'YOUR-API-KEY', // https://developers.google.com/maps/documentation/javascript/get-api-key#get-an-api-key
  27. 'color_primary' => false, // main color, used for buttons and header background. set a #hex color or false to get random colors
  28. );

Watermarks

If you want to change or hide default watermarks, simply replace or remove the images inside images/watermarks/

.jpg, .gif, .png file are accepted

How To Make Qr Code Generator Website

Location

Google Map needs an API KEY, so if you enable the tab Location you must get one api key here:
https://developers.google.com/maps/documentation/javascript/get-api-key#get-an-api-key
and copy it inside the file config.php
Enable Maps Javascript API and also Places API for the same project.

If you want to change the default location shown by Google map, open js/all.js, around line 39.

var start = new google.maps.LatLng(40.7127837, -74.00594130000002);

Customization

The attribute 'color_primary' inside the file config.php will set the main color for all the buttons and on the header background.

Since version 3.0 you have two starter templates called header.php and footer.php, located inside the folder /template/
Edit their contents or remove them if you don’t need that


Manage translations

If you want to add your custom language, duplicate and rename the file lang/en.php using the 2-letters ISO code desired and update also the value 'lang' => 'en' inside your main config file config.php

Language menu is displayed with the following function:

<?php echo langMenu(); ?>

you can choose if display it as dropdown menu (default) or as simple list, and set a custom class:

<?php echo langMenu('list', 'customclass'); ?>

The first variable can be ‘menu’ or ‘list’, the second is an optional custom class assigned to language menu (default: ‘langmenu’)

All translatable terms, including page title, description, and meta-keywords are inside the respective .php file in /translations/ folder.

default: /translations/en.php


Embed

You can embed your self hosted generator everywhere using iframes:

  1. <iframe width="100%" src="http://www.example.com/qrcdr/" ></iframe>

Watch YouTube Video For Complete Installation

Leave a Comment

Open chat
Which Type Of Code You Need?