Title: Qrogin QR Widgets
Author: NKChakshu
Published: <strong>July 21, 2025</strong>
Last modified: July 21, 2025

---

Search plugins

This plugin **hasn’t been tested with the latest 3 major releases of WordPress**.
It may no longer be maintained or supported and may have compatibility issues when
used with more recent versions of WordPress.

![](https://ps.w.org/qrogin-qr-widgets/assets/icon-256x256.png?rev=3331553)

# Qrogin QR Widgets

 By [NKChakshu](https://profiles.wordpress.org/nkchakshu/)

[Download](https://downloads.wordpress.org/plugin/qrogin-qr-widgets.1.0.0.zip)

 * [Details](https://wordpress.org/plugins/qrogin-qr-widgets/#description)
 * [Reviews](https://wordpress.org/plugins/qrogin-qr-widgets/#reviews)
 *  [Installation](https://wordpress.org/plugins/qrogin-qr-widgets/#installation)
 * [Development](https://wordpress.org/plugins/qrogin-qr-widgets/#developers)

 [Support](https://wordpress.org/support/plugin/qrogin-qr-widgets/)

## Description

QROGIN is a developer-friendly QR based social login platform delivering FIDO2 passkey-
powered passwordless authentication, combining enterprise-grade security with easy
integration and seamless identity management.
 Using this plugin, developers will
be able to generate tamper‑proof (time-limited & one-time use) QR codes and secure
one‑click links(button) for QROGIN user-login/signup. The widgets talks to your 
QROGIN back‑end, displays a countdown, polls for authentication and then fires a
JavaScript event so you can finish the flow your way.

**Features**

 * Three modes: `QrWidget`, `QrWithLink`, `SecureLinkButton`
 * Customise colours, labels and CSS classes from the shortcode
 * Accessible: countdown and refresh button included
 * Event‑driven – hook into `qrogin-authenticated` for SPA redirects
 * Works on any page/post or block editor pattern

### Shortcode

[qrogin_qr_widgets]

Attributes:
 See the “Attribute Reference” section below for all options.

### Attribute Reference

 * base_url (required) – Endpoint that returns QR payload
 * status_base (required) – Endpoint polled to read auth status
 * tenant_id (required) – Your tenant/account ID
 * api_key (required) – API key issued by QROGIN
 * mode – QrWidget (default), QrWithLink, or SecureLinkButton
 * ttl_ms – Time‑to‑live in milliseconds (default: 55000)
 * poll_interval – Polling gap in milliseconds (default: 5000)
 * class – Extra classes for the widget wrapper
 * button_label – Button inner HTML (default: “Secure one‑time link”)
 * button_class – Extra classes for the button
 * button_style – Inline CSS for the button

### Usage example: catching the authentication event

Add this script to your page (you can adjust the redirect URL):

    ```
    <script>
    document.querySelectorAll('.qrogin-qr-container').forEach(el => {
      el.addEventListener('qrogin-authenticated', e => {
        const { token, user_id } = e.detail;
        sessionStorage.setItem('qroginJwt', token);
        sessionStorage.setItem('userId', user_id);
        // Redirect to a safe location
        window.location.href = '/account'; // <- change this
      });
    });
    </script><h3>Privacy</h3>
    ```

This plugin sends only the fields you configure—`tenant_id` (also known as customer_id),`
api_key`, and associated session data—to **your own** QROGIN back‑end. All traffic
travels over **HTTPS** to QROGIN‑owned sub‑domains (`*.qrogin.com`) only. No data
is transmitted to the plugin author or any other third‑party service.

## Screenshots

[⌊QR widget and Secure Link Button in action (screenshot-1.png)⌉⌊QR widget and Secure
Link Button in action (screenshot-1.png)⌉[

QR widget and Secure Link Button in action (screenshot-1.png)

## Installation

 1. Upload the plugin folder to `/wp-content/plugins/` and activate it.
 2. Place the shortcode where you need the QR:
 3. `[qrogin_qr_widgets base_url="https://sample.qrogin.com/qr (sample url - actual
    url will be provided privately)" status_base="https://sample.qrogin.com/status (
    sample url - actual url will be provided privately)" tenant_id="ACME123" api_key
    ="YOUR_API_KEY" mode="QrWidget" (or QrWithLink or SecureLinkButton) ttl_ms="55000"
    poll_interval="5000" class="my-wrapper" button_label="Secure one‑time link" button_class
    ="btn btn-primary" button_style="font-size:20px" ]`

**Important:** Both `base_url` and `status_base` must be **HTTPS** endpoints hosted
on a `qrogin.com` sub‑domain (e.g. `https://auth.qrogin.com/...`).

## FAQ

### The QR never changes colour – what gives?

Check your browser console for CORS errors. The `base_url` and `status_base` **must**
be served over HTTPS and send the correct CORS headers.

### Does it work with page builders?

Yes. The shortcode can be dropped into any text/html block.

## Reviews

There are no reviews for this plugin.

## Contributors & Developers

“Qrogin QR Widgets” is open source software. The following people have contributed
to this plugin.

Contributors

 *   [ NKChakshu ](https://profiles.wordpress.org/nkchakshu/)

[Translate “Qrogin QR Widgets” into your language.](https://translate.wordpress.org/projects/wp-plugins/qrogin-qr-widgets)

### Interested in development?

[Browse the code](https://plugins.trac.wordpress.org/browser/qrogin-qr-widgets/),
check out the [SVN repository](https://plugins.svn.wordpress.org/qrogin-qr-widgets/),
or subscribe to the [development log](https://plugins.trac.wordpress.org/log/qrogin-qr-widgets/)
by [RSS](https://plugins.trac.wordpress.org/log/qrogin-qr-widgets/?limit=100&mode=stop_on_copy&format=rss).

## Changelog

#### 1.0.0

 * First public release.

## Meta

 *  Version **1.0.0**
 *  Last updated **11 months ago**
 *  Active installations **Fewer than 10**
 *  WordPress version ** 5.8 or higher **
 *  Tested up to **6.5.8**
 *  PHP version ** 7.4 or higher **
 * Tags
 * [authentication](https://wordpress.org/plugins/tags/authentication/)[login](https://wordpress.org/plugins/tags/login/)
   [oauth](https://wordpress.org/plugins/tags/oauth/)[passkey](https://wordpress.org/plugins/tags/passkey/)
   [qr](https://wordpress.org/plugins/tags/qr/)
 *  [Advanced View](https://wordpress.org/plugins/qrogin-qr-widgets/advanced/)

## Ratings

No reviews have been submitted yet.

[Your review](https://wordpress.org/support/plugin/qrogin-qr-widgets/reviews/#new-post)

[See all reviews](https://wordpress.org/support/plugin/qrogin-qr-widgets/reviews/)

## Contributors

 *   [ NKChakshu ](https://profiles.wordpress.org/nkchakshu/)

## Support

Got something to say? Need help?

 [View support forum](https://wordpress.org/support/plugin/qrogin-qr-widgets/)