Title: Qrogin QR Widgets
Author: NKChakshu
Published: <strong>21 Tháng 7, 2025</strong>
Last modified: 21 Tháng 7, 2025

---

Tìm kiếm plugin

Plugin này **chưa được cập nhật với 3 phiên bản mới nhất của WordPress**. Nó có 
thể không được hỗ trợ và bảo trì, và có thể xung đột với các phiên bản WordPress
mới nhất.

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

# Qrogin QR Widgets

 Bởi [NKChakshu](https://profiles.wordpress.org/nkchakshu/)

[Tải về](https://downloads.wordpress.org/plugin/qrogin-qr-widgets.1.0.0.zip)

 * [Chi tiết](https://vi.wordpress.org/plugins/qrogin-qr-widgets/#description)
 * [Đánh giá](https://vi.wordpress.org/plugins/qrogin-qr-widgets/#reviews)
 *  [Cài đặt](https://vi.wordpress.org/plugins/qrogin-qr-widgets/#installation)
 * [Nhà phát triển](https://vi.wordpress.org/plugins/qrogin-qr-widgets/#developers)

 [Hỗ trợ](https://wordpress.org/support/plugin/qrogin-qr-widgets/)

## Mô tả

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.

## Ảnh màn hình

[⌊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)

## Cài đặt

 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/...`).

## Hỏi đáp

### 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.

## Đánh giá

Không có đánh giá nào cho plugin này.

## Người đóng góp & Lập trình viên

“Qrogin QR Widgets” là mã nguồn mở. Những người sau đã đóng góp vào plugin này.

Những người đóng góp

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

[Dịch “Qrogin QR Widgets” sang ngôn ngữ của bạn.](https://translate.wordpress.org/projects/wp-plugins/qrogin-qr-widgets)

### Muốn tham gia phát triển?

[Duyệt code](https://plugins.trac.wordpress.org/browser/qrogin-qr-widgets/), check
out [SVN repository](https://plugins.svn.wordpress.org/qrogin-qr-widgets/), hoặc
theo dõi [nhật ký phát triển](https://plugins.trac.wordpress.org/log/qrogin-qr-widgets/)
qua [RSS](https://plugins.trac.wordpress.org/log/qrogin-qr-widgets/?limit=100&mode=stop_on_copy&format=rss).

## Nhật ký thay đổi

#### 1.0.0

 * First public release.

## Meta

 *  Phiên bản **1.0.0**
 *  Cập nhật lần cuối **1 năm trước**
 *  Số lượt cài đặt **Ít hơn 10**
 *  Phiên bản WordPress ** 5.8 hoặc cao hơn **
 *  Đã kiểm tra lên đến **6.5.13**
 *  Phiên bản PHP ** 7.4 hoặc cao hơn **
 *  Ngôn ngữ
 * [English (US)](https://wordpress.org/plugins/qrogin-qr-widgets/)
 * Thẻ
 * [authentication](https://vi.wordpress.org/plugins/tags/authentication/)[login](https://vi.wordpress.org/plugins/tags/login/)
   [oauth](https://vi.wordpress.org/plugins/tags/oauth/)[passkey](https://vi.wordpress.org/plugins/tags/passkey/)
   [qr](https://vi.wordpress.org/plugins/tags/qr/)
 *  [Nâng cao](https://vi.wordpress.org/plugins/qrogin-qr-widgets/advanced/)

## Đánh giá

Chưa có đánh giá nào được gửi.

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

[Xem tất cả đánh giá](https://wordpress.org/support/plugin/qrogin-qr-widgets/reviews/)

## Những người đóng góp

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

## Hỗ trợ

Có điều gì muốn nói? cần giúp đỡ?

 [Xem diễn đàn hỗ trợ](https://wordpress.org/support/plugin/qrogin-qr-widgets/)