QR Code

Name: QR Code
Author: Christophe Carvalho Vilas-Boas

By Christophe Carvalho Vilas-Boas

Display generated QR Codes on the admin panel's ContentTypes

Latest version

v1.0.0

released July 9, 2026

npm install strapi-plugin-qr-code

Strapi v5 - Plugin QR Code

Strapi Plugin to easily show QR Codes

A plugin for Strapi Headless CMS that provides an easy way to show QR Codes in Strapi entities.

Features

Show QR Code to strapi entities on update form. This QR Code leads to computed text.

Usage

To configure the QR Code plugin, add your configuration to the plugin settings. The configuration consist of an array of contentTypes with their own computeValue function:

type Config = {
  contentTypes: Array<{
    uid: UID.ContentType
    populate?: Array<string> | '*'
    computeValue: (
      uid: UID.ContentType, 
      status: 'draft' | 'published', 
      document: Modules.Documents.Document<UID.ContentType>
    ): string | Promise<string>;
  }>,
};

This configuration allows you to define a computeValue for content-types associated. The plugin try to fetch the concerned entity and pass it to computeValue function in document parameters. The string output of the function is what is used to generate the QR Code.

Example Configuration

// config/plugins.ts
import type { Config as QRCodeConfig } from 'strapi-plugin-qr-code/dist/server/src/config'

export default () => ({
  'qr-code': {
    enabled: true,
    config: {
      contentTypes: [
        {
          uid: 'api::content.content',
          computeValue: (uid, status, document) => {
            return `/${uid.split('.')[1]}?status=${status}&documentId=${document.documentId}`
          },
        },
        {
          uid: 'api::category.category',
          computeValue: (uid, status, document) => {
            return `My category is: ${document.name} - status: ${status} - edited: ${document.updatedDate}`
          },
        },
      ],
    } satisfies QRCodeConfig,
  }
})