Hello Corvid! how can i add QR code generator API to my website?

@Ehsan Sadaat

First install the npm

Then create a jsw file on your backend and put this code inside:

// qrCode.jsw 
import QRCode from 'qrcode';
export function generateQRcode(toEncode) {
 let opts = {
        errorCorrectionLevel: 'H',
        type: 'svg',
        rendererOpts: {
            quality: 0.3
        }
    };
 return QRCode.toString(toEncode, opts, function (err, string) {
 if (err) throw err;
 return string;
    })
}

On the client side:

// ELEMENTS: a square shape as placeholder for the QR code
import {generateQRcode} from 'backend/qrCode.jsw';
let codeToEncode = "MY-CODE"; //use your own code
$w.onReady(() => {
generateQRcode(codeToEncode)
.then(qr => {
$w("#vectorImage1").src = qr;
})
})

Hi Ehsan,

Although Wix doesn't have a built-in QR reader widget you can look for an online qr reader and embed it into your site Wix using the html iframe component.

Check out few helpful links on this thread suggested by our community member givemeawhisky

To learn more how to add an iFrame to your site check out the article: Using iFrames to Display Visible Content on Your Site.

Cheers,

Noam.

One way to generate a qr code (not to scan a qr code) is to install the qrCode npm (on your backend) and to use it.